-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
345 lines (344 loc) · 53.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Tap - Recharge Your Mind, Enhance Your Energy</title>
<link rel="apple-touch-icon" sizes="180x180" href="assets/image/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/image/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="assets/image/favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<header>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="header-options">
<svg width="86" height="32" viewBox="0 0 86 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M29.3334 16.0001V12.0001C29.3334 5.33341 26.6667 2.66675 20 2.66675H12C5.33335 2.66675 2.66669 5.33341 2.66669 12.0001V20.0001C2.66669 26.6667 5.33335 29.3334 12 29.3334H16" fill="url(#paint0_linear_527_691)"/>
<path d="M29.3334 16.0001V12.0001C29.3334 5.33341 26.6667 2.66675 20 2.66675H12C5.33335 2.66675 2.66669 5.33341 2.66669 12.0001V20.0001C2.66669 26.6667 5.33335 29.3334 12 29.3334H16" stroke="#0F6CBD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M27.9467 23.7867L25.7734 24.5201C25.1734 24.7201 24.6934 25.1867 24.4934 25.8001L23.76 27.9734C23.1334 29.8534 20.4934 29.8134 19.9067 27.9334L17.44 20.0001C16.96 18.4267 18.4134 16.9601 19.9734 17.4534L27.92 19.9201C29.7867 20.5067 29.8134 23.1601 27.9467 23.7867Z" fill="url(#paint1_linear_527_691)" stroke="#0F6CBD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M41.472 24.5V10.868H36.096V7.7H50.736V10.868H45.36V24.5H41.472ZM49.7762 24.5L57.2642 7.7H61.1042L68.6162 24.5H64.5362L58.3922 9.668H59.9282L53.7602 24.5H49.7762ZM53.5202 20.9L54.5522 17.948H63.1922L64.2482 20.9H53.5202ZM70.3592 24.5V7.7H77.6312C79.1352 7.7 80.4312 7.948 81.5192 8.444C82.6072 8.924 83.4472 9.62 84.0392 10.532C84.6312 11.444 84.9272 12.532 84.9272 13.796C84.9272 15.044 84.6312 16.124 84.0392 17.036C83.4472 17.948 82.6072 18.652 81.5192 19.148C80.4312 19.628 79.1352 19.868 77.6312 19.868H72.5192L74.2472 18.116V24.5H70.3592ZM74.2472 18.548L72.5192 16.7H77.4152C78.6152 16.7 79.5112 16.444 80.1032 15.932C80.6952 15.42 80.9912 14.708 80.9912 13.796C80.9912 12.868 80.6952 12.148 80.1032 11.636C79.5112 11.124 78.6152 10.868 77.4152 10.868H72.5192L74.2472 9.02V18.548Z" fill="black"/>
<defs>
<linearGradient id="paint0_linear_527_691" x1="4.33335" y1="2.25008" x2="26" y2="28.5001" gradientUnits="userSpaceOnUse">
<stop stop-color="#99CDFA"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_527_691" x1="18.096" y1="17.1686" x2="27.8551" y2="28.9718" gradientUnits="userSpaceOnUse">
<stop stop-color="#99CDFA"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
<ul class="header-menu">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="header-download">
<button class="primary-button" onclick="download();">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.65401 13.2485C7.07595 12.6704 6.78692 12.3814 6.41938 12.2291C6.05184 12.0769 5.64309 12.0769 4.82558 12.0769H4.4264C3.89442 12.0769 3.44261 12.0769 3.07558 12.1149C2.68853 12.1551 2.31816 12.2434 1.98346 12.4727C1.75295 12.6306 1.55369 12.8298 1.39578 13.0604C1.16651 13.3951 1.07815 13.7654 1.03802 14.1525C0.99997 14.5195 0.999984 14.9713 1 15.5032V15.5736C0.999984 16.1056 0.99997 16.5574 1.03802 16.9244C1.07815 17.3115 1.16651 17.6818 1.39578 18.0165C1.55369 18.247 1.75295 18.4463 1.98346 18.6042C2.31816 18.8335 2.68853 18.9218 3.07558 18.962C3.44262 19 3.89439 19 4.42639 19H15.5736C16.1056 19 16.5574 19 16.9244 18.962C17.3115 18.9218 17.6818 18.8335 18.0165 18.6042C18.2471 18.4463 18.4463 18.247 18.6042 18.0165C18.8335 17.6818 18.9219 17.3115 18.962 16.9244C19 16.5574 19 16.1056 19 15.5736V15.5033C19 14.9713 19 14.5195 18.962 14.1525C18.9219 13.7654 18.8335 13.3951 18.6042 13.0604C18.4463 12.8298 18.2471 12.6306 18.0165 12.4727C17.6818 12.2434 17.3115 12.1551 16.9244 12.1149C16.5574 12.0769 16.1056 12.0769 15.5736 12.0769H15.1744C14.3569 12.0769 13.9481 12.0769 13.5806 12.2291C13.213 12.3814 12.924 12.6704 12.3459 13.2485L10.4895 15.1049C10.2191 15.3753 9.7808 15.3753 9.51044 15.1049L7.65401 13.2485Z" fill="white" fill-opacity="0.2"/>
<path d="M10.0698 1C9.64884 1 9.30754 1.33997 9.30754 1.75935V10.9601L6.91658 8.57842C6.61888 8.28187 6.13621 8.28187 5.83851 8.57842C5.54081 8.87497 5.54081 9.35576 5.83851 9.65231L9.53082 13.3303C9.82852 13.6269 10.3112 13.6269 10.6089 13.3303L14.3012 9.65231C14.5989 9.35576 14.5989 8.87497 14.3012 8.57842C14.0035 8.28187 13.5208 8.28187 13.2231 8.57842L10.8322 10.9601V1.75935C10.8322 1.33997 10.4909 1 10.0698 1Z" fill="white"/>
<path d="M15.4956 14.5103C14.9514 14.5103 14.5102 14.9515 14.5102 15.4957C14.5102 16.04 14.9514 16.4811 15.4956 16.4811C16.0398 16.4811 16.481 16.04 16.481 15.4957C16.481 14.9515 16.0398 14.5103 15.4956 14.5103Z" fill="white"/>
</svg>
Download
</button>
</div>
</div>
</div>
</div>
</header>
<section class="home" id="home">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="home-banner">
<div class="home-banner-title">
<div class="home-banner-title-text">
<h1>
Elevate Your Energy,<br>
Tap into Success
<svg xmlns="http://www.w3.org/2000/svg" width="86" height="13" viewBox="0 0 86 13" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M64.837 0.334666C52.7462 0.471083 49.2892 0.559825 42.5807 0.906237C35.6286 1.26523 30.6533 1.62508 22.7591 2.33991C20.9291 2.50562 18.9696 2.66288 16.6724 2.82836C8.23382 3.43624 6.59172 3.59822 3.86375 4.09161C2.51213 4.33613 1.34321 4.50534 0.688066 4.55147C0.105592 4.59242 0 4.61821 0 4.71947C0 4.80896 0.931588 4.88737 1.44113 4.84073C1.62373 4.82407 2.11845 4.78323 2.54055 4.75009C2.96265 4.71689 3.89154 4.6278 4.60475 4.5521C6.28421 4.37375 7.09057 4.31752 9.97695 4.17742C14.8292 3.94193 18.4948 3.71562 22.9973 3.37357C24.6566 3.24749 26.8597 3.08012 27.8931 3.0016C35.7309 2.40602 45.3048 1.87494 51.155 1.7113C58.2543 1.51262 80.2937 1.33697 79.9215 1.48195C79.774 1.53944 77.2521 1.96707 75.7402 2.19097C74.3514 2.39666 72.0313 2.69333 69.1771 3.03015C67.8234 3.18994 65.9657 3.41108 65.0487 3.52159C61.6038 3.93682 60.4692 4.06559 58.5121 4.2637C49.4956 5.17623 43.5398 5.97141 35.2501 7.36935C30.3228 8.20025 26.2841 9.15414 21.7771 10.5516C19.2146 11.3461 18.9649 11.4872 19.2171 11.9987C19.3813 12.3315 20.6742 12.3746 23.282 12.1342C28.0477 11.695 32.5261 11.3543 36.8644 11.101C39.5857 10.9421 39.9461 10.9155 42.713 10.6689C43.7464 10.5768 45.5327 10.4421 46.6826 10.3698L48.7733 10.2382L45.9945 10.1863C41.7839 10.1077 37.267 10.1124 35.7794 10.1971C30.8546 10.4774 28.1759 10.6931 23.8005 11.1618C22.7576 11.2735 21.8777 11.3553 21.8452 11.3436C21.5319 11.2302 28.5453 9.51704 31.891 8.88969C39.4436 7.47343 47.2213 6.41673 59.1737 5.18283C60.2653 5.07014 62.4565 4.82361 64.043 4.63504C65.6296 4.44641 68.1304 4.14945 69.6005 3.97501C75.2588 3.30373 76.9446 3.0537 82.3826 2.07925C85.8655 1.45512 85.8841 1.44978 85.979 1.03932C86.0834 0.588028 85.8044 0.38326 85.005 0.32473C84.2456 0.269072 70.0282 0.276078 64.837 0.334666ZM48.9989 10.1926C49.0647 10.2064 49.16 10.2058 49.2106 10.1915C49.2612 10.1771 49.2073 10.1659 49.0908 10.1665C48.9744 10.1671 48.933 10.1789 48.9989 10.1926Z" fill="#E87A15"/>
</svg>
</h1>
<p>Unlock productivity with perfectly timed breaks.</p>
</div>
<div class="home-banner-title-button">
<button class="primary-button" onclick="download();">
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.65401 13.5351C7.07595 12.957 6.78692 12.668 6.41938 12.5158C6.05184 12.3635 5.64309 12.3635 4.82558 12.3635H4.4264C3.89442 12.3635 3.44261 12.3635 3.07558 12.4015C2.68853 12.4417 2.31816 12.53 1.98346 12.7593C1.75295 12.9172 1.55369 13.1165 1.39578 13.347C1.16651 13.6817 1.07815 14.0521 1.03802 14.4391C0.99997 14.8061 0.999984 15.2579 1 15.7899V15.8602C0.999984 16.3922 0.99997 16.844 1.03802 17.211C1.07815 17.5981 1.16651 17.9684 1.39578 18.3031C1.55369 18.5337 1.75295 18.7329 1.98346 18.8908C2.31816 19.1201 2.68853 19.2085 3.07558 19.2486C3.44262 19.2866 3.89439 19.2866 4.42639 19.2866H15.5736C16.1056 19.2866 16.5574 19.2866 16.9244 19.2486C17.3115 19.2085 17.6818 19.1201 18.0165 18.8908C18.2471 18.7329 18.4463 18.5337 18.6042 18.3031C18.8335 17.9684 18.9219 17.5981 18.962 17.211C19 16.844 19 16.3922 19 15.8602V15.7899C19 15.2579 19 14.8061 18.962 14.4391C18.9219 14.0521 18.8335 13.6817 18.6042 13.347C18.4463 13.1165 18.2471 12.9172 18.0165 12.7593C17.6818 12.53 17.3115 12.4417 16.9244 12.4015C16.5574 12.3635 16.1056 12.3635 15.5736 12.3635H15.1744C14.3569 12.3635 13.9481 12.3635 13.5806 12.5158C13.213 12.668 12.924 12.957 12.3459 13.5351L10.4895 15.3915C10.2191 15.6619 9.7808 15.6619 9.51044 15.3915L7.65401 13.5351Z" fill="white" fill-opacity="0.2"/>
<path d="M10.07 1.28662C9.64896 1.28662 9.30766 1.6266 9.30766 2.04598V11.2467L6.9167 8.86504C6.619 8.56849 6.13633 8.56849 5.83863 8.86504C5.54093 9.16159 5.54093 9.64238 5.83863 9.93893L9.53094 13.6169C9.82864 13.9135 10.3113 13.9135 10.609 13.6169L14.3013 9.93893C14.599 9.64238 14.599 9.16159 14.3013 8.86504C14.0036 8.56849 13.5209 8.56849 13.2232 8.86504L10.8323 11.2467V2.04598C10.8323 1.6266 10.491 1.28662 10.07 1.28662Z" fill="white"/>
<path d="M15.4957 14.7969C14.9515 14.7969 14.5103 15.2381 14.5103 15.7823C14.5103 16.3266 14.9515 16.7678 15.4957 16.7678C16.04 16.7678 16.4811 16.3266 16.4811 15.7823C16.4811 15.2381 16.04 14.7969 15.4957 14.7969Z" fill="white"/>
</svg>
Download App
</button>
</div>
</div>
<div class="home-banner-image">
<img src="assets/image/banner.png">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="about" id="about">
<div class="container">
<div class="row about-why-us-row">
<div class="col-md-4">
<div class="about-why-us">
<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.573242" width="40" height="40" rx="20" fill="#0F6CBD" fill-opacity="0.2"/>
<path d="M18.1944 10.5732H22.8056C23.0015 10.5732 23.1815 10.5732 23.3326 10.5837C23.4951 10.595 23.6737 10.6207 23.8551 10.6972C24.2472 10.8624 24.5587 11.1793 24.7211 11.5782C24.7757 11.7123 24.8039 11.8449 24.8195 11.9707C25.2808 11.9769 25.6392 12.0003 25.9588 12.0874C27.1419 12.41 28.0661 13.3503 28.3831 14.5541C28.5004 14.9994 28.5002 15.5186 28.5 16.2795L28.5 24.3452C28.5 25.6174 28.5 26.6428 28.3934 27.4493C28.2828 28.2866 28.0461 28.9916 27.4958 29.5515C26.9454 30.1114 26.2525 30.3523 25.4296 30.4648C24.6369 30.5733 23.6291 30.5733 22.3787 30.5732H18.6213C17.3709 30.5733 16.3631 30.5733 15.5704 30.4648C14.7475 30.3523 14.0546 30.1114 13.5042 29.5515C12.9539 28.9916 12.7172 28.2866 12.6066 27.4493C12.5 26.6428 12.5 25.6174 12.5 24.3452L12.5 16.2795C12.4998 15.5186 12.4996 14.9994 12.6169 14.5541C12.9339 13.3503 13.8581 12.41 15.0412 12.0874C15.3608 12.0003 15.7192 11.9769 16.1805 11.9707C16.1961 11.8449 16.2244 11.7123 16.279 11.5782C16.4414 11.1793 16.7528 10.8624 17.1449 10.6972C17.3264 10.6207 17.505 10.595 17.6674 10.5837C17.8185 10.5732 17.9985 10.5732 18.1944 10.5732Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5472 12.1093C17.5703 12.0545 17.6131 12.0109 17.6669 11.9874C17.6737 11.9857 17.6996 11.98 17.7607 11.9757C17.8595 11.9689 17.9919 11.9685 18.2143 11.9685H22.7857C23.0081 11.9685 23.1405 11.9689 23.2393 11.9757C23.3004 11.98 23.3264 11.9857 23.3331 11.9874C23.3869 12.0109 23.4297 12.0545 23.4529 12.1093C23.4546 12.1161 23.4601 12.1425 23.4643 12.2047C23.471 12.3052 23.4714 12.4399 23.4714 12.6662C23.4714 12.8924 23.471 13.0272 23.4643 13.1277C23.4601 13.1898 23.4546 13.2163 23.4529 13.2231C23.4297 13.2778 23.3869 13.3215 23.3331 13.345C23.3264 13.3467 23.3004 13.3524 23.2393 13.3566C23.1405 13.3635 23.0081 13.3639 22.7857 13.3639H18.2143C17.9919 13.3639 17.8595 13.3635 17.7607 13.3566C17.6996 13.3524 17.6737 13.3467 17.6669 13.345C17.6131 13.3215 17.5703 13.2778 17.5472 13.2231C17.5454 13.2163 17.5399 13.1898 17.5357 13.1277C17.529 13.0272 17.5286 12.8924 17.5286 12.6662C17.5286 12.4399 17.529 12.3052 17.5357 12.2047C17.5399 12.1425 17.5454 12.1161 17.5472 12.1093ZM22.3989 19.8771C22.6515 19.5434 23.1225 19.4811 23.4505 19.739C23.7777 19.9963 23.838 20.4745 23.5859 20.8074L20.5882 24.7681C20.486 24.9032 20.3668 25.0609 20.2469 25.1801C20.1041 25.3221 19.8678 25.5057 19.5239 25.5231C19.1801 25.5404 18.927 25.3815 18.7711 25.2545C18.6402 25.1479 18.5063 25.003 18.3915 24.8788L17.0088 23.3841C16.7256 23.078 16.7394 22.5961 17.04 22.3074C17.3412 22.0179 17.816 22.0322 18.0998 22.3391L19.4394 23.7871L22.3989 19.8771Z" fill="#0F6CBD"/>
</svg>
<span>Get more done with focused breaks</span>
</div>
</div>
<div class="col-md-4">
<div class="about-why-us">
<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.573242" width="40" height="40" rx="20" fill="#0F6CBD" fill-opacity="0.2"/>
<path d="M28.8848 12.636C28.5974 12.3485 28.287 12.2421 28.0092 12.1468L27.9592 12.1296C27.3285 11.9118 26.3372 11.6285 25.3079 11.5803C24.2929 11.5328 23.0945 11.7088 22.2248 12.5785L20.6798 14.1235C20.0002 14.803 19.8114 14.9697 19.5938 15.0515C19.3762 15.1332 19.1244 15.1321 18.1655 15.0682L18.1643 15.0681L17.1816 15.0026C16.7017 14.9706 16.2963 14.9436 15.9588 14.9491C15.6025 14.9549 15.2665 14.9966 14.9338 15.1325C14.6192 15.261 14.3311 15.4468 14.0842 15.6804C13.8231 15.9273 13.6466 16.2162 13.4942 16.5383C13.3499 16.8435 13.2073 17.2239 13.0384 17.6743L13.0156 17.7351C12.8068 18.2919 12.6331 18.7549 12.53 19.1208C12.4331 19.4646 12.3408 19.9009 12.4863 20.3129C12.6062 20.6524 12.7753 20.8876 13.059 21.1092C13.2523 21.2602 13.4705 21.3342 13.6593 21.3756C13.8504 21.4176 14.0605 21.4365 14.2761 21.445C14.6961 21.4617 15.253 21.4422 15.9371 21.4182L15.9701 21.417C17.3244 21.3696 18.5394 21.6004 19.2299 22.2908C19.9204 22.9813 20.1512 24.1964 20.1038 25.5507L20.1026 25.5835C20.0786 26.2677 20.0591 26.8246 20.0758 27.2447C20.0843 27.4603 20.1032 27.6704 20.1452 27.8615C20.1866 28.0503 20.2606 28.2685 20.4116 28.4618C20.6332 28.7455 20.8684 28.9146 21.2079 29.0345C21.6199 29.18 22.0562 29.0877 22.4 28.9908C22.7659 28.8877 23.2288 28.714 23.7856 28.5052L23.8465 28.4824C24.2969 28.3135 24.6773 28.1709 24.9825 28.0266C25.3046 27.8742 25.5935 27.6977 25.8404 27.4366C26.074 27.1897 26.2598 26.9016 26.3883 26.587C26.5242 26.2543 26.5658 25.9183 26.5717 25.562C26.5772 25.2245 26.5502 24.8191 26.5182 24.3391L26.4526 23.3553C26.3887 22.3964 26.3876 22.1446 26.4693 21.927C26.5511 21.7094 26.7178 21.5206 27.3973 20.841L28.9423 19.296C29.812 18.4263 29.988 17.2279 29.9405 16.2129C29.8923 15.1836 29.609 14.1923 29.3912 13.5616L29.374 13.5116C29.2787 13.2338 29.1723 12.9234 28.8848 12.636Z" fill="white"/>
<path d="M24.8764 16.6444C25.2669 17.0349 25.9001 17.0349 26.2906 16.6444C26.6811 16.2538 26.6811 15.6207 26.2906 15.2301C25.9001 14.8396 25.2669 14.8396 24.8764 15.2301C24.4859 15.6207 24.4859 16.2538 24.8764 16.6444Z" fill="#0F6CBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.3357 23.1851C17.2618 22.1112 15.5205 22.1112 14.4466 23.1851C13.9355 23.6962 13.6334 24.4279 13.4513 25.1393C13.2649 25.8672 13.1817 26.6635 13.1683 27.3908C13.1584 27.9263 13.5945 28.3625 14.13 28.3525C14.8573 28.3391 15.6536 28.2559 16.3815 28.0695C17.0929 27.8874 17.8246 27.5853 18.3357 27.0742C19.4096 26.0003 19.4096 24.2591 18.3357 23.1851ZM15.5073 24.2458C15.9954 23.7576 16.7869 23.7576 17.275 24.2458C17.7632 24.7339 17.7632 25.5254 17.275 26.0135C17.0415 26.247 16.6139 26.4616 16.0095 26.6164C15.6009 26.721 15.1497 26.7887 14.6966 26.8242C14.7321 26.3711 14.7998 25.9199 14.9044 25.5114C15.0592 24.9069 15.2738 24.4793 15.5073 24.2458Z" fill="#0F6CBD"/>
</svg>
<span>Feel better by balancing work and life</span>
</div>
</div>
<div class="col-md-4">
<div class="about-why-us">
<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.573242" width="40" height="40" rx="20" fill="#0F6CBD" fill-opacity="0.2"/>
<path d="M20.5 10.5732C18.3683 10.5732 16.3783 11.1653 14.9049 12.3833C13.4125 13.617 12.5 15.4549 12.5 17.8022C12.5 18.95 12.6923 19.8412 13.0307 20.5798C13.3678 21.3157 13.8288 21.8528 14.2926 22.3144C14.4863 22.5072 14.6767 22.6854 14.8619 22.8587C15.5846 23.5348 16.2289 24.1377 16.6898 25.2554L16.701 25.2825C16.8556 25.6574 16.9878 25.9781 17.1114 26.2225C17.2332 26.4634 17.3981 26.7402 17.6634 26.9236C17.9112 27.0949 18.1779 27.1519 18.4202 27.1767C18.6469 27.1998 18.9226 27.1998 19.2267 27.1997H21.7733C22.0774 27.1998 22.3531 27.1998 22.5798 27.1767C22.8221 27.1519 23.0888 27.0949 23.3366 26.9236C23.6019 26.7402 23.7668 26.4634 23.8886 26.2225C24.0122 25.9781 24.1444 25.6574 24.299 25.2825L24.3102 25.2555C24.7711 24.1377 25.4154 23.5348 26.1381 22.8587C26.3233 22.6854 26.5136 22.5072 26.7074 22.3144C27.1712 21.8528 27.6322 21.3157 27.9693 20.5798C28.3077 19.8412 28.5 18.95 28.5 17.8022C28.5 13.4201 24.785 10.5732 20.5 10.5732Z" fill="white"/>
<path d="M17.5221 15.148C17.7727 14.8487 17.7457 14.3919 17.4617 14.1277C17.1778 13.8635 16.7445 13.892 16.4939 14.1913C16.1121 14.6473 15.7762 15.1474 15.4941 15.6834C15.2101 16.223 14.9804 16.7991 14.8132 17.4033C14.7071 17.7866 14.9158 18.1879 15.2793 18.2998C15.6428 18.4116 16.0236 18.1916 16.1297 17.8084C16.268 17.3086 16.458 16.8318 16.6933 16.3849C16.927 15.9409 17.2054 15.5263 17.5221 15.148Z" fill="#0F6CBD"/>
<path d="M17.766 28.5516C17.7572 28.5981 17.7572 28.6541 17.7572 28.7661C17.7572 29.102 17.7572 29.2699 17.7835 29.4096C17.8917 29.9831 18.317 30.4314 18.8611 30.5455C18.9935 30.5733 19.1528 30.5733 19.4715 30.5733H21.5286C21.8472 30.5733 22.0065 30.5733 22.139 30.5455C22.683 30.4314 23.1083 29.9831 23.2165 29.4096C23.2429 29.2699 23.2429 29.102 23.2429 28.7661C23.2429 28.6541 23.2429 28.5981 23.2341 28.5516C23.198 28.3604 23.0563 28.2109 22.8749 28.1729C22.8308 28.1636 22.7777 28.1636 22.6715 28.1636H18.3286C18.2224 28.1636 18.1693 28.1636 18.1251 28.1729C17.9438 28.2109 17.802 28.3604 17.766 28.5516Z" fill="#0F6CBD"/>
</svg>
<span>Take breaks, spark creativity</span>
</div>
</div>
</div>
<div class="row about-download-row" id="download">
<div class="col-md-9">
<div class="about-download-area">
<p>
Download “Tap” for a balanced work routine. This timer app lets you<br> customize breaks, set reminders, and optimize focus. Enhance yor<br> productivity and well-being by incorporating well-timed pauses into your day.
</p>
<div class="download-button">
<a>DOWNLOAD</a>
<div class="download-button-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
<path d="M7.65401 13.822C7.07595 13.2439 6.78692 12.9549 6.41938 12.8026C6.05184 12.6504 5.64309 12.6504 4.82558 12.6504H4.4264C3.89442 12.6504 3.44261 12.6504 3.07558 12.6884C2.68853 12.7285 2.31816 12.8169 1.98346 13.0462C1.75295 13.2041 1.55369 13.4033 1.39578 13.6339C1.16651 13.9685 1.07815 14.3389 1.03802 14.726C0.99997 15.093 0.999984 15.5448 1 16.0767V16.1471C0.999984 16.679 0.99997 17.1309 1.03802 17.4979C1.07815 17.8849 1.16651 18.2553 1.39578 18.59C1.55369 18.8205 1.75295 19.0198 1.98346 19.1777C2.31816 19.407 2.68853 19.4953 3.07558 19.5355C3.44262 19.5735 3.89439 19.5735 4.42639 19.5735H15.5736C16.1056 19.5735 16.5574 19.5735 16.9244 19.5355C17.3115 19.4953 17.6818 19.407 18.0165 19.1777C18.2471 19.0198 18.4463 18.8205 18.6042 18.59C18.8335 18.2553 18.9219 17.8849 18.962 17.4979C19 17.1309 19 16.6791 19 16.1471V16.0768C19 15.5448 19 15.093 18.962 14.726C18.9219 14.3389 18.8335 13.9685 18.6042 13.6339C18.4463 13.4033 18.2471 13.2041 18.0165 13.0462C17.6818 12.8169 17.3115 12.7285 16.9244 12.6884C16.5574 12.6504 16.1056 12.6504 15.5736 12.6504H15.1744C14.3569 12.6504 13.9481 12.6504 13.5806 12.8026C13.213 12.9549 12.924 13.2439 12.3459 13.822L10.4895 15.6784C10.2191 15.9488 9.7808 15.9488 9.51044 15.6784L7.65401 13.822Z" fill="white" fill-opacity="0.2"/>
<path d="M10.07 1.57324C9.64896 1.57324 9.30766 1.91322 9.30766 2.3326V11.5334L6.9167 9.15166C6.619 8.85511 6.13633 8.85511 5.83863 9.15166C5.54093 9.44821 5.54093 9.92901 5.83863 10.2256L9.53094 13.9036C9.82864 14.2001 10.3113 14.2001 10.609 13.9036L14.3013 10.2256C14.599 9.92901 14.599 9.44821 14.3013 9.15166C14.0036 8.85511 13.5209 8.85511 13.2232 9.15166L10.8323 11.5334V2.3326C10.8323 1.91322 10.491 1.57324 10.07 1.57324Z" fill="white"/>
<path d="M15.4957 15.0836C14.9515 15.0836 14.5103 15.5247 14.5103 16.069C14.5103 16.6132 14.9515 17.0544 15.4957 17.0544C16.04 17.0544 16.4811 16.6132 16.4811 16.069C16.4811 15.5247 16.04 15.0836 15.4957 15.0836Z" fill="white"/>
</svg>
</div>
<ul class="download-menu">
<li class="download-item">
<div>
<img src="assets/image/windows.svg" />
<span>Windows</span>
</div>
</li>
<li class="download-item">
<div>
<img src="assets/image/mac.svg" />
<span>Mac</span>
</div>
</li>
<li class="download-item">
<div>
<img src="assets/image/linux.svg" />
<span>Linux</span>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-3">
<img src="assets/image/banner-2.jpg"/>
</div>
</div>
</div>
</section>
<section class="contact" id="contact">
<div class="container">
<div class="row contact-row">
<div class="col-md-12">
<div class="contact-title">
<h1>Our Team</h1>
</div>
</div>
<div class="col-md-12">
<div class="row">
<div class="col-md-6">
<div class="contact-member">
<div class="member-header">
<h3>Sara Rajabi Moghaddam</h3>
<span>UI/UX designer</span>
</div>
<div class="member-social">
<ul>
<li>
<a href="#" target="_blank">
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_512_64905)">
<path d="M24 2.33795V22.8085C24 23.2766 23.8141 23.7254 23.4831 24.0564C23.1522 24.3873 22.7033 24.5732 22.2353 24.5732H1.76471C1.29668 24.5732 0.847817 24.3873 0.51687 24.0564C0.185924 23.7254 0 23.2766 0 22.8085L0 2.33795C0 1.86992 0.185924 1.42106 0.51687 1.09011C0.847817 0.759166 1.29668 0.573242 1.76471 0.573242L22.2353 0.573242C22.7033 0.573242 23.1522 0.759166 23.4831 1.09011C23.8141 1.42106 24 1.86992 24 2.33795ZM7.05882 9.74971H3.52941V21.0438H7.05882V9.74971ZM7.37647 5.86736C7.37833 5.60039 7.32759 5.33566 7.22714 5.0883C7.12669 4.84094 6.9785 4.61579 6.79103 4.4257C6.60357 4.23562 6.38049 4.08431 6.13455 3.98044C5.88861 3.87656 5.62462 3.82215 5.35765 3.8203H5.29412C4.7512 3.8203 4.23053 4.03597 3.84663 4.41987C3.46273 4.80377 3.24706 5.32445 3.24706 5.86736C3.24706 6.41027 3.46273 6.93095 3.84663 7.31485C4.23053 7.69875 4.7512 7.91442 5.29412 7.91442C5.56111 7.92099 5.82678 7.87488 6.07594 7.77874C6.32511 7.6826 6.55289 7.53831 6.74627 7.3541C6.93965 7.1699 7.09484 6.9494 7.20297 6.7052C7.3111 6.461 7.37006 6.19788 7.37647 5.93089V5.86736ZM20.4706 14.1827C20.4706 10.7874 18.3106 9.46736 16.1647 9.46736C15.4621 9.43218 14.7626 9.58183 14.1358 9.90138C13.5091 10.2209 12.9771 10.6992 12.5929 11.2885H12.4941V9.74971H9.17647V21.0438H12.7059V15.0368C12.6549 14.4215 12.8487 13.811 13.2452 13.3379C13.6417 12.8647 14.2089 12.5671 14.8235 12.5097H14.9576C16.08 12.5097 16.9129 13.2156 16.9129 14.9944V21.0438H20.4424L20.4706 14.1827Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_512_64905">
<rect width="24" height="24" fill="white" transform="translate(0 0.573242)"/>
</clipPath>
</defs>
</svg>
</a>
</li>
<li>
<a href="#" target="_blank">
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.40918C8.59688 6.40918 5.83594 9.17012 5.83594 12.5732C5.83594 15.9764 8.59688 18.7373 12 18.7373C15.4031 18.7373 18.1641 15.9764 18.1641 12.5732C18.1641 9.17012 15.4031 6.40918 12 6.40918ZM12 16.5717C9.79219 16.5717 8.00156 14.7811 8.00156 12.5732C8.00156 10.3654 9.79219 8.5748 12 8.5748C14.2078 8.5748 15.9984 10.3654 15.9984 12.5732C15.9984 14.7811 14.2078 16.5717 12 16.5717Z" fill="black"/>
<path d="M18.4078 7.60445C19.2 7.60445 19.8469 6.96226 19.8469 6.16538C19.8469 5.37319 19.2 4.72632 18.4078 4.72632C17.6156 4.72632 16.9688 5.36851 16.9688 6.16538C16.9688 6.95757 17.6109 7.60445 18.4078 7.60445Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0.573242C8.74219 0.573242 8.33438 0.587305 7.05469 0.643555C5.77969 0.699805 4.90313 0.906055 4.14375 1.20137C3.35156 1.51074 2.68125 1.91855 2.01563 2.58887C1.34531 3.25449 0.9375 3.92481 0.628125 4.71231C0.332812 5.47637 0.126563 6.34824 0.0703125 7.62324C0.0140625 8.90762 0 9.31543 0 12.5732C0 15.8311 0.0140625 16.2389 0.0703125 17.5186C0.126563 18.7936 0.332812 19.6701 0.628125 20.4295C0.9375 21.2217 1.34531 21.892 2.01563 22.5576C2.68125 23.2232 3.35156 23.6357 4.13906 23.9404C4.90313 24.2357 5.775 24.442 7.05 24.4982C8.32969 24.5545 8.7375 24.5686 11.9953 24.5686C15.2531 24.5686 15.6609 24.5545 16.9406 24.4982C18.2156 24.442 19.0922 24.2357 19.8516 23.9404C20.6391 23.6357 21.3094 23.2232 21.975 22.5576C22.6406 21.892 23.0531 21.2217 23.3578 20.4342C23.6531 19.6701 23.8594 18.7982 23.9156 17.5232C23.9719 16.2436 23.9859 15.8357 23.9859 12.5779C23.9859 9.32012 23.9719 8.9123 23.9156 7.63262C23.8594 6.35762 23.6531 5.48105 23.3578 4.72168C23.0625 3.9248 22.6547 3.25449 21.9844 2.58887C21.3188 1.92324 20.6484 1.51074 19.8609 1.20605C19.0969 0.910742 18.225 0.704492 16.95 0.648242C15.6656 0.587305 15.2578 0.573242 12 0.573242ZM12 2.73418C15.2063 2.73418 15.5859 2.74824 16.8469 2.80449C18.0188 2.85605 18.6516 3.05293 19.0734 3.21699C19.6313 3.43262 20.0344 3.69512 20.4516 4.1123C20.8734 4.53418 21.1313 4.93262 21.3469 5.49043C21.5109 5.9123 21.7078 6.5498 21.7594 7.71699C21.8156 8.98262 21.8297 9.3623 21.8297 12.5639C21.8297 15.7701 21.8156 16.1498 21.7594 17.4107C21.7078 18.5826 21.5109 19.2154 21.3469 19.6373C21.1313 20.1951 20.8687 20.5982 20.4516 21.0154C20.0297 21.4373 19.6313 21.6951 19.0734 21.9107C18.6516 22.0748 18.0141 22.2717 16.8469 22.3232C15.5813 22.3795 15.2016 22.3936 12 22.3936C8.79375 22.3936 8.41406 22.3795 7.15313 22.3232C5.98125 22.2717 5.34844 22.0748 4.92656 21.9107C4.36875 21.6951 3.96563 21.4326 3.54844 21.0154C3.12656 20.5936 2.86875 20.1951 2.65313 19.6373C2.48906 19.2154 2.29219 18.5779 2.24063 17.4107C2.18438 16.1451 2.17031 15.7654 2.17031 12.5639C2.17031 9.35762 2.18438 8.97793 2.24063 7.71699C2.29219 6.54512 2.48906 5.9123 2.65313 5.49043C2.86875 4.93262 3.13125 4.52949 3.54844 4.1123C3.97031 3.69043 4.36875 3.43262 4.92656 3.21699C5.34844 3.05293 5.98594 2.85605 7.15313 2.80449C8.41406 2.74824 8.79375 2.73418 12 2.73418Z" fill="black"/>
</svg>
</a>
</li>
<li>
<a href="#" target="_blank">
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_512_64908)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12 0.573242C5.37528 0.573242 0 5.94852 0 12.5732C0 19.198 5.37528 24.5732 12 24.5732C18.6117 24.5732 24 19.198 24 12.5732C24 5.94852 18.6117 0.573242 12 0.573242ZM19.9262 6.10469C21.3579 7.84872 22.2169 10.0743 22.243 12.4821C21.9046 12.417 18.5206 11.7273 15.1106 12.1567C15.0325 11.9876 14.9675 11.8053 14.8894 11.6231C14.6811 11.1286 14.4468 10.621 14.2126 10.1394C17.987 8.60362 19.705 6.39103 19.9262 6.10469ZM12 2.34331C14.603 2.34331 16.9848 3.31944 18.7939 4.92031C18.6117 5.18062 17.0629 7.25004 13.4187 8.61663C11.7397 5.53203 9.87852 3.00708 9.5922 2.61663C10.3601 2.43441 11.167 2.34331 12 2.34331ZM7.63992 3.30643C7.91323 3.67085 9.73536 6.20883 11.4403 9.22834C6.65076 10.5038 2.42083 10.4778 1.96529 10.4778C2.62906 7.3021 4.77658 4.66001 7.63992 3.30643ZM1.74403 12.5862C1.74403 12.4821 1.74403 12.378 1.74403 12.2739C2.18655 12.2869 7.15836 12.352 12.2733 10.8162C12.5727 11.3889 12.846 11.9745 13.1063 12.5602C12.9761 12.5993 12.833 12.6383 12.7028 12.6774C7.41866 14.3824 4.60738 19.0418 4.37311 19.4322C2.7462 17.6231 1.74403 15.2153 1.74403 12.5862ZM12 22.8292C9.63125 22.8292 7.44468 22.0223 5.71366 20.6687C5.89589 20.2913 7.97832 16.2826 13.757 14.2652C13.7831 14.2522 13.7961 14.2522 13.8221 14.2392C15.2668 17.9745 15.8525 21.1112 16.0087 22.0093C14.7722 22.5429 13.4187 22.8292 12 22.8292ZM17.7137 21.0722C17.6095 20.4474 17.0629 17.4539 15.7224 13.7706C18.9371 13.2631 21.7484 14.096 22.0998 14.2132C21.6573 17.0635 20.0173 19.5234 17.7137 21.0722Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_512_64908">
<rect width="24" height="24" fill="white" transform="translate(0 0.573242)"/>
</clipPath>
</defs>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6">
<div class="contact-member">
<div class="member-header">
<h3>Soroush Shemshadi</h3>
<span>Software Developer</span>
</div>
<div class="member-social">
<ul>
<li>
<a href="#" target="_blank">
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_512_64905)">
<path d="M24 2.33795V22.8085C24 23.2766 23.8141 23.7254 23.4831 24.0564C23.1522 24.3873 22.7033 24.5732 22.2353 24.5732H1.76471C1.29668 24.5732 0.847817 24.3873 0.51687 24.0564C0.185924 23.7254 0 23.2766 0 22.8085L0 2.33795C0 1.86992 0.185924 1.42106 0.51687 1.09011C0.847817 0.759166 1.29668 0.573242 1.76471 0.573242L22.2353 0.573242C22.7033 0.573242 23.1522 0.759166 23.4831 1.09011C23.8141 1.42106 24 1.86992 24 2.33795ZM7.05882 9.74971H3.52941V21.0438H7.05882V9.74971ZM7.37647 5.86736C7.37833 5.60039 7.32759 5.33566 7.22714 5.0883C7.12669 4.84094 6.9785 4.61579 6.79103 4.4257C6.60357 4.23562 6.38049 4.08431 6.13455 3.98044C5.88861 3.87656 5.62462 3.82215 5.35765 3.8203H5.29412C4.7512 3.8203 4.23053 4.03597 3.84663 4.41987C3.46273 4.80377 3.24706 5.32445 3.24706 5.86736C3.24706 6.41027 3.46273 6.93095 3.84663 7.31485C4.23053 7.69875 4.7512 7.91442 5.29412 7.91442C5.56111 7.92099 5.82678 7.87488 6.07594 7.77874C6.32511 7.6826 6.55289 7.53831 6.74627 7.3541C6.93965 7.1699 7.09484 6.9494 7.20297 6.7052C7.3111 6.461 7.37006 6.19788 7.37647 5.93089V5.86736ZM20.4706 14.1827C20.4706 10.7874 18.3106 9.46736 16.1647 9.46736C15.4621 9.43218 14.7626 9.58183 14.1358 9.90138C13.5091 10.2209 12.9771 10.6992 12.5929 11.2885H12.4941V9.74971H9.17647V21.0438H12.7059V15.0368C12.6549 14.4215 12.8487 13.811 13.2452 13.3379C13.6417 12.8647 14.2089 12.5671 14.8235 12.5097H14.9576C16.08 12.5097 16.9129 13.2156 16.9129 14.9944V21.0438H20.4424L20.4706 14.1827Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_512_64905">
<rect width="24" height="24" fill="white" transform="translate(0 0.573242)"/>
</clipPath>
</defs>
</svg>
</a>
</li>
<li>
<a href="#" target="_blank">
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 0.573242C5.8724 0.573242 0.5 5.95404 0.5 12.5936C0.5 17.9036 3.938 22.4096 8.7068 23.9984C9.3068 24.1088 9.5252 23.738 9.5252 23.4188C9.5252 23.1344 9.5156 22.3772 9.5096 21.3752C6.1712 22.1012 5.4668 19.7636 5.4668 19.7636C4.922 18.374 4.1348 18.0044 4.1348 18.0044C3.0452 17.2604 4.2176 17.2748 4.2176 17.2748C5.4212 17.3588 6.0548 18.5132 6.0548 18.5132C7.1252 20.3492 8.864 19.8188 9.5468 19.5116C9.6572 18.7352 9.9668 18.206 10.31 17.906C7.646 17.6024 4.844 16.5704 4.844 11.9648C4.844 10.6532 5.312 9.57924 6.0788 8.73924C5.9552 8.43564 5.5436 7.21284 6.1964 5.55924C6.1964 5.55924 7.2044 5.23524 9.4964 6.79044C10.4753 6.52346 11.4853 6.38747 12.5 6.38604C13.52 6.39084 14.546 6.52404 15.5048 6.79044C17.7956 5.23524 18.8012 5.55804 18.8012 5.55804C19.4564 7.21284 19.0436 8.43564 18.9212 8.73924C19.6892 9.57924 20.1548 10.6532 20.1548 11.9648C20.1548 16.5824 17.348 17.5988 14.6756 17.8964C15.1064 18.2672 15.4892 19.0004 15.4892 20.1224C15.4892 21.728 15.4748 23.0252 15.4748 23.4188C15.4748 23.7404 15.6908 24.1148 16.3004 23.9972C18.69 23.1958 20.7672 21.6636 22.2386 19.6173C23.7099 17.571 24.501 15.114 24.5 12.5936C24.5 5.95404 19.1264 0.573242 12.5 0.573242Z" fill="black"/>
</svg>
</a>
</li>
<li>
<a href="#" target="_blank">
<svg width="20" height="25" viewBox="0 0 20 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_512_64919)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5276 16.0439H18.5311V24.5733H0.5V16.0439H2.50345V22.4409H16.5276V16.0439Z" fill="black"/>
<path d="M4.68688 15.41L14.5266 17.6112L14.9402 15.5176L5.10051 13.3155L4.68688 15.41ZM5.98895 10.3954L15.1039 14.9136L15.953 12.9733L6.83786 8.45512L5.98895 10.3954ZM8.51111 5.63579L16.2386 12.4847L17.5256 10.8398L9.79806 3.99118L8.51111 5.63579ZM13.4992 0.573242L11.8855 1.8507L17.8864 10.4382L19.5001 9.16093L13.4992 0.573242ZM4.50696 20.3086H14.5242V18.1762H4.50696V20.3086Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_512_64919">
<rect width="19" height="24" fill="white" transform="translate(0.5 0.573242)"/>
</clipPath>
</defs>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="socials" id="social">
<div class="container">
<div class="row socials-row">
<div class="col-md-4">
<a class="social" href="#" target="_blank">
<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 5.57324C16.426 5.57324 15.916 5.59024 14.316 5.66324C12.719 5.73624 11.628 5.99024 10.674 6.36124C9.674 6.73724 8.767 7.32724 8.017 8.09124C7.25422 8.84038 6.66386 9.74674 6.287 10.7472C5.918 11.7012 5.663 12.7932 5.59 14.3902C5.518 15.9892 5.5 16.4982 5.5 20.5732C5.5 24.6482 5.517 25.1572 5.59 26.7572C5.663 28.3542 5.917 29.4452 6.288 30.3992C6.664 31.3992 7.254 32.3062 8.018 33.0562C8.76715 33.819 9.67351 34.4094 10.674 34.7862C11.628 35.1562 12.719 35.4102 14.316 35.4832C15.916 35.5562 16.426 35.5732 20.5 35.5732C24.574 35.5732 25.084 35.5562 26.684 35.4832C28.281 35.4102 29.372 35.1562 30.326 34.7852C31.326 34.4092 32.233 33.8192 32.983 33.0552C33.7458 32.3061 34.3361 31.3997 34.713 30.3992C35.083 29.4452 35.337 28.3542 35.41 26.7572C35.483 25.1572 35.5 24.6472 35.5 20.5732C35.5 16.4992 35.483 15.9892 35.41 14.3892C35.337 12.7922 35.083 11.7012 34.712 10.7472C34.3354 9.74631 33.745 8.83956 32.982 8.09024C32.2329 7.32746 31.3265 6.7371 30.326 6.36024C29.372 5.99124 28.28 5.73624 26.683 5.66324C25.084 5.59124 24.575 5.57324 20.5 5.57324ZM20.5 8.27624C24.505 8.27624 24.98 8.29124 26.562 8.36324C28.024 8.43024 28.818 8.67324 29.347 8.88024C30.047 9.15124 30.547 9.47724 31.072 10.0012C31.597 10.5262 31.922 11.0262 32.193 11.7262C32.399 12.2552 32.643 13.0492 32.71 14.5112C32.782 16.0932 32.797 16.5682 32.797 20.5732C32.797 24.5782 32.782 25.0532 32.71 26.6352C32.643 28.0972 32.4 28.8912 32.193 29.4202C31.9529 30.0718 31.5699 30.6612 31.072 31.1452C30.5881 31.6432 29.9986 32.0263 29.347 32.2662C28.818 32.4722 28.024 32.7162 26.562 32.7832C24.98 32.8552 24.506 32.8702 20.5 32.8702C16.494 32.8702 16.02 32.8552 14.438 32.7832C12.976 32.7162 12.182 32.4732 11.653 32.2662C11.0015 32.0262 10.412 31.6431 9.928 31.1452C9.43018 30.6612 9.04713 30.0718 8.807 29.4202C8.601 28.8912 8.357 28.0972 8.29 26.6352C8.218 25.0532 8.203 24.5782 8.203 20.5732C8.203 16.5682 8.218 16.0932 8.29 14.5112C8.357 13.0492 8.6 12.2552 8.807 11.7262C9.078 11.0262 9.404 10.5262 9.928 10.0012C10.4119 9.50329 11.0014 9.12022 11.653 8.88024C12.182 8.67424 12.976 8.43024 14.438 8.36324C16.02 8.29124 16.495 8.27624 20.5 8.27624Z" fill="#0F6CBD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 25.5784C19.8428 25.5784 19.1919 25.4489 18.5847 25.1974C17.9775 24.9459 17.4257 24.5772 16.961 24.1124C16.4962 23.6477 16.1275 23.0959 15.876 22.4887C15.6245 21.8815 15.495 21.2306 15.495 20.5734C15.495 19.9161 15.6245 19.2653 15.876 18.658C16.1275 18.0508 16.4962 17.4991 16.961 17.0343C17.4257 16.5696 17.9775 16.2009 18.5847 15.9494C19.1919 15.6978 19.8428 15.5684 20.5 15.5684C21.8274 15.5684 23.1005 16.0957 24.0391 17.0343C24.9777 17.9729 25.505 19.246 25.505 20.5734C25.505 21.9008 24.9777 23.1738 24.0391 24.1124C23.1005 25.0511 21.8274 25.5784 20.5 25.5784ZM20.5 12.8634C18.4552 12.8634 16.4941 13.6757 15.0482 15.1216C13.6023 16.5675 12.79 18.5286 12.79 20.5734C12.79 22.6182 13.6023 24.5793 15.0482 26.0252C16.4941 27.4711 18.4552 28.2834 20.5 28.2834C22.5449 28.2834 24.5059 27.4711 25.9518 26.0252C27.3977 24.5793 28.21 22.6182 28.21 20.5734C28.21 18.5286 27.3977 16.5675 25.9518 15.1216C24.5059 13.6757 22.5449 12.8634 20.5 12.8634ZM30.453 12.7234C30.453 13.2067 30.261 13.6703 29.9192 14.0121C29.5775 14.3539 29.1139 14.5459 28.6305 14.5459C28.1472 14.5459 27.6836 14.3539 27.3418 14.0121C27 13.6703 26.808 13.2067 26.808 12.7234C26.808 12.24 27 11.7765 27.3418 11.4347C27.6836 11.0929 28.1472 10.9009 28.6305 10.9009C29.1139 10.9009 29.5775 11.0929 29.9192 11.4347C30.261 11.7765 30.453 12.24 30.453 12.7234Z" fill="#0F6CBD"/>
</svg>
<span>@Siloxa.tech</span>
</a>
</div>
<div class="col-md-4">
<a class="social" href="#" target="_blank">
<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M35.5 7.77912V33.3674C35.5 33.9524 35.2676 34.5135 34.8539 34.9272C34.4402 35.3408 33.8792 35.5732 33.2941 35.5732H7.70588C7.12085 35.5732 6.55977 35.3408 6.14609 34.9272C5.7324 34.5135 5.5 33.9524 5.5 33.3674V7.77912C5.5 7.19409 5.7324 6.63301 6.14609 6.21933C6.55977 5.80565 7.12085 5.57324 7.70588 5.57324H33.2941C33.8792 5.57324 34.4402 5.80565 34.8539 6.21933C35.2676 6.63301 35.5 7.19409 35.5 7.77912ZM14.3235 17.0438H9.91176V31.1615H14.3235V17.0438ZM14.7206 12.1909C14.7229 11.8572 14.6595 11.5263 14.5339 11.2171C14.4084 10.9079 14.2231 10.6264 13.9888 10.3888C13.7545 10.1512 13.4756 9.96208 13.1682 9.83224C12.8608 9.70239 12.5308 9.63438 12.1971 9.63207H12.1176C11.439 9.63207 10.7882 9.90166 10.3083 10.3815C9.82841 10.8614 9.55882 11.5122 9.55882 12.1909C9.55882 12.8695 9.82841 13.5204 10.3083 14.0003C10.7882 14.4801 11.439 14.7497 12.1176 14.7497C12.4514 14.7579 12.7835 14.7003 13.0949 14.5801C13.4064 14.4599 13.6911 14.2796 13.9328 14.0493C14.1746 13.8191 14.3685 13.5434 14.5037 13.2382C14.6389 12.9329 14.7126 12.604 14.7206 12.2703V12.1909ZM31.0882 22.585C31.0882 18.3409 28.3882 16.6909 25.7059 16.6909C24.8276 16.6469 23.9532 16.834 23.1698 17.2334C22.3864 17.6329 21.7214 18.2307 21.2412 18.9674H21.1176V17.0438H16.9706V31.1615H21.3824V23.6527C21.3186 22.8836 21.5608 22.1205 22.0565 21.529C22.5521 20.9376 23.2611 20.5656 24.0294 20.4938H24.1971C25.6 20.4938 26.6412 21.3762 26.6412 23.5997V31.1615H31.0529L31.0882 22.585Z" fill="#0F6CBD"/>
</svg>
<span>Siloxa Tech</span>
</a>
</div>
<div class="col-md-4">
<a class="social" href="#" target="_blank">
<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 4.31787C11.2917 4.31787 3.83337 11.7762 3.83337 20.9845C3.83337 28.3595 8.60421 34.5887 15.2292 36.797C16.0625 36.9429 16.375 36.4429 16.375 36.0054C16.375 35.6095 16.3542 34.297 16.3542 32.9012C12.1667 33.672 11.0834 31.8804 10.75 30.9429C10.5625 30.4637 9.75004 28.9845 9.04171 28.5887C8.45837 28.2762 7.62504 27.5054 9.02087 27.4845C10.3334 27.4637 11.2709 28.6929 11.5834 29.1929C13.0834 31.7137 15.4792 31.0054 16.4375 30.5679C16.5834 29.4845 17.0209 28.7554 17.5 28.3387C13.7917 27.922 9.91671 26.4845 9.91671 20.1095C9.91671 18.297 10.5625 16.797 11.625 15.6304C11.4584 15.2137 10.875 13.5054 11.7917 11.2137C11.7917 11.2137 13.1875 10.7762 16.375 12.922C17.7084 12.547 19.125 12.3595 20.5417 12.3595C21.9584 12.3595 23.375 12.547 24.7084 12.922C27.8959 10.7554 29.2917 11.2137 29.2917 11.2137C30.2084 13.5054 29.625 15.2137 29.4584 15.6304C30.5209 16.797 31.1667 18.2762 31.1667 20.1095C31.1667 26.5054 27.2709 27.922 23.5625 28.3387C24.1667 28.8595 24.6875 29.8595 24.6875 31.422C24.6875 33.6512 24.6667 35.4429 24.6667 36.0054C24.6667 36.4429 24.9792 36.9637 25.8125 36.797C29.1212 35.6801 31.9962 33.5537 34.033 30.7171C36.0698 27.8805 37.1658 24.4766 37.1667 20.9845C37.1667 11.7762 29.7084 4.31787 20.5 4.31787Z" fill="#0F6CBD"/>
</svg>
<span>Siloxa</span>
</a>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="footer">
<svg width="86" height="32" viewBox="0 0 86 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M29.3334 15.9998V11.9998C29.3334 5.33317 26.6667 2.6665 20 2.6665H12C5.33335 2.6665 2.66669 5.33317 2.66669 11.9998V19.9998C2.66669 26.6665 5.33335 29.3332 12 29.3332H16" fill="url(#paint0_linear_527_692)"/>
<path d="M29.3334 15.9998V11.9998C29.3334 5.33317 26.6667 2.6665 20 2.6665H12C5.33335 2.6665 2.66669 5.33317 2.66669 11.9998V19.9998C2.66669 26.6665 5.33335 29.3332 12 29.3332H16" stroke="#0F6CBD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M27.9467 23.7865L25.7734 24.5198C25.1734 24.7198 24.6934 25.1865 24.4934 25.7998L23.76 27.9732C23.1334 29.8532 20.4934 29.8132 19.9067 27.9332L17.44 19.9998C16.96 18.4265 18.4134 16.9598 19.9734 17.4532L27.92 19.9198C29.7867 20.5065 29.8134 23.1598 27.9467 23.7865Z" fill="url(#paint1_linear_527_692)" stroke="#0F6CBD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M41.472 24.5V10.868H36.096V7.7H50.736V10.868H45.36V24.5H41.472ZM49.7762 24.5L57.2642 7.7H61.1042L68.6162 24.5H64.5362L58.3922 9.668H59.9282L53.7602 24.5H49.7762ZM53.5202 20.9L54.5522 17.948H63.1922L64.2482 20.9H53.5202ZM70.3592 24.5V7.7H77.6312C79.1352 7.7 80.4312 7.948 81.5192 8.444C82.6072 8.924 83.4472 9.62 84.0392 10.532C84.6312 11.444 84.9272 12.532 84.9272 13.796C84.9272 15.044 84.6312 16.124 84.0392 17.036C83.4472 17.948 82.6072 18.652 81.5192 19.148C80.4312 19.628 79.1352 19.868 77.6312 19.868H72.5192L74.2472 18.116V24.5H70.3592ZM74.2472 18.548L72.5192 16.7H77.4152C78.6152 16.7 79.5112 16.444 80.1032 15.932C80.6952 15.42 80.9912 14.708 80.9912 13.796C80.9912 12.868 80.6952 12.148 80.1032 11.636C79.5112 11.124 78.6152 10.868 77.4152 10.868H72.5192L74.2472 9.02V18.548Z" fill="white"/>
<defs>
<linearGradient id="paint0_linear_527_692" x1="4.33335" y1="2.24984" x2="26" y2="28.4998" gradientUnits="userSpaceOnUse">
<stop stop-color="#99CDFA"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_527_692" x1="18.096" y1="17.1683" x2="27.8551" y2="28.9715" gradientUnits="userSpaceOnUse">
<stop stop-color="#99CDFA"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
<span>© Siloxa 2023</span>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<script src="assets/js/main.js"></script>
</body>
</html>