-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
358 lines (343 loc) · 23.5 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Single Post</title>
<!-- Tailwind -->
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
prefix: "tw-",
theme: {
extend: {
colors: {
primary: '#EAB333',
secondary: "#070C3C"
}
}
}
}
</script>
<link rel="icon" type="image/x-icon" href="static/logo/logo.png">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<!-- Style -->
<link rel="stylesheet" href="static/css/style.css">
<!-- Bootstrap Icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
</head>
<body>
<nav class="navbar navbar-dark navbar-expand-lg !tw-bg-[#16181D] tw-py-0">
<div class="container">
<a class="navbar-brand tw-flex tw-items-center tw-gap-3" href="index.html">
<img src="static/logo/logo.png" alt="" class="tw-w-[45px]">
<span class="poppins tw-uppercase tw-font-light tw-tracking-wide tw-text-base">Developer Wings</span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0 lg:tw-gap-5">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="posts.html">News</a>
</li>
<li class="nav-item">
<a class="nav-link" href="posts.html">Reviews</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="about.html">About Us</a>
</li>
</ul>
</div>
</div>
</nav>
<section class="crypto-banner tw-py-2 tw-border-b tw-border-zinc-900 tw-sticky tw-top-0 tw-z-[999] tw-bg-[#0F1014] tw-hidden lg:tw-block">
<div class="container">
<div class="tw-flex tw-flex-wrap tw-justify-between tw-items-center tw-text-sm">
<div class="tw-flex tw-gap-2 bitcoin">
<span>Bitcoin</span>
<span><i class="bi tw-text-[8px]"></i></span>
<span class="tw-px-2 tw-rounded-sm tw-text-black tw-text-xs tw-flex tw-items-center" id="btc-price"></span>
</div>
<div class="tw-flex tw-gap-2 ethereum">
<span>Ethereum</span>
<span><i class="bi tw-text-[8px]"></i></span>
<span class="tw-px-2 tw-rounded-sm tw-text-black tw-text-xs tw-flex tw-items-center" id="eth-price"></span>
</div>
<div class="tw-flex tw-gap-2 binance-coin">
<span>Binance Coin</span>
<span><i class="bi tw-text-[8px]"></i></span>
<span class="tw-px-2 tw-rounded-sm tw-text-black tw-text-xs tw-flex tw-items-center" id="bnb-price"></span>
</div>
<div class="tw-flex tw-gap-2 solana">
<span>Solana</span>
<span><i class="bi tw-text-[8px]"></i></span>
<span class="tw-px-2 tw-rounded-sm tw-text-black tw-text-xs tw-flex tw-items-center" id="sol-price"></span>
</div>
<div class="tw-flex tw-gap-2 xrp">
<span>XRP</span>
<span><i class="bi tw-text-[8px]"></i></span>
<span class="tw-px-2 tw-rounded-sm tw-text-black tw-text-xs tw-flex tw-items-center" id="xrp-price"></span>
</div>
<div class="tw-flex tw-gap-2 doge">
<span>Doge</span>
<span><i class="bi tw-text-[8px]"></i></span>
<span class="tw-px-2 tw-rounded-sm tw-text-black tw-text-xs tw-flex tw-items-center" id="doge-price"></span>
</div>
</div>
</div>
</section>
<section class="tw-min-h-[40vh] lg:tw-min-h-[40vh] tw-py-5 tw-flex tw-flex-wrap tw-items-center tw-w-full tw-relative before:tw-content-[''] before:tw-absolute before:tw-top-0 before:tw-left-0 before:tw-w-full before:tw-h-full before:tw-bg-cover before:tw-bg-center before:tw-bg-[url(static/images/bg.jpg)] before:tw-blur-[90px] tw-overflow-hidden">
<div class="container tw-z-[1]">
<h1 class="tw-text-4xl lg:tw-text-6xl tw-font-black tw-my-9 lg:tw-my-16">About Us</h1>
</div>
</section>
<section class="tw-text-white tw-body-font">
<div class="container tw-px-5 tw-py-24 tw-mx-auto tw-flex tw-flex-wrap">
<div class="tw-flex tw-flex-wrap tw-w-full">
<div class="lg:tw-w-2/5 md:tw-w-1/2 md:tw-pr-10 md:tw-py-6">
<div class="tw-flex tw-relative tw-pb-12">
<div class="tw-h-full tw-w-10 tw-absolute tw-inset-0 tw-flex tw-items-center tw-justify-center">
<div class="tw-h-full tw-w-1 tw-bg-gray-200 tw-pointer-events-none"></div>
</div>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-primary tw-inline-flex tw-items-center tw-justify-center tw-text-white tw-relative tw-z-10">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="tw-w-5 tw-h-5" viewBox="0 0 24 24">
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
</svg>
</div>
<div class="tw-flex-grow tw-pl-4">
<h2 class="tw-font-medium tw-title-font tw-text-sm tw-text-primary tw-mb-1 tw-tracking-wider">2023</h2>
<p class="tw-leading-relaxed tw-text-gray-300">Lorem ipsum dolor sit amet consectetur adipisicing!</p>
</div>
</div>
<div class="tw-flex tw-relative tw-pb-12">
<div class="tw-h-full tw-w-10 tw-absolute tw-inset-0 tw-flex tw-items-center tw-justify-center">
<div class="tw-h-full tw-w-1 tw-bg-gray-200 tw-pointer-events-none"></div>
</div>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-primary tw-inline-flex tw-items-center tw-justify-center tw-text-white tw-relative tw-z-10">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="tw-w-5 tw-h-5" viewBox="0 0 24 24">
<path d="M22 12h-4l-3 9L9 3l-3 9H2"></path>
</svg>
</div>
<div class="tw-flex-grow tw-pl-4">
<h2 class="tw-font-medium tw-title-font tw-text-sm tw-text-primary tw-mb-1 tw-tracking-wider">2022</h2>
<p class="tw-leading-relaxed">Lorem ipsum dolor sit amet.</p>
</div>
</div>
<div class="tw-flex tw-relative tw-pb-12">
<div class="tw-h-full tw-w-10 tw-absolute tw-inset-0 tw-flex tw-items-center tw-justify-center">
<div class="tw-h-full tw-w-1 tw-bg-gray-200 tw-pointer-events-none"></div>
</div>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-primary tw-inline-flex tw-items-center tw-justify-center tw-text-white tw-relative tw-z-10">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="tw-w-5 tw-h-5" viewBox="0 0 24 24">
<circle cx="12" cy="5" r="3"></circle>
<path d="M12 22V8M5 12H2a10 10 0 0020 0h-3"></path>
</svg>
</div>
<div class="tw-flex-grow tw-pl-4">
<h2 class="tw-font-medium tw-title-font tw-text-sm tw-text-primary tw-mb-1 tw-tracking-wider">2021</h2>
<p class="tw-leading-relaxed">Lorem ipsum dolor sit amet consectetur adipisicing elit. Non!</p>
</div>
</div>
<div class="tw-flex tw-relative tw-pb-12">
<div class="tw-h-full tw-w-10 tw-absolute tw-inset-0 tw-flex tw-items-center tw-justify-center">
<div class="tw-h-full tw-w-1 tw-bg-gray-200 tw-pointer-events-none"></div>
</div>
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-primary tw-inline-flex tw-items-center tw-justify-center tw-text-white tw-relative tw-z-10">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="tw-w-5 tw-h-5" viewBox="0 0 24 24">
<path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"></path>
<circle cx="12" cy="7" r="4"></circle>
</svg>
</div>
<div class="tw-flex-grow tw-pl-4">
<h2 class="tw-font-medium tw-title-font tw-text-sm tw-text-primary tw-mb-1 tw-tracking-wider">2020</h2>
<p class="tw-leading-relaxed">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nam, repellat.</p>
</div>
</div>
<div class="tw-flex tw-relative">
<div class="tw-flex-shrink-0 tw-w-10 tw-h-10 tw-rounded-full tw-bg-primary tw-inline-flex tw-items-center tw-justify-center tw-text-white tw-relative tw-z-10">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="tw-w-5 tw-h-5" viewBox="0 0 24 24">
<path d="M22 11.08V12a10 10 0 11-5.93-9.14"></path>
<path d="M22 4L12 14.01l-3-3"></path>
</svg>
</div>
<div class="tw-flex-grow tw-pl-4">
<h2 class="tw-font-medium tw-title-font tw-text-sm tw-text-primary tw-mb-1 tw-tracking-wider">2019</h2>
<p class="tw-leading-relaxed">Lorem ipsum dolor, sit amet consectetur adipisicing?</p>
</div>
</div>
</div>
<img class="lg:tw-w-3/5 md:tw-w-1/2 tw-object-cover tw-object-center tw-rounded-lg md:tw-mt-0 tw-mt-12" src="https://dummyimage.com/1200x500" alt="step">
</div>
</div>
</section>
<section class="tw-text-white tw-body-font">
<div class="container tw-px-5 tw-py-24 tw-mx-auto">
<div class="tw-flex tw-flex-col tw-text-center tw-w-full tw-mb-20">
<h1 class="tw-text-2xl tw-font-medium tw-title-font tw-mb-4 tw-text-primary tw-tracking-widest">OUR TEAM</h1>
<p class="lg:tw-w-2/3 tw-mx-auto tw-leading-relaxed tw-text-base">Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical gentrify, subway tile poke farm-to-table. Franzen you probably haven't heard of them.</p>
</div>
<div class="tw-flex tw-flex-wrap tw--m-4">
<div class="tw-p-4 lg:tw-w-1/2">
<div class="tw-h-full tw-flex sm:tw-flex-row tw-flex-col tw-items-center sm:tw-justify-start tw-justify-center tw-text-center sm:tw-text-left">
<img alt="team" class="tw-flex-shrink-0 tw-rounded-lg tw-w-48 tw-h-48 tw-object-cover tw-object-center sm:tw-mb-0 tw-mb-4" src="https://dummyimage.com/200x200">
<div class="tw-flex-grow sm:tw-pl-8">
<h2 class="tw-title-font tw-font-medium tw-text-lg tw-text-primary">Holden Caulfield</h2>
<h3 class="tw-text-gray-500 tw-mb-3">UI Developer</h3>
<p class="tw-mb-4">DIY tote bag drinking vinegar cronut adaptogen squid fanny pack vaporware.</p>
<span class="tw-inline-flex">
<a class="tw-text-gray-500">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="tw-w-5 tw-h-5" viewBox="0 0 24 24">
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path>
</svg>
</a>
<a class="tw-ml-2 tw-text-gray-500">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="tw-w-5 tw-h-5" viewBox="0 0 24 24">
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"></path>
</svg>
</a>
<a class="tw-ml-2 tw-text-gray-500">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="tw-w-5 tw-h-5" viewBox="0 0 24 24">
<path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path>
</svg>
</a>
</span>
</div>
</div>
</div>
<div class="tw-p-4 lg:tw-w-1/2">
<div class="tw-h-full tw-flex sm:tw-flex-row tw-flex-col tw-items-center sm:tw-justify-start tw-justify-center tw-text-center sm:tw-text-left">
<img alt="team" class="tw-flex-shrink-0 tw-rounded-lg tw-w-48 tw-h-48 tw-object-cover tw-object-center sm:tw-mb-0 tw-mb-4" src="https://dummyimage.com/201x201">
<div class="tw-flex-grow sm:tw-pl-8">
<h2 class="tw-title-font tw-font-medium tw-text-lg tw-text-primary">Alper Kamu</h2>
<h3 class="tw-text-gray-500 tw-mb-3">Designer</h3>
<p class="tw-mb-4">DIY tote bag drinking vinegar cronut adaptogen squid fanny pack vaporware.</p>
<span class="tw-inline-flex">
<a class="tw-text-gray-500">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="tw-w-5 tw-h-5" viewBox="0 0 24 24">
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path>
</svg>
</a>
<a class="tw-ml-2 tw-text-gray-500">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="tw-w-5 tw-h-5" viewBox="0 0 24 24">
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"></path>
</svg>
</a>
<a class="tw-ml-2 tw-text-gray-500">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="tw-w-5 tw-h-5" viewBox="0 0 24 24">
<path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path>
</svg>
</a>
</span>
</div>
</div>
</div>
<div class="tw-p-4 lg:tw-w-1/2">
<div class="tw-h-full tw-flex sm:tw-flex-row tw-flex-col tw-items-center sm:tw-justify-start tw-justify-center tw-text-center sm:tw-text-left">
<img alt="team" class="tw-flex-shrink-0 tw-rounded-lg tw-w-48 tw-h-48 tw-object-cover tw-object-center sm:tw-mb-0 tw-mb-4" src="https://dummyimage.com/204x204">
<div class="tw-flex-grow sm:tw-pl-8">
<h2 class="tw-title-font tw-font-medium tw-text-lg tw-text-primary">Atticus Finch</h2>
<h3 class="tw-text-gray-500 tw-mb-3">UI Developer</h3>
<p class="tw-mb-4">DIY tote bag drinking vinegar cronut adaptogen squid fanny pack vaporware.</p>
<span class="tw-inline-flex">
<a class="tw-text-gray-500">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="tw-w-5 tw-h-5" viewBox="0 0 24 24">
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path>
</svg>
</a>
<a class="tw-ml-2 tw-text-gray-500">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="tw-w-5 tw-h-5" viewBox="0 0 24 24">
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"></path>
</svg>
</a>
<a class="tw-ml-2 tw-text-gray-500">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="tw-w-5 tw-h-5" viewBox="0 0 24 24">
<path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path>
</svg>
</a>
</span>
</div>
</div>
</div>
<div class="tw-p-4 lg:tw-w-1/2">
<div class="tw-h-full tw-flex sm:tw-flex-row tw-flex-col tw-items-center sm:tw-justify-start tw-justify-center tw-text-center sm:tw-text-left">
<img alt="team" class="tw-flex-shrink-0 tw-rounded-lg tw-w-48 tw-h-48 tw-object-cover tw-object-center sm:tw-mb-0 tw-mb-4" src="https://dummyimage.com/206x206">
<div class="tw-flex-grow sm:tw-pl-8">
<h2 class="tw-title-font tw-font-medium tw-text-lg tw-text-primary">Henry Letham</h2>
<h3 class="tw-text-gray-500 tw-mb-3">Designer</h3>
<p class="tw-mb-4">DIY tote bag drinking vinegar cronut adaptogen squid fanny pack vaporware.</p>
<span class="tw-inline-flex">
<a class="tw-text-gray-500">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="tw-w-5 tw-h-5" viewBox="0 0 24 24">
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path>
</svg>
</a>
<a class="tw-ml-2 tw-text-gray-500">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="tw-w-5 tw-h-5" viewBox="0 0 24 24">
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"></path>
</svg>
</a>
<a class="tw-ml-2 tw-text-gray-500">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="tw-w-5 tw-h-5" viewBox="0 0 24 24">
<path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path>
</svg>
</a>
</span>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="tw-pt-5">
<div class="container">
<div class="tw-flex tw-flex-wrap tw-justify-center">
<div class="tw-w-full">
<img src="static/logo/logo.png" class="tw-w-[80px] tw-mx-auto" alt="">
<h5 class="tw-text-center tw-text-xl tw-my-5 poppins tw-uppercase tw-tracking-wider ">Developer Wings</h5>
<ul class="tw-flex tw-justify-center tw-gap-4 tw-text-xl tw-text-[#838997] tw-mb-5">
<li>
<a href="https://www.facebook.com/" target="_blank"><i class="bi bi-facebook"></i></a>
</li>
<li>
<a href="https://www.instagram.com/" target="_blank"><i class="bi bi-instagram"></i></a>
</li>
<li>
<a href="https://twitter.com/" target="_blank"><i class="bi bi-telegram"></i></a>
</li>
<li>
<a href="https://t.me/" target="_blank"><i class="bi bi-twitter"></i></a>
</li>
<li>
<a href="mailto:[email protected]" target="_blank"><i class="bi bi-envelope-fill"></i></a>
</li>
</ul>
</div>
</div>
<div class="tw-flex tw-flex-wrap tw-justify-between tw-text-xs tw-text-[#838997] tw-border-t tw-border-zinc-900 tw-py-4 tw-mt-5">
<div>
<p>© 2023 - All rights reserved.</p>
</div>
<div>
<p>Developed by <a href="https://developerwings.com" target="_blank">Developer Wings</a></p>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="static/js/scripts.js"></script>
</body>
</html>