-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomingSoon.html
92 lines (90 loc) · 6.78 KB
/
comingSoon.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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<meta charset="UTF-8">
<title>Coming Soon - Ador</title>
<meta property="og:title" content="Coming Soon - Ador" />
<meta name="theme-color" content="#6600BB" />
<meta property="og:description" content="Hello, I am Nurul Alom Ador and It's My Personal Portfolio Website." />
<meta property="og:image" content="img/ogImage.png" />
<link rel="icon" type="image/png" sizes="192x192" href="favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<link rel="manifest" href="favicon/manifest.json">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css" />
<script src="https://kit.fontawesome.com/5950a63964.js"></script>
</head>
<body>
<div id="preloader" class="loadingScreen">
<svg class="logoSVG" viewBox="0 0 1000 500">
<defs>
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color: #FFFF00; stop-opacity:1" />
<stop offset="100%" style="stop-color: #FFBB11; stop-opacity:1" />
</linearGradient>
</defs>
<g><path d="M491.8,163.8l2.6-2.6c22.1-22.1,51.4-35.8,82.3-38.8l0.3,0l69.8-43.1l-3.2-1c-17.4-5.3-35.6-8-54.1-8 c-25.2,0-49.5,4.9-72.5,14.6c-15.1,6.4-29.2,14.7-42.1,24.7l-3.4,2.7h20.3V163.8z"/> <path d="M470.5,319.9l-2.8-5.3v71.6l27.8-33l-1-1C484.9,342.7,476.8,331.8,470.5,319.9z"/> <path d="M689.7,166.6l2.6,2.9v-33l-15.1,17.9l1.1,1C682.3,158.8,686.2,162.6,689.7,166.6z"/> <path d="M722.5,234.1l7.1,2.4l0.6-1c1.7-2.7,3.5-5.5,5.4-8.1c8.2-11.1,18.3-20.2,30.2-27.2l1-0.6l-0.4-1.1 c-1.4-4.1-2.9-8.3-4.5-12.3l-0.4-0.9h-57.8l1.4,2.3c8.5,14.2,14.3,29.5,17.1,45.7L722.5,234.1z"/> <path d="M755.4,341.7l-38.8-18.2v-20.9l-2.9,6.8c-21.3,49.9-70,82.1-124.1,82.1c-2.9,0-6-0.1-9.1-0.3l-0.5,0 l-61.3,37.9l2.8,1.1c21.7,8.5,44.6,12.8,68.1,12.8c25.2,0,49.5-4.9,72.5-14.6c22.2-9.4,42.1-22.8,59.2-39.9 c13.4-13.4,24.6-28.6,33.4-45.3L755.4,341.7z"/> <polygon points="457.3,390.6 457.3,266.2 405.8,249 405.8,390.6 "/> <path d="M405.8,228.3l51.5-31.8v-21.7h24.2v-51.9H45.5v51.9h282.1v149.3L297.3,303c2.2-8.8,3.3-18.1,3.3-27.6v-20 c0-20.5-7.4-38.3-22.1-52.8c-14.7-14.5-32.3-21.8-52.5-21.8h-4.8c-18.6,0-34.7,6.7-47.9,19.9c-13.2,13.2-19.9,29.3-19.9,47.9v34 h51.5v-34c0-4.7,1.5-8.3,4.8-11.6c3.3-3.3,6.9-4.8,11.6-4.8h4.8c6.2,0,11.4,2.2,16,6.7s6.7,9.9,6.7,16.4v20c0,14.2-5,26.5-15,36.5 c-9.9,10-22.1,15.1-36.2,15.1h-24.7c-14.2,0-26.5-5.1-36.5-15.2c-10.1-10.1-15.2-22.3-15.2-36.5v-48.5H69.7v48.5 c0,28.5,10.1,53.1,30.1,73.1c19.9,20,44.5,30.1,73.1,30.1h24.7c28.2,0,52.8-10.1,73.1-30.1c0.2-0.2,0.4-0.4,0.6-0.6l61.1,42.7H379 V174.8h26.8V228.3z"/><path d="M703.8,122.8l-1.1,1.3v50.7h171.2c-0.1,0-0.2,0.1-0.4,0.1c-12.6,3.5-26.8,7.7-42.3,12.3 c-15.6,4.7-29.7,9.2-41.6,13.4c-19,6.6-34.3,17.6-45.6,32.9c-1.1,1.5-2.2,3.1-3.2,4.7l-1.1,1.6l52.7,17.6l1.6-1.2 c3.5-2.5,7.7-4.8,12.4-6.9c2.4-0.9,4.9-1.8,7.5-2.7c9.8-3.4,20.9-7,33-10.7c10.6-3.2,20.6-6,29.6-8.6c0.8-0.2,1.5-0.4,2.2-0.6 v104.5L778.4,284c0-0.7,0-1.3,0.1-2c0.3-4.5,1.5-8.6,3.4-12.4l2.4-4.8l-57.3,35.4v16.6l155.9,73l1.4,0.6h46.1V174.8h24.2v-51.9 H703.8z"/><polygon points="749.8,396 810.1,424.1 831.9,377.8 771.6,349.2 "/><polygon points="616.9,209.8 792.5,1.5 408.4,238.9 562.2,290.2 386.6,498.5 770.7,261.1 "/></g>
</svg>
</div>
<script>
setTimeout(fade_out, 4500);
function fade_out() {
$(".loadingScreen").fadeOut().empty();
}
</script>
<header>
<div class="container">
<img src="img/logo.svg" class="logo">
<div class="menuIcon">
<div onclick="openNav()"><i class="fas fa-bars"></i></div>
</div>
<div class="menu menuoff" id="mySidenav">
<div class="closeMenu" onclick="closeNav()"><i class="fas fa-times"></i></div>
<a href="index.html">Home</a>
<a href="comingSoon.html">Tools</a>
<a href="comingSoon.html">Portfolio</a>
<a href="comingSoon.html">Contact</a>
</div>
</div>
</header>
<div class="container">
<div class="titleHeader">Coming <b>Soon</b></div>
</div>
<div class="bodyOne">
<div class="container">
<div class="titleMain">Work in <b>Progress</b></div>
<hr class="hrOne" />
<img src="img/colorLogo.svg" class="logo"/>
</div>
</div>
<div class="footer">
<div class="container">
<div class="containerContainer">
<div class="containerTwo">
<div class="title">Useful Link</div>
<hr/>
<a href="https://lipighor.com" target="_blank">Lipighor - Bangla Font Foundry</a>
<a href="https://okkhor52.com" target="_blank">Okkhor52 - Free Bangla Fonts</a>
</div>
<hr class="divider"/>
<div class="containerThree">
<div class="textOne">Connected With Me</div>
<a href="https://facebook.com/NurulAlomAdor" target="_blank"><div class="icon fb"><i class="fab fa-facebook-f" style="line-height: 45px;"></i></div></a>
<a href="https://twitter.com/NurulAlomAdor" target="_blank"> <div class="icon tt"><i class="fab fa-twitter" style="line-height: 45px;"></i></div></a>
<a href="https://behance.net/NurulAlomAdor" target="_blank"><div class="icon bh"><i class="fab fa-behance" style="line-height: 45px;"></i></div></a>
</div>
</div>
<div class="containerOne">
<img src="img/logoBlack.svg" class="logo"/><br/>
<div class="textOne">© Nurul Alom Ador 2020</div>
<div class="textTwo">This website was developed by Nurul Alom Ador</div>
</div>
</div>
</div>
<script src="js/modal.js"></script>
<script src="js/sidenav.js"></script>
</body>
</html>