-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
60 lines (60 loc) · 13.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<html>
<head>
<title>Jazz Colors</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
img[src="https://cdn.000webhost.com/000webhost/logo/footer-powered-by-000webhost-white2.png"] {
display: none;
}
</style>
<link rel="icon" href="icon.png">
<link rel="stylesheet" type="text/css" href="main.css">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.2.0/anime.js" integrity="sha256-kRbW+SRRXPogeps8ZQcw2PooWEDPIjVQmN1ocWVQHRY=" crossorigin="anonymous"></script>
</head>
<body>
<div class="main">
<div class="main_anime">
<svg id="outline_text" width="752" height="95" viewBox="0 0 752 95" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M41.4922 6.6875H59.0703V65.75C59.0703 71.1797 57.8594 75.9844 55.4375 80.1641C53.0547 84.3047 49.6758 87.5078 45.3008 89.7734C40.9258 92.0391 35.9844 93.1719 30.4766 93.1719C21.4531 93.1719 14.4219 90.8867 9.38281 86.3164C4.34375 81.707 1.82422 75.2031 1.82422 66.8047H19.5195C19.5195 70.9844 20.3984 74.0703 22.1562 76.0625C23.9141 78.0547 26.6875 79.0508 30.4766 79.0508C33.8359 79.0508 36.5117 77.8984 38.5039 75.5938C40.4961 73.2891 41.4922 70.0078 41.4922 65.75V6.6875Z" stroke="white" stroke-width="3"/>
<path d="M121.754 92C120.973 90.4766 120.406 88.582 120.055 86.3164C115.953 90.8867 110.621 93.1719 104.059 93.1719C97.8477 93.1719 92.6914 91.375 88.5898 87.7812C84.5273 84.1875 82.4961 79.6562 82.4961 74.1875C82.4961 67.4688 84.9766 62.3125 89.9375 58.7188C94.9375 55.125 102.145 53.3086 111.559 53.2695H119.352V49.6367C119.352 46.707 118.59 44.3633 117.066 42.6055C115.582 40.8477 113.219 39.9688 109.977 39.9688C107.125 39.9688 104.879 40.6523 103.238 42.0195C101.637 43.3867 100.836 45.2617 100.836 47.6445H83.9023C83.9023 43.9727 85.0352 40.5742 87.3008 37.4492C89.5664 34.3242 92.7695 31.8828 96.9102 30.125C101.051 28.3281 105.699 27.4297 110.855 27.4297C118.668 27.4297 124.859 29.4023 129.43 33.3477C134.039 37.2539 136.344 42.7617 136.344 49.8711V77.3516C136.383 83.3672 137.223 87.918 138.863 91.0039V92H121.754ZM107.75 80.2227C110.25 80.2227 112.555 79.6758 114.664 78.582C116.773 77.4492 118.336 75.9453 119.352 74.0703V63.1719H113.023C104.547 63.1719 100.035 66.1016 99.4883 71.9609L99.4297 72.957C99.4297 75.0664 100.172 76.8047 101.656 78.1719C103.141 79.5391 105.172 80.2227 107.75 80.2227Z" stroke="white" stroke-width="3"/>
<path d="M180.805 78.3477H211.801V92H159.184V81.6875L189.008 42.3125H160.062V28.6016H210.863V38.6211L180.805 78.3477Z" stroke="white" stroke-width="3"/>
<path d="M253.859 78.3477H284.855V92H232.238V81.6875L262.062 42.3125H233.117V28.6016H283.918V38.6211L253.859 78.3477Z" stroke="white" stroke-width="3"/>
<path d="M417.43 63.582C416.766 72.7617 413.367 79.9883 407.234 85.2617C401.141 90.5352 393.094 93.1719 383.094 93.1719C372.156 93.1719 363.543 89.5 357.254 82.1562C351.004 74.7734 347.879 64.6562 347.879 51.8047V46.5898C347.879 38.3867 349.324 31.1602 352.215 24.9102C355.105 18.6602 359.227 13.875 364.578 10.5547C369.969 7.19531 376.219 5.51562 383.328 5.51562C393.172 5.51562 401.102 8.15234 407.117 13.4258C413.133 18.6992 416.609 26.1016 417.547 35.6328H399.969C399.539 30.125 397.996 26.1406 395.34 23.6797C392.723 21.1797 388.719 19.9297 383.328 19.9297C377.469 19.9297 373.074 22.0391 370.145 26.2578C367.254 30.4375 365.77 36.9414 365.691 45.7695V52.2148C365.691 61.4336 367.078 68.1719 369.852 72.4297C372.664 76.6875 377.078 78.8164 383.094 78.8164C388.523 78.8164 392.566 77.5859 395.223 75.125C397.918 72.625 399.461 68.7773 399.852 63.582H417.43Z" stroke="white" stroke-width="3"/>
<path d="M437.223 59.7148C437.223 53.4258 438.434 47.8203 440.855 42.8984C443.277 37.9766 446.754 34.168 451.285 31.4727C455.855 28.7773 461.148 27.4297 467.164 27.4297C475.719 27.4297 482.691 30.0469 488.082 35.2812C493.512 40.5156 496.539 47.625 497.164 56.6094L497.281 60.9453C497.281 70.6719 494.566 78.4844 489.137 84.3828C483.707 90.2422 476.422 93.1719 467.281 93.1719C458.141 93.1719 450.836 90.2422 445.367 84.3828C439.938 78.5234 437.223 70.5547 437.223 60.4766V59.7148ZM454.156 60.9453C454.156 66.9609 455.289 71.5703 457.555 74.7734C459.82 77.9375 463.062 79.5195 467.281 79.5195C471.383 79.5195 474.586 77.957 476.891 74.832C479.195 71.668 480.348 66.6289 480.348 59.7148C480.348 53.8164 479.195 49.2461 476.891 46.0039C474.586 42.7617 471.344 41.1406 467.164 41.1406C463.023 41.1406 459.82 42.7617 457.555 46.0039C455.289 49.207 454.156 54.1875 454.156 60.9453Z" stroke="white" stroke-width="3"/>
<path d="M537.582 92H520.59V2H537.582V92Z" stroke="white" stroke-width="3"/>
<path d="M560.949 59.7148C560.949 53.4258 562.16 47.8203 564.582 42.8984C567.004 37.9766 570.48 34.168 575.012 31.4727C579.582 28.7773 584.875 27.4297 590.891 27.4297C599.445 27.4297 606.418 30.0469 611.809 35.2812C617.238 40.5156 620.266 47.625 620.891 56.6094L621.008 60.9453C621.008 70.6719 618.293 78.4844 612.863 84.3828C607.434 90.2422 600.148 93.1719 591.008 93.1719C581.867 93.1719 574.562 90.2422 569.094 84.3828C563.664 78.5234 560.949 70.5547 560.949 60.4766V59.7148ZM577.883 60.9453C577.883 66.9609 579.016 71.5703 581.281 74.7734C583.547 77.9375 586.789 79.5195 591.008 79.5195C595.109 79.5195 598.312 77.957 600.617 74.832C602.922 71.668 604.074 66.6289 604.074 59.7148C604.074 53.8164 602.922 49.2461 600.617 46.0039C598.312 42.7617 595.07 41.1406 590.891 41.1406C586.75 41.1406 583.547 42.7617 581.281 46.0039C579.016 49.207 577.883 54.1875 577.883 60.9453Z" stroke="white" stroke-width="3"/>
<path d="M679.062 44.4805C676.758 44.168 674.727 44.0117 672.969 44.0117C666.562 44.0117 662.363 46.1797 660.371 50.5156V92H643.438V28.6016H659.434L659.902 36.1602C663.301 30.3398 668.008 27.4297 674.023 27.4297C675.898 27.4297 677.656 27.6836 679.297 28.1914L679.062 44.4805Z" stroke="white" stroke-width="3"/>
<path d="M733.602 74.4805C733.602 72.4102 732.566 70.7891 730.496 69.6172C728.465 68.4062 725.184 67.332 720.652 66.3945C705.574 63.2305 698.035 56.8242 698.035 47.1758C698.035 41.5508 700.359 36.8633 705.008 33.1133C709.695 29.3242 715.809 27.4297 723.348 27.4297C731.395 27.4297 737.82 29.3242 742.625 33.1133C747.469 36.9023 749.891 41.8242 749.891 47.8789H732.957C732.957 45.457 732.176 43.4648 730.613 41.9023C729.051 40.3008 726.609 39.5 723.289 39.5C720.438 39.5 718.23 40.1445 716.668 41.4336C715.105 42.7227 714.324 44.3633 714.324 46.3555C714.324 48.2305 715.203 49.7539 716.961 50.9258C718.758 52.0586 721.766 53.0547 725.984 53.9141C730.203 54.7344 733.758 55.6719 736.648 56.7266C745.594 60.0078 750.066 65.6914 750.066 73.7773C750.066 79.5586 747.586 84.2461 742.625 87.8398C737.664 91.3945 731.258 93.1719 723.406 93.1719C718.094 93.1719 713.367 92.2344 709.227 90.3594C705.125 88.4453 701.902 85.8477 699.559 82.5664C697.215 79.2461 696.043 75.6719 696.043 71.8438H712.098C712.254 74.8516 713.367 77.1562 715.438 78.7578C717.508 80.3594 720.281 81.1602 723.758 81.1602C727 81.1602 729.441 80.5547 731.082 79.3438C732.762 78.0938 733.602 76.4727 733.602 74.4805Z" stroke="white" stroke-width="3"/>
</svg>
</div>
<div class="container">
<ul class="list_cont">
<li class="list right box1"><div class="text right_text"></div></li>
<li class="list right box2"><div class="text right_text"></div></li>
<li class="list right box3"><div class="text right_text"></div></li>
<li class="list right box4"><div class="text right_text"></div></li>
<li class="list left box5"><div class="text left_text"></div></li>
<li class="list left box6"><div class="text left_text"></div></li>
<li class="list left box7"><div class="text left_text"></div></li>
<li class="list left box8"><div class="text left_text"></div></li>
</ul>
<div class="darkMode" title="Dark Mode">
<svg id="logo" width="65" height="65" viewBox="0 0 65 65" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M65 32.5C65 50.4493 50.4493 65 32.5 65C14.5507 65 0 50.4493 0 32.5C0 14.5507 14.5507 0 32.5 0C50.4493 0 65 14.5507 65 32.5Z" fill="#FFB800"/>
</svg>
</div>
<!-- <div class="copied">Copied!</div> -->
</div>
<div class="generate">
<div class="buttonColor">New Colors?</div>
</div>
<div class="snackbar">
Copied!
</div>
</div>
<script type="text/javascript" src="script.js"></script>
<div style="text-align: right;position: fixed;z-index:9999999;bottom: 0;width: auto;right: 1%;cursor: pointer;line-height: 0;display:block !important;"><a title="Hosted on free web hosting 000webhost.com. Host your own website for FREE." target="_blank" href="https://www.000webhost.com/?utm_source=000webhostapp&utm_campaign=000_logo&utm_medium=website&utm_content=footer_img"><img src="https://cdn.000webhost.com/000webhost/logo/footer-powered-by-000webhost-white2.png" alt="www.000webhost.com"></a></div><script>function getCookie(e){for(var t=e+"=",n=decodeURIComponent(document.cookie).split(";"),o=0;o<n.length;o++){for(var i=n[o];" "==i.charAt(0);)i=i.substring(1);if(0==i.indexOf(t))return i.substring(t.length,i.length)}return""}getCookie("hostinger")&&(document.cookie="hostinger=;expires=Thu, 01 Jan 1970 00:00:01 GMT;",location.reload());var notification=document.getElementsByClassName("notice notice-success is-dismissible"),hostingerLogo=document.getElementsByClassName("hlogo"),mainContent=document.getElementsByClassName("notice_content")[0],newList=["Powerful and Easy-To-Use Control Panel.","1-Click Auto Installer and 24/7 Live Support.","Free Domain, Email and SSL Bundle.","5x faster WordPress performance","Weekly Backups and Fast Response Time."];if(notification.length>0&&null!=mainContent){var googleFont=document.createElement("link");googleFontHref=document.createAttribute("href"),googleFontRel=document.createAttribute("rel"),googleFontHref.value="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600",googleFontRel.value="stylesheet",googleFont.setAttributeNode(googleFontHref),googleFont.setAttributeNode(googleFontRel);var css="@media only screen and (max-width: 768px) {.web-hosting-90-off-image-wrapper {position: absolute;} .notice_content {justify-content: center;} .web-hosting-90-off-image {opacity: 0.3;}} @media only screen and (min-width: 769px) {.notice_content {justify-content: space-between;} .web-hosting-90-off-image-wrapper {padding: 0 5%}} .content-wrapper {z-index: 5} .notice_content {display: flex; align-items: center;} * {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .upgrade_button_red_sale{border: 0; border-radius: 3px; background-color: #ff123a !important; padding: 15px 55px !important; margin-left: 30px; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; color: #ffffff;} .upgrade_button_red_sale:hover{color: #ffffff !important; background: #d10303 !important;}",style=document.createElement("style"),sheet=window.document.styleSheets[0];style.styleSheet?style.styleSheet.cssText=css:style.appendChild(document.createTextNode(css)),document.getElementsByTagName("head")[0].appendChild(style),document.getElementsByTagName("head")[0].appendChild(googleFont);var button=document.getElementsByClassName("upgrade_button_red")[0],link=button.parentElement;link.setAttribute("href","https://www.hostinger.com/hosting-starter-offer?utm_source=000webhost&utm_medium=panel&utm_campaign=000-wp"),link.innerHTML='<button class="upgrade_button_red_sale">TRANSFER NOW</button>',(notification=notification[0]).setAttribute("style","padding-bottom: 10px; padding-top: 5px; background-image: url(https://cdn.000webhost.com/000webhost/promotions/springsale/mountains-neon-background.jpg); background-color: #000000; background-size: cover; background-repeat: no-repeat; color: #ffffff; border-color: #ff123a; border-width: 8px;"),notification.className="notice notice-error is-dismissible",(hostingerLogo=hostingerLogo[0]).setAttribute("src","https://cdn.000webhost.com/000webhost/promotions/springsale/logo-hostinger-white.svg"),hostingerLogo.setAttribute("style","float: none !important; height: auto; max-width: 100%; margin: 40px 20px 10px 30px;");var h1Tag=notification.getElementsByTagName("H1")[0];h1Tag.remove();var paragraph=notification.getElementsByTagName("p")[0];paragraph.innerHTML="Fast & Secure Web Hosting. <br>Limited time offer: get an SSL certificate for FREE",paragraph.setAttribute("style",'max-width: 600px; margin-left: 30px; font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 600;');var list=notification.getElementsByTagName("UL")[0];list.setAttribute("style","max-width: 675px;");for(var listElements=list.getElementsByTagName("LI"),i=0;i<newList.length;i++)listElements[i].setAttribute("style","color:#ffffff; list-style-type: disc; margin-left: 30px; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.5;"),listElements[i].innerHTML=newList[i];listElements[listElements.length-1].remove();var org_html=mainContent.innerHTML,new_html='<div class="content-wrapper">'+mainContent.innerHTML+'</div><div class="web-hosting-90-off-image-wrapper"><img class="web-hosting-90-off-image" src="https://cdn.000webhost.com/000webhost/promotions/springsale/web-hosting-90-off.png"></div>';mainContent.innerHTML=new_html;var saleImage=mainContent.getElementsByClassName("web-hosting-90-off-image")[0]}</script>
</body>
</html>