-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
363 lines (307 loc) · 20.3 KB
/
contact.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="robots" content="noindex">
<title>Contact — FlexStart</title>
<!-- Meta tags -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#4154f1">
<meta name="title" property="og:title" content="FlexStart">
<meta name="description" property="og:description" content="FlexStart is a clean and modern website UI which is suitable for all individuals/businesses looking for a website for their software/services.">
<meta name="author" content="Danial Zahid">
<!-- Assets -->
<link rel="icon" href="./assets/img/global/logo.png">
<link rel="apple-touch-icon" href="./assets/img/global/logo.png">
<!-- CSS -->
<link rel="stylesheet" href="./assets/css/global.min.css">
<link rel="stylesheet" href="./assets/css/contact.min.css">
<!-- JS -->
<script defer src="./assets/js/fixed-header-subpage.js"></script>
<script defer src="./assets/js/back-to-top.js"></script>
</head>
<body>
<header class="header-static">
<div class="container col-3-nav gap-32">
<a href="/" class="row gap-8 logo-header" title="FlexStart">
<picture>
<source srcset="./assets/img/global/logo.webp" type="image/webp">
<img src="./assets/img/global/logo.png" alt="Site logo" width="21" height="26" loading="lazy">
</picture>
<p>FlexStart</p>
</a>
<nav class="menu-desktop">
<ul class="row ai-center jc-end gap-8">
<li><a href="/#hero" title="Home">Home</a></li>
<li><a href="/#about" title="About">About</a></li>
<li class="has-submenu">
<div class="row ai-center gap-8" title="Features">
<span>Features</span>
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="16" height="16">
<path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z">
</svg>
</div>
<ul class="col gap-8 submenu">
<li><a href="/#features" title="Feature 01">Feature 01</a></li>
<li><a href="/#features" title="Feature 02">Feature 02</a></li>
<li><a href="/#features" title="Feature 03">Feature 03</a></li>
<li><a href="/#features" title="Feature 04">Feature 04</a></li>
</ul>
</li>
<li><a href="/services" title="Services">Services</a></li>
<li><a href="/#portfolio" title="Portfolio">Portfolio</a></li>
<li><a href="/#team" title="Team">Team</a></li>
<li><a href="/blogs" title="Blogs">Blogs</a></li>
<li><a href="/contact" title="Contact" class="menu-link-active">Contact</a></li>
</ul>
</nav>
<nav class="menu-mobile-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="24" height="24">
<path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z">
</svg>
<ul class="col gap-8 menu-mobile">
<li><a href="/#hero" title="Home">Home</a></li>
<li><a href="/#about" title="About">About</a></li>
<li class="has-submenu">
<div class="row ai-center gap-8" title="Features">
<span>Features</span>
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="16" height="16">
<path d="M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z">
</svg>
</div>
<ul class="col gap-8 submenu">
<li><a href="/#features" title="Feature 01">Feature 01</a></li>
<li><a href="/#features" title="Feature 02">Feature 02</a></li>
<li><a href="/#features" title="Feature 03">Feature 03</a></li>
<li><a href="/#features" title="Feature 04">Feature 04</a></li>
</ul>
</li>
<li><a href="/services" title="Services">Services</a></li>
<li><a href="/#portfolio" title="Portfolio">Portfolio</a></li>
<li><a href="/#team" title="Team">Team</a></li>
<li><a href="/blogs" title="Blogs">Blogs</a></li>
<li><a href="/contact" title="Contact" class="menu-link-active">Contact</a></li>
</ul>
</nav>
<a href="/contact" class="btn btn-header" title="Get started">Get started</a>
</div>
</header>
<main>
<section class="breadcrumb">
<div class="row gap-16 container ai-center space-between wrap">
<h1>Contact</h1>
<nav class="row ai-center gap-8 nav-subpage">
<a href="/" title="Home">Home</a>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="14" height="14">
<path d="m438.6 278.6-160 160c-6.2 6.3-14.4 9.4-22.6 9.4s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .002 273.7.002 256S14.33 224 32 224h306.8L233.4 118.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160c12.45 12.55 12.45 32.75-.05 45.25z">
</svg>
<a href="/contact" title="Contact" class="menu-link-active">Contact</a>
</nav>
</div>
</section>
<section class="container col gap-48">
<h2 class="title-subpage">Get in touch with us</h2>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d50704.05197777579!2d-122.11628640046861!3d37.413398109441474!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808fb7495bec0189%3A0x7c17d44a466baf9b!2sMountain%20View%2C%20CA%2C%20USA!5e0!3m2!1sen!2s!4v1657495792519!5m2!1sen!2s" loading="lazy" title="Our location"></iframe>
<div class="col-sm-lg gap-32">
<div class="col gap-16 space-between">
<div class="row gap-12 ai-start wrapper-solid">
<span class="row icon-info">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" width="20" height="20">
<path d="M168.3 499.2C116.1 435 0 279.4 0 192 0 85.96 85.96 0 192 0c106 0 192 85.96 192 192 0 87.4-117 243-168.3 307.2-12.3 15.3-35.1 15.3-47.4 0zM192 256c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64z">
</svg>
</span>
<div class="col gap-8">
<h3>Location</h3>
<p><a href="#" title="Find us">A108 Adam Street, New York, NY 535022, US</a></p>
</div>
</div>
<div class="row gap-12 ai-start wrapper-solid">
<span class="row icon-info">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="20" height="20">
<path d="M464 64c26.5 0 48 21.49 48 48 0 15.1-7.1 29.3-19.2 38.4L275.2 313.6a32.1 32.1 0 0 1-38.4 0L19.2 150.4C7.113 141.3 0 127.1 0 112c0-26.51 21.49-48 48-48h416zM217.6 339.2a63.9 63.9 0 0 0 76.8 0L512 176v208c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V176l217.6 163.2z">
</svg>
</span>
<div class="col gap-8">
<h3>E-mail address</h3>
<p><a href="#" title="Send us an e-mail to [email protected]">[email protected]</a></p>
</div>
</div>
<div class="row gap-12 ai-start wrapper-solid">
<span class="row icon-info">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="20" height="20">
<path d="m511.2 387-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45L125.02.8c14.68-3.402 29.68 4.218 35.78 18.12l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z">
</svg>
</span>
<div class="col gap-12">
<h3>Phone</h3>
<p><a href="#" title="Call us at +1 234 567 890">+1 234 567 890</a></p>
</div>
</div>
</div>
<form class="col gap-16 wrapper-solid">
<div class="col-2 gap-16">
<input required type="text" placeholder="Your name" title="Please type in your name">
<input required type="email" placeholder="Your e-mail" title="Please type in your e-mail address">
</div>
<input required type="text" placeholder="Subject" title="Please type in the subject">
<textarea required placeholder="Message" title="Please type in your message"></textarea>
<input required class="btn" type="submit" value="Send Message" title="Send Message">
</form>
</div>
</section>
</main>
<footer>
<div class="bg-footer">
<div class="container col-4 gap-48">
<div class="col ai-start gap-16 col-span-4">
<a href="/" class="row gap-8 logo-header" title="FlexStart">
<picture>
<source srcset="./assets/img/global/logo.webp" type="image/webp">
<img src="./assets/img/global/logo.png" alt="Site logo" width="21" height="26" loading="lazy">
</picture>
<p>FlexStart</p>
</a>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores deleniti similique, molestias odit fuga rem consequatur asperiores architecto, quam, eveniet in nihil. Itaque nobis consequatur obcaecati velit animi, facere quo.</p>
<div class="row gap-12">
<a class="icon-social" href="#" title="Twitter">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="16">
<path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z">
</svg>
</a>
<a class="icon-social" href="#" title="Facebook">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="16" height="16">
<path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z">
</svg>
</a>
<a class="icon-social" href="#" title="Instagram">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="16" height="16">
<path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z">
</svg>
</a>
<a class="icon-social" href="#" title="LinkedIn">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="16" height="16">
<path d="M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z">
</svg>
</a>
</div>
</div>
<div class="col gap-16">
<h2>Useful links</h2>
<nav class="col gap-8 ai-start">
<a href="#" class="row gap-4" title="Home">
<svg class="icon-right-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="12" height="12">
<path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z">
</svg>
<span>Home</span>
</a>
<a href="#" class="row gap-4" title="About us">
<svg class="icon-right-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="12" height="12">
<path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z">
</svg>
<span>About us</span>
</a>
<a href="/services" class="row gap-4" title="Services">
<svg class="icon-right-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="12" height="12">
<path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z">
</svg>
<span>Services</span>
</a>
<a href="#" class="row gap-4" title="Terms of service">
<svg class="icon-right-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="12" height="12">
<path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z">
</svg>
<span>Terms of service</span>
</a>
<a href="#" class="row gap-4" title="Privacy policy">
<svg class="icon-right-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="12" height="12">
<path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z">
</svg>
<span>Privacy policy</span>
</a>
</nav>
</div>
<div class="col gap-16">
<h2>Our services</h2>
<nav class="col gap-8 ai-start">
<a href="#" class="row gap-4" title="Web design">
<svg class="icon-right-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="12" height="12">
<path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z">
</svg>
<span>Web design</span>
</a>
<a href="#" class="row gap-4" title="Web development">
<svg class="icon-right-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="12" height="12">
<path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z">
</svg>
<span>Web development</span>
</a>
<a href="#" class="row gap-4" title="Product management">
<svg class="icon-right-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="12" height="12">
<path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z">
</svg>
<span>Product management</span>
</a>
<a href="#" class="row gap-4" title="Marketing">
<svg class="icon-right-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="12" height="12">
<path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z">
</svg>
<span>Marketing</span>
</a>
<a href="#" class="row gap-4" title="Graphic design">
<svg class="icon-right-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="12" height="12">
<path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z">
</svg>
<span>Graphic design</span>
</a>
</nav>
</div>
<div class="col gap-16">
<h2>Contact us</h2>
<div class="col gap-16">
<div class="row ai-center gap-8">
<span class="row icon-location">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" width="16" height="16">
<path d="M168.3 499.2C116.1 435 0 279.4 0 192 0 85.96 85.96 0 192 0c106 0 192 85.96 192 192 0 87.4-117 243-168.3 307.2-12.3 15.3-35.1 15.3-47.4 0zM192 256c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64z">
</svg>
</span>
<a href="#" title="Find us">A108 Adam Street, New York, NY 535022, United States</a>
</div>
<div class="row ai-center gap-8">
<span class="row icon-phone">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="16">
<path d="m511.2 387-23.25 100.8c-3.266 14.25-15.79 24.22-30.46 24.22C205.2 512 0 306.8 0 54.5c0-14.66 9.969-27.2 24.22-30.45L125.02.8c14.68-3.402 29.68 4.218 35.78 18.12l46.52 108.5c5.438 12.78 1.77 27.67-8.98 36.45L144.5 207.1c33.98 69.22 90.26 125.5 159.5 159.5l44.08-53.8c8.688-10.78 23.69-14.51 36.47-8.975l108.5 46.51C506.1 357.2 514.6 372.4 511.2 387z">
</svg>
</span>
<a href="#" title="Call us at +1 234 567 890">+1 234 567 890</a>
</div>
<div class="row ai-center gap-8">
<span class="row icon-email">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="16">
<path d="M464 64c26.5 0 48 21.49 48 48 0 15.1-7.1 29.3-19.2 38.4L275.2 313.6a32.1 32.1 0 0 1-38.4 0L19.2 150.4C7.113 141.3 0 127.1 0 112c0-26.51 21.49-48 48-48h416zM217.6 339.2a63.9 63.9 0 0 0 76.8 0L512 176v208c0 35.3-28.7 64-64 64H64c-35.35 0-64-28.7-64-64V176l217.6 163.2z">
</svg>
</span>
<a href="#" title="Send us an e-mail to [email protected]">[email protected]</a>
</div>
</div>
</div>
</div>
</div>
<div class="copyright col">
<div class="container">
<p class="row ai-center gap-4">Coded with<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="16" fill="#d63031">
<path d="M0 190.9v-5.8c0-69.9 50.52-129.52 119.4-141 44.7-7.59 92 7.27 124.6 39.92L256 96l11.1-11.98C300.6 51.37 347 36.51 392.6 44.1c68.9 11.48 119.4 71.1 119.4 141v5.8c0 41.5-17.2 81.2-47.6 109.5L283.7 469.1c-7.5 7-17.4 10.9-27.7 10.9s-20.2-3.9-27.7-10.9L47.59 300.4C17.23 272.1 0 232.4 0 190.9z">
</svg>by<a href="https://github.com/DanialZahid" title="Danial Zahid">Danial Zahid</a>
</p>
</div>
</div>
</footer>
<div class="btn scroll-top" title="Back to top">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" width="20" height="20">
<path d="M374.6 246.6c-6.2 6.3-14.4 9.4-22.6 9.4s-16.38-3.125-22.62-9.375L224 141.3V448c0 17.69-14.33 31.1-31.1 31.1S160 465.7 160 448V141.3L54.63 246.6c-12.5 12.5-32.75 12.5-45.25 0s-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0l160 160c12.47 12.55 12.47 32.75-.03 45.25z">
</svg>
</div>
<!-- Project info -->
<link rel="stylesheet" href="./misc/project-info.min.css">
<script defer src="./misc/project-info.js"></script>
</body>
</html>