-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
393 lines (382 loc) · 28.5 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
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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CryptoCoin </title>
<link rel="stylesheet" href="css/style.css">
<!-- animate css -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
</head>
<body>
<!-- the nav area -->
<header>
<div class="nav" id="nav">
<div class="img-logo">
<img style="width: 20%; z-index: 100;" src="img/icon-1.png" alt="" srcset="">
<h1 class="logo">CryptoCoin</h1>
</div>
<div class="mobile">
<!-- mobile nav -->
<ul>
<button class="hamburger">
<span class="bar"></span>
</button>
<nav class="mobile-nav" >
<li ><a href="index.html">Home</a></li>
<li ><a href="about.html">About </a></li>
<li ><a href="service.html">Services</a></li>
<li><a href="contact.html">contact</a></li>
</nav>
</ul>
</div>
<!-- desktop nav -->
<div class="desktop">
<ul>
<nav class="desktop-nav" id="home">
<li class="hom active"><a href="index.html">Home</a></li>
<li class="hom"><a href="about.html">About Us</a></li>
<li class="hom"><a href="service.html">service</a></li>
<li class="hom"><a href="Portfolio.html">Contact Us</a></li>
<div class="nav-socials">
<div style="display: flex; gap: 1rem;" >
<div>
<a href="https://www.instagram.com/jayni_yi?igshid=YzAwZjE1ZTI0Zg==">
<svg class="socials" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill=#16D5FF>
<path d="M14.0759 2.03236C15.173 2.03551 16.2242 2.45628 17 3.20276C17.7757 3.94925 18.213 4.9608 18.2162 6.01648V13.9839C18.213 15.0396 17.7757 16.0511 17 16.7976C16.2242 17.5441 15.173 17.9649 14.0759 17.968H5.79618C4.69911 17.9649 3.6479 17.5441 2.87215 16.7976C2.0964 16.0511 1.65914 15.0396 1.65586 13.9839V6.01648C1.65914 4.9608 2.0964 3.94925 2.87215 3.20276C3.6479 2.45628 4.69911 2.03551 5.79618 2.03236H14.0759ZM14.0759 0.438965H5.79618C2.60821 0.438965 0 2.94878 0 6.01648V13.9839C0 17.0516 2.60821 19.5614 5.79618 19.5614H14.0759C17.2639 19.5614 19.8721 17.0516 19.8721 13.9839V6.01648C19.8721 2.94878 17.2639 0.438965 14.0759 0.438965Z" fill="#16D5FF"/>
<path d="M15.3177 6.01677C15.072 6.01677 14.8319 5.94668 14.6277 5.81535C14.4234 5.68403 14.2642 5.49737 14.1702 5.27898C14.0762 5.0606 14.0516 4.82029 14.0995 4.58846C14.1475 4.35662 14.2658 4.14366 14.4395 3.97652C14.6131 3.80937 14.8345 3.69555 15.0754 3.64943C15.3163 3.60331 15.566 3.62698 15.793 3.71744C16.0199 3.8079 16.2139 3.96108 16.3504 4.15763C16.4868 4.35417 16.5597 4.58524 16.5597 4.82162C16.56 4.97866 16.5282 5.13423 16.4659 5.27938C16.4036 5.42454 16.3121 5.55642 16.1967 5.66747C16.0813 5.77852 15.9442 5.86654 15.7934 5.92648C15.6425 5.98642 15.4809 6.01711 15.3177 6.01677ZM9.9358 6.81325C10.5909 6.81325 11.2313 7.00018 11.7759 7.3504C12.3206 7.70061 12.7452 8.19839 12.9958 8.78077C13.2465 9.36316 13.3121 10.004 13.1843 10.6223C13.0565 11.2405 12.7411 11.8084 12.2779 12.2542C11.8146 12.6999 11.2245 13.0035 10.582 13.1264C9.93948 13.2494 9.27351 13.1863 8.66829 12.9451C8.06307 12.7038 7.54578 12.2953 7.18184 11.7712C6.81789 11.2471 6.62364 10.6308 6.62364 10.0005C6.62458 9.15544 6.97384 8.34529 7.59478 7.74777C8.21573 7.15024 9.05765 6.81416 9.9358 6.81325ZM9.9358 5.21986C8.95322 5.21986 7.9927 5.50024 7.17571 6.02554C6.35873 6.55084 5.72196 7.29747 5.34594 8.17101C4.96993 9.04455 4.87154 10.0058 5.06323 10.9331C5.25493 11.8605 5.72809 12.7123 6.42288 13.3809C7.11767 14.0494 8.00289 14.5048 8.96659 14.6892C9.93029 14.8737 10.9292 14.779 11.837 14.4172C12.7448 14.0553 13.5207 13.4426 14.0666 12.6564C14.6125 11.8703 14.9038 10.946 14.9038 10.0005C14.9038 8.73257 14.3804 7.51661 13.4487 6.62007C12.517 5.72353 11.2534 5.21986 9.9358 5.21986Z" fill="#16D5FF"/>
</svg>
</a>
</div>
<div class="socials">
<a href="">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="22" height="20" viewBox="0 0 22 20" fill="#16D5FF">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.4065 10.0578C21.4065 4.74704 16.8092 0.440918 11.1393 0.440918C5.4694 0.440918 0.87207 4.74704 0.87207 10.0578C0.87207 14.8576 4.62602 18.8362 9.53503 19.5583V12.8385H6.92743V10.0578H9.53503V7.93907C9.53503 5.52927 11.0682 4.19708 13.4132 4.19708C14.5366 4.19708 15.7119 4.38512 15.7119 4.38512V6.75199H14.4165C13.1418 6.75199 12.7431 7.49301 12.7431 8.25463V10.0578H15.5904L15.1357 12.8385H12.7435V19.5592C17.6525 18.8375 21.4065 14.8589 21.4065 10.0578Z" fill="#16D5FF"/>
</svg>
</a>
</div>
<div>
<a href="https://x.com/JosephObasan?t=sR-oiURiIIYlOkXXjIT25Q&s=09">
<svg class="socials" xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16" fill="none">
<path d="M19.5756 2.1537C18.8566 2.46592 18.0958 2.67161 17.3172 2.76428C18.1354 2.28554 18.7507 1.52498 19.0477 0.625233C18.2742 1.07722 17.4293 1.39436 16.5493 1.56306C16.1787 1.17497 15.733 0.866237 15.2393 0.65562C14.7456 0.445004 14.2143 0.336906 13.6775 0.337897C11.5041 0.337897 9.74533 2.06989 9.74533 4.20495C9.74379 4.50193 9.77785 4.79802 9.84677 5.08691C8.28834 5.0139 6.76231 4.61663 5.36632 3.92051C3.97033 3.22439 2.73512 2.24475 1.73972 1.04426C1.39051 1.63255 1.20583 2.30377 1.20497 2.98777C1.20497 4.32866 1.90506 5.51392 2.96217 6.20832C2.33586 6.19346 1.72238 6.02781 1.17382 5.72543V5.77332C1.17382 7.64898 2.53166 9.20937 4.32879 9.56455C3.99084 9.65458 3.64259 9.70019 3.29284 9.70024C3.04467 9.70067 2.79706 9.67661 2.55362 9.6284C3.05322 11.1648 4.5073 12.2823 6.22975 12.3142C4.83014 13.3921 3.11178 13.9746 1.34475 13.9704C1.0311 13.9699 0.717739 13.9512 0.40625 13.9145C2.20385 15.0615 4.29342 15.6682 6.42624 15.6624C13.6691 15.6624 17.6259 9.76808 17.6259 4.65591C17.6259 4.4883 17.6216 4.32068 17.6136 4.15706C18.3816 3.61115 19.046 2.93274 19.5756 2.1537Z" fill="#16D5FF"/>
</svg>
</a>
</div>
<div>
<a href="https://www.linkedin.com/in/joseph-obasan-59772a288?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app">
<svg class="socials" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" >
<path d="M18.4415 0.291016H2.2354C1.34987 0.291016 0.576172 0.928181 0.576172 1.80331V18.0454C0.576172 18.9253 1.34987 19.7094 2.2354 19.7094H18.4367C19.327 19.7094 19.9945 18.9201 19.9945 18.0454V1.80331C19.9997 0.928181 19.327 0.291016 18.4415 0.291016ZM6.59543 16.4772H3.81358V7.82777H6.59543V16.4772ZM5.30073 6.51269H5.28079C4.39049 6.51269 3.81401 5.84996 3.81401 5.02034C3.81401 4.17555 4.40566 3.52842 5.3159 3.52842C6.22613 3.52842 6.78311 4.17079 6.80305 5.02034C6.80262 5.84996 6.22613 6.51269 5.30073 6.51269ZM16.7623 16.4772H13.9805V11.7478C13.9805 10.6148 13.5756 9.84069 12.5692 9.84069C11.8002 9.84069 11.3451 10.3608 11.1427 10.8675C11.0669 11.0496 11.0465 11.2975 11.0465 11.5506V16.4772H8.26463V7.82777H11.0465V9.03145C11.4513 8.45496 12.0837 7.62535 13.5553 7.62535C15.3814 7.62535 16.7628 8.82903 16.7628 11.4241L16.7623 16.4772Z" fill="#16D5FF"/>
</svg>
</a>
</div>
<!-- <div>
<button>Request Demo</button>
</div> -->
</div>
</div>
</nav>
</ul>
</div>
</div>
</header>
<!-- hero -->
<div class="hero ">
<div class="hero-text animate__animated animate__fadeInLeft">
<h1>Make Better Life <br> With Trusted <br> CryptoCoin</h1>
<p>Tempor erat elitr rebum at clita. Diam dolor diam <br> ipsum sit. Aliqu diam amet diam et eos. Clita <br> erat ipsum et lorem et sit, sed stet lorem sit clita duo justo magna dolore erat amet</p>
<button class="hero-button"> <a href="#">Explore More</a></button>
</div>
<div class="hero-img animate__animated animate__bounceIn">
<img class="a" style="width: 100%;" src="img/hero-1.png" alt="" srcset="">
</div>
</div>
<!-- about us section -->
<div class="about-section">
<div>
<img style="width: 100%;" src="img/about.png" alt="" srcset="">
</div>
<div class="about-text ">
<h1>About Us </h1>
<h4>The Most Trusted Cryptocurrency Platform</h4>
<p>Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit. Aliqu diam amet diam et eos. Clita erat ipsum et lorem et sit, sed stet lorem sit clita duo justo magna dolore erat amet</p>
<p>Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit. Aliqu diam amet diam et eos. Clita erat ipsum et lorem et sit.</p>
<div>
<div class="list">
<i class="fa fa-check " ></i>
<p>Tempor erat elitr rebum at clita</p>
</div>
<div class="list">
<i class="fa fa-check " ></i>
<p>Tempor erat elitr rebum at clita</p>
</div>
<div class="list">
<i class="fa fa-check " ></i>
<p>Tempor erat elitr rebum at clita</p>
</div>
<button class="hero-button"> <a href="#">Read More</a></button>
</div>
</div>
</div>
<!-- Today Transactions -->
<div class="transactions">
<div class="transaction">
<img src="img/icon-9.png" alt="" srcset="">
<h1>123456</h1>
<p>Today Transactions</p>
</div>
<div class="transaction">
<img src="img/icon-10.png" alt="" srcset="">
<h1>123456</h1>
<p>Monthly Transactions</p>
</div>
<div class="transaction">
<img src="img/icon-2.png" alt="" srcset="">
<h1>123456</h1>
<p>Total Transactions</p>
</div>
</div>
<!-- why us -->
<div class="why-us">
<h1>why Us!</h1>
<h3> The Best Crypto industry</h3>
<div class="why-us-content">
<div class="why">
<div>
<img src="img/icon-7.png" alt="" srcset="">
</div>
<div>
<h2>Easy To Start</h2>
<p>Aliqu diam amet diam et eos. Clita erat ipsum et lorem et sit, sed stet lorem sit clita duo justo</p>
</div>
</div>
<div class="why">
<div>
<img src="img/icon-6.png" alt="" srcset="">
</div>
<div>
<h2>Safe & Secure</h2>
<p>Aliqu diam amet diam et eos. Clita erat ipsum et lorem et sit, sed stet lorem sit clita duo justo</p>
</div>
</div>
<div class="why">
<div>
<img src="img/icon-5.png" alt="" srcset="">
</div>
<div>
<h2>Affordable Plans</h2>
<p>Aliqu diam amet diam et eos. Clita erat ipsum et lorem et sit, sed stet lorem sit clita duo justo</p>
</div>
</div>
</div>
<div class="why-us-content">
<div class="why">
<div>
<img src="img/icon-4.png" alt="" srcset="">
</div>
<div>
<h2>Easy To Start</h2>
<p>Aliqu diam amet diam et eos. Clita erat ipsum et lorem et sit, sed stet lorem sit clita duo justo</p>
</div>
</div>
<div class="why">
<div>
<img src="img/icon-3.png" alt="" srcset="">
</div>
<div>
<h2>Safe & Secure</h2>
<p>Aliqu diam amet diam et eos. Clita erat ipsum et lorem et sit, sed stet lorem sit clita duo justo</p>
</div>
</div>
<div class="why">
<div>
<img src="img/icon-2.png" alt="" srcset="">
</div>
<div>
<h2>Affordable Plans</h2>
<p>Aliqu diam amet diam et eos. Clita erat ipsum et lorem et sit, sed stet lorem sit clita duo justo</p>
</div>
</div>
</div>
</div>
<!-- Services -->
<div class="service">
<h1>Services</h1>
<p>Buy, Sell And Exchange Cryptocurrency </p>
<div class="Services">
<div class="serve">
<img src="img/icon-7.png" alt="" srcset="">
<h2>Currency Wallet </h2>
<p>Aliqu diam amet diam et eos. Clita erat ipsum et lorem et sit, sed stet lorem sit clita duo justo </p>
<a href="">Read More <i class="fa fa-arrow-right ms-2"></i></a>
</div>
<div class="serve">
<img src="img/icon-3.png" alt="" srcset="">
<h2>Currency Wallet </h2>
<p>Aliqu diam amet diam et eos. Clita erat ipsum et lorem et sit, sed stet lorem sit clita duo justo </p>
<a href="">Read More <i class="fa fa-arrow-right ms-2"></i></a>
</div>
<div class="serve">
<img src="img/icon-9.png" alt="" srcset="">
<h2>Currency Wallet </h2>
<p>Aliqu diam amet diam et eos. Clita erat ipsum et lorem et sit, sed stet lorem sit clita duo justo </p>
<a href="">Read More <i class="fa fa-arrow-right ms-2"></i></a>
</div>
</div>
<div class="Services">
<div class="serve">
<img src="img/icon-5.png" alt="" srcset="">
<h2>Currency Wallet </h2>
<p>Aliqu diam amet diam et eos. Clita erat ipsum et lorem et sit, sed stet lorem sit clita duo justo </p>
<a href="">Read More <i class="fa fa-arrow-right ms-2"></i></a>
</div>
<div class="serve">
<img src="img/icon-4.png" alt="" srcset="">
<h2>Currency Wallet </h2>
<p>Aliqu diam amet diam et eos. Clita erat ipsum et lorem et sit, sed stet lorem sit clita duo justo </p>
<a href="">Read More <i class="fa fa-arrow-right ms-2"></i></a>
</div>
<div class="serve">
<img src="img/icon-8.png" alt="" srcset="">
<h2>Currency Wallet </h2>
<p>Aliqu diam amet diam et eos. Clita erat ipsum et lorem et sit, sed stet lorem sit clita duo justo </p>
<a href="">Read More <i class="fa fa-arrow-right ms-2"></i></a>
</div>
</div>
</div>
<!-- time area -->
<div class="container">
<h1 id="headline">Token Sale</h1>
<p>Token Sale Countdown</p>
<div id="countdown">
<ul>
<li class="day"><span id="days"></span>days</li>
<li class="day"><span id="hours"></span>Hours</li>
<li class="day"><span id="minutes"></span>Minutes</li>
<li class="day"><span id="seconds"></span>Seconds</li>
</ul>
</div>
<div>
<div>
<button><a href="#"> Buy Coin </a></button>
<div class="payment-img">
<img src="img/payment-1.png" alt="" srcset="">
<img src="img/payment-2.png" alt="" srcset="">
<img src="img/payment-3.png" alt="" srcset="">
<img src="img/payment-4.png" alt="" srcset="">
</div>
</div>
</div>
</div>
<!-- faqs area -->
<div class="faqs-section">
<div>
<div class="faqs">
<h1>FAQS</h1>
<p>Frequently Asked Questions</p>
</div>
<button class="accordion">What is Crypto ?</button>
<div class="panel">
<p>Lorem ipsum dolor sit amet, consecteur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<button class="accordion">How can Crypto be used to amke money</button>
<div class="panel">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<button class="accordion"> Is Crypto Valid In NIgeria</button>
<div class="panel">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<button class="accordion"> How Does Crypto Benefit th soceity</button>
<div class="panel">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
</div>
<!-- footer area -->
<footer>
<div class="footer-area">
<div>
<div class="logo-img">
<img style=" z-index: 50; width: 10%" src="img/icon-1.png" alt="" srcset="">
<h1 class="logo-footer">CryptoCoin</h1>
</div>
<p class="diam">Diam dolor diam ipsum sit. Aliqu diam amet diam et eos. Clita erat ipsum et <br> lorem et sit, sed stet lorem sit clita. Diam dolor diam ipsum sit. Aliqu diam <br> amet diam et eos. Clita erat ipsum et lorem et sit.</p>
</div>
<div class="Newsletter">
<h2>Newsletter</h2>
<p class="diam">Clita erat ipsum et lorem et sit, sed stet lorem sit clita.</p>
<input type="emails" placeholder=" Enter Email" style="width: 70%;" class="input">
<button>Sign Up</button>
</div>
</div>
<!-- links area -->
<div class="links-area">
<div class="get-in">
<h1>Get In Touch</h1>
<div class="footer-links">
<svg xmlns="http://www.w3.org/2000/svg" height="30" fill="#999999" viewBox="0 -960 960 960" width="30"><path d="M480-480q33 0 56.5-23.5T560-560q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 33 23.5 56.5T480-480Zm0 294q122-112 181-203.5T720-552q0-109-69.5-178.5T480-800q-101 0-170.5 69.5T240-552q0 71 59 162.5T480-186Zm0 106Q319-217 239.5-334.5T160-552q0-150 96.5-239T480-880q127 0 223.5 89T800-552q0 100-79.5 217.5T480-80Zm0-480Z" /></svg>
<p>123 Street, New York, USA</p>
</div>
<div class="footer-links">
<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#999999" viewBox="0 -960 960 960" width="24"><path d="M798-120q-125 0-247-54.5T329-329Q229-429 174.5-551T120-798q0-18 12-30t30-12h162q14 0 25 9.5t13 22.5l26 140q2 16-1 27t-11 19l-97 98q20 37 47.5 71.5T387-386q31 31 65 57.5t72 48.5l94-94q9-9 23.5-13.5T670-390l138 28q14 4 23 14.5t9 23.5v162q0 18-12 30t-30 12ZM241-600l66-66-17-94h-89q5 41 14 81t26 79Zm358 358q39 17 79.5 27t81.5 13v-88l-94-19-67 67ZM241-600Zm358 358Z"/></svg>
<a href="tel:+2347068795963">07068795963</a>
</div>
<div class="footer-links">
<svg xmlns="http://www.w3.org/2000/svg" height="24" fill="#999999" viewBox="0 -960 960 960" width="24"><path d="M160-160q-33 0-56.5-23.5T80-240v-480q0-33 23.5-56.5T160-800h640q33 0 56.5 23.5T880-720v480q0 33-23.5 56.5T800-160H160Zm320-280L160-640v400h640v-400L480-440Zm0-80 320-200H160l320 200ZM160-640v-80 480-400Z"/></svg>
<a href="mailto:[email protected]">[email protected]</a>
</div>
</div>
<div class="get-in">
<h1>Quick Links</h1>
<li class="footerr"><a href="index.html">Home</a></li>
<li class="footerr"><a href="about.html">About Us</a></li>
<li class="footerr"><a href="service.html">service</a></li>
<li class=" footerr"><a href="Portfolio.html">Contact Us</a></li>
</div>
<div class="nav-socialss get-in">
<h1>Follow Us</h1>
<div style="display: flex; gap: 1rem;" >
<div>
<a href="https://www.instagram.com/jayni_yi?igshid=YzAwZjE1ZTI0Zg==">
<svg class="socials" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill=#16D5FF>
<path d="M14.0759 2.03236C15.173 2.03551 16.2242 2.45628 17 3.20276C17.7757 3.94925 18.213 4.9608 18.2162 6.01648V13.9839C18.213 15.0396 17.7757 16.0511 17 16.7976C16.2242 17.5441 15.173 17.9649 14.0759 17.968H5.79618C4.69911 17.9649 3.6479 17.5441 2.87215 16.7976C2.0964 16.0511 1.65914 15.0396 1.65586 13.9839V6.01648C1.65914 4.9608 2.0964 3.94925 2.87215 3.20276C3.6479 2.45628 4.69911 2.03551 5.79618 2.03236H14.0759ZM14.0759 0.438965H5.79618C2.60821 0.438965 0 2.94878 0 6.01648V13.9839C0 17.0516 2.60821 19.5614 5.79618 19.5614H14.0759C17.2639 19.5614 19.8721 17.0516 19.8721 13.9839V6.01648C19.8721 2.94878 17.2639 0.438965 14.0759 0.438965Z" fill="#16D5FF"/>
<path d="M15.3177 6.01677C15.072 6.01677 14.8319 5.94668 14.6277 5.81535C14.4234 5.68403 14.2642 5.49737 14.1702 5.27898C14.0762 5.0606 14.0516 4.82029 14.0995 4.58846C14.1475 4.35662 14.2658 4.14366 14.4395 3.97652C14.6131 3.80937 14.8345 3.69555 15.0754 3.64943C15.3163 3.60331 15.566 3.62698 15.793 3.71744C16.0199 3.8079 16.2139 3.96108 16.3504 4.15763C16.4868 4.35417 16.5597 4.58524 16.5597 4.82162C16.56 4.97866 16.5282 5.13423 16.4659 5.27938C16.4036 5.42454 16.3121 5.55642 16.1967 5.66747C16.0813 5.77852 15.9442 5.86654 15.7934 5.92648C15.6425 5.98642 15.4809 6.01711 15.3177 6.01677ZM9.9358 6.81325C10.5909 6.81325 11.2313 7.00018 11.7759 7.3504C12.3206 7.70061 12.7452 8.19839 12.9958 8.78077C13.2465 9.36316 13.3121 10.004 13.1843 10.6223C13.0565 11.2405 12.7411 11.8084 12.2779 12.2542C11.8146 12.6999 11.2245 13.0035 10.582 13.1264C9.93948 13.2494 9.27351 13.1863 8.66829 12.9451C8.06307 12.7038 7.54578 12.2953 7.18184 11.7712C6.81789 11.2471 6.62364 10.6308 6.62364 10.0005C6.62458 9.15544 6.97384 8.34529 7.59478 7.74777C8.21573 7.15024 9.05765 6.81416 9.9358 6.81325ZM9.9358 5.21986C8.95322 5.21986 7.9927 5.50024 7.17571 6.02554C6.35873 6.55084 5.72196 7.29747 5.34594 8.17101C4.96993 9.04455 4.87154 10.0058 5.06323 10.9331C5.25493 11.8605 5.72809 12.7123 6.42288 13.3809C7.11767 14.0494 8.00289 14.5048 8.96659 14.6892C9.93029 14.8737 10.9292 14.779 11.837 14.4172C12.7448 14.0553 13.5207 13.4426 14.0666 12.6564C14.6125 11.8703 14.9038 10.946 14.9038 10.0005C14.9038 8.73257 14.3804 7.51661 13.4487 6.62007C12.517 5.72353 11.2534 5.21986 9.9358 5.21986Z" fill="#16D5FF"/>
</svg>
</a>
</div>
<div class="socials">
<a href="">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="22" height="20" viewBox="0 0 22 20" fill="#16D5FF">
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.4065 10.0578C21.4065 4.74704 16.8092 0.440918 11.1393 0.440918C5.4694 0.440918 0.87207 4.74704 0.87207 10.0578C0.87207 14.8576 4.62602 18.8362 9.53503 19.5583V12.8385H6.92743V10.0578H9.53503V7.93907C9.53503 5.52927 11.0682 4.19708 13.4132 4.19708C14.5366 4.19708 15.7119 4.38512 15.7119 4.38512V6.75199H14.4165C13.1418 6.75199 12.7431 7.49301 12.7431 8.25463V10.0578H15.5904L15.1357 12.8385H12.7435V19.5592C17.6525 18.8375 21.4065 14.8589 21.4065 10.0578Z" fill="#16D5FF"/>
</svg>
</a>
</div>
<div>
<a href="https://x.com/JosephObasan?t=sR-oiURiIIYlOkXXjIT25Q&s=09">
<svg class="socials" xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16" fill="none">
<path d="M19.5756 2.1537C18.8566 2.46592 18.0958 2.67161 17.3172 2.76428C18.1354 2.28554 18.7507 1.52498 19.0477 0.625233C18.2742 1.07722 17.4293 1.39436 16.5493 1.56306C16.1787 1.17497 15.733 0.866237 15.2393 0.65562C14.7456 0.445004 14.2143 0.336906 13.6775 0.337897C11.5041 0.337897 9.74533 2.06989 9.74533 4.20495C9.74379 4.50193 9.77785 4.79802 9.84677 5.08691C8.28834 5.0139 6.76231 4.61663 5.36632 3.92051C3.97033 3.22439 2.73512 2.24475 1.73972 1.04426C1.39051 1.63255 1.20583 2.30377 1.20497 2.98777C1.20497 4.32866 1.90506 5.51392 2.96217 6.20832C2.33586 6.19346 1.72238 6.02781 1.17382 5.72543V5.77332C1.17382 7.64898 2.53166 9.20937 4.32879 9.56455C3.99084 9.65458 3.64259 9.70019 3.29284 9.70024C3.04467 9.70067 2.79706 9.67661 2.55362 9.6284C3.05322 11.1648 4.5073 12.2823 6.22975 12.3142C4.83014 13.3921 3.11178 13.9746 1.34475 13.9704C1.0311 13.9699 0.717739 13.9512 0.40625 13.9145C2.20385 15.0615 4.29342 15.6682 6.42624 15.6624C13.6691 15.6624 17.6259 9.76808 17.6259 4.65591C17.6259 4.4883 17.6216 4.32068 17.6136 4.15706C18.3816 3.61115 19.046 2.93274 19.5756 2.1537Z" fill="#16D5FF"/>
</svg>
</a>
</div>
<div>
<a href="https://www.linkedin.com/in/joseph-obasan-59772a288?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app">
<svg class="socials" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" >
<path d="M18.4415 0.291016H2.2354C1.34987 0.291016 0.576172 0.928181 0.576172 1.80331V18.0454C0.576172 18.9253 1.34987 19.7094 2.2354 19.7094H18.4367C19.327 19.7094 19.9945 18.9201 19.9945 18.0454V1.80331C19.9997 0.928181 19.327 0.291016 18.4415 0.291016ZM6.59543 16.4772H3.81358V7.82777H6.59543V16.4772ZM5.30073 6.51269H5.28079C4.39049 6.51269 3.81401 5.84996 3.81401 5.02034C3.81401 4.17555 4.40566 3.52842 5.3159 3.52842C6.22613 3.52842 6.78311 4.17079 6.80305 5.02034C6.80262 5.84996 6.22613 6.51269 5.30073 6.51269ZM16.7623 16.4772H13.9805V11.7478C13.9805 10.6148 13.5756 9.84069 12.5692 9.84069C11.8002 9.84069 11.3451 10.3608 11.1427 10.8675C11.0669 11.0496 11.0465 11.2975 11.0465 11.5506V16.4772H8.26463V7.82777H11.0465V9.03145C11.4513 8.45496 12.0837 7.62535 13.5553 7.62535C15.3814 7.62535 16.7628 8.82903 16.7628 11.4241L16.7623 16.4772Z" fill="#16D5FF"/>
</svg>
</a>
</div>
<!-- <div>
<button>Request Demo</button>
</div> -->
</div>
</div>
</div>
</footer>
<!-- links -->
<script src="app.js"></script>
</body>
</html>