-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcontact.html
360 lines (349 loc) · 28.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TransitFlow </title>
<link rel="stylesheet" href="contact.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="icon" href="img/Logo.png " type="img/x-icon">
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
/>
<script src="https://unpkg.com/scrollreveal"></script>
<script src="https://unpkg.com/[email protected]/dist/scrollreveal.min.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@800&family=Nosifer&family=Playpen+Sans:wght@800&family=Rubik+Mono+One&family=Sedgwick+Ave+Display&family=Sriracha&display=swap" rel="stylesheet">
</head>
</head>
<body>
<!-- nav bar-->
<header>
<div>
<header>
<header id="header">
<div class="navbar" id="navbar">
<div class=" logo items" id="logo" >
<img style="width: 100%; height: 5vh;" src="img/Logo.png" alt="logo" srcset="">
<h4 class="items">TransitFlow</h4>
</div>
<div class="head-message">
<div style="display: flex; gap: .6rem;" >
<div style="display: flex;gap: .6rem;">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 64 64" fill="none">
<circle cx="31.6309" cy="32" r="31" fill="#111C55" stroke="#273270"/>
<path d="M32.1309 42.5C38.206 42.5 43.1309 37.5751 43.1309 31.5C43.1309 25.4249 38.206 20.5 32.1309 20.5C26.0557 20.5 21.1309 25.4249 21.1309 31.5C21.1309 37.5751 26.0557 42.5 32.1309 42.5Z" stroke="#F6B426"/>
<path d="M32.1309 22.5V31.7058L37.1309 35.5" stroke="#F6B426"/>
</svg>
<p>
Mon - Sat 9.00 - 18.00
</p>
</div>
<div style="display: flex; gap: .6rem;">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 64 64" fill="none">
<circle cx="31.6309" cy="32" r="31" fill="#111C55" stroke="#273270"/>
<path d="M41.1268 23.5H23.1349C22.5804 23.5 22.1309 23.8755 22.1309 24.3387V37.6613C22.1309 38.1245 22.5804 38.5 23.1349 38.5H41.1268C41.6813 38.5 42.1309 38.1245 42.1309 37.6613V24.3387C42.1309 23.8755 41.6813 23.5 41.1268 23.5Z" stroke="#F6B426"/>
<path d="M22.1309 23.5L32.5556 30.5L42.1309 23.7294" stroke="#F6B426"/>
</svg>
<p>
Email:
</p>
</div>
<div style="display: flex;gap: .5rem;">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 64 63" fill="none">
<circle cx="31.6309" cy="31.5" r="31" fill="#111C55" stroke="#273270"/>
<path d="M24.1049 22.1408C23.9703 22.1449 23.8379 22.1743 23.7157 22.2272C23.5934 22.28 23.4837 22.3554 23.393 22.4487C23.3024 22.542 23.2326 22.6514 23.1879 22.7704C23.1432 22.8894 23.1245 23.0156 23.1328 23.1416C23.2673 25.3015 23.9013 30.5716 26.9368 33.8583C30.5718 37.8181 35.3057 39.1824 40.1626 38.9808C40.4229 38.9662 40.6676 38.8596 40.8474 38.6826C41.0271 38.5055 41.1284 38.2712 41.1309 38.0268V34.5674C41.1278 34.2446 41.0091 33.9322 40.7938 33.6802C40.5785 33.4282 40.2791 33.2513 39.9435 33.1779L37.5113 32.6739C37.2104 32.6138 36.8973 32.6397 36.6123 32.7481C36.3273 32.8566 36.0837 33.0427 35.9128 33.2823L35.3749 34.0454C35.3255 34.1153 35.2516 34.1668 35.1661 34.1911C35.0805 34.2154 34.9885 34.211 34.9061 34.1786C33.6688 33.6783 28.7389 31.5184 28.1971 27.8753C28.1865 27.805 28.1984 27.7333 28.2312 27.6692C28.264 27.6051 28.3163 27.5516 28.3816 27.5154L29.3576 26.9574C29.6253 26.802 29.8355 26.5732 29.9599 26.3022C30.0843 26.0311 30.1168 25.7308 30.053 25.4419L29.5189 23.1236C29.4409 22.7988 29.245 22.5093 28.9648 22.3045C28.6846 22.0998 28.3373 21.9923 27.982 22.0004L24.1049 22.1408Z" stroke="#F6B426"/>
</svg>
<p>
call Me:
07068795963
</p>
</div>
</div>
</div>
<div class="mobile">
<button class="hamburger">
<span class="bar"></span>
</button>
<nav class="mobile-nav">
<a class="" href="index.html"> home</a>
<a href="about-page.html">About us </a>
<a href="service.html">service</a>
<a href="contact.html">Contacts</a>
<a href="project.html">projects</a>
</nav>
</div>
</header>
</header>
</div>
</header>
<!-- nav bar end -->
<!-- hero section -->
<div>
<div class="hero-section">
<div>
<div class="nav-menu">
<nav>
<ul class="ali" id="home">
<li class="hom active"><a href="index.html">home |</a></li>
<li class="hom"><a href="about-page.html">about us |</a></li>
<li class="hom" id="#"><a href="service.html">service |</a></li>
<li class="hom"><a href="contact.html">Contacts |</a></li>
<li class="hom"><a href="project.html">projects |</a></li>
<!-- <button><a href="">login</a></button> -->
<!-- <li><a href="home">Contacts</a></li> -->
</ul>
</nav>
<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="none">
<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="white"/>
<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="white"/>
</svg>
</a>
</div>
<div>
<a href="">
<svg class="socials" xmlns="http://www.w3.org/2000/svg" width="22" height="20" viewBox="0 0 22 20" fill="none">
<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="white"/>
</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="white"/>
</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="white"/>
</svg>
</a>
</div>
<!-- <div>
<button>Request Demo</button>
</div> -->
</div>
</div>
</div>
<div class="hero-content">
<p> Contact</p>
<h1>Our Contact</h1>
</div>
</div>
</div>
<!-- hero section end -->
<!-- contacts section -->
<div class="contacts tagline">
<div class="get-in-touch-forms">
<div class="get-in-touch">
<h6><strong>|</strong>contacts</h6>
<h2>Get in touch with us</h2>
<p>Leverage agile frameworks to provide a robust <br> synopsis for strategy foster collaborative <br>
thinking to further the overall value.</p>
<div class="contact-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 64 63" fill="none">
<circle cx="32" cy="31.5" r="31" fill="#111C55" stroke="#273270"/>
<path d="M41.496 23H23.504C22.9495 23 22.5 23.3755 22.5 23.8387V37.1613C22.5 37.6245 22.9495 38 23.504 38H41.496C42.0505 38 42.5 37.6245 42.5 37.1613V23.8387C42.5 23.3755 42.0505 23 41.496 23Z" stroke="#F6B426"/>
<path d="M22.5 23L32.9247 30L42.5 23.2294" stroke="#F6B426"/>
</svg>
<div>
<p>Email <br>[email protected]</p>
</div>
</div>
<div class="contact-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 64 63" fill="none">
<circle cx="32" cy="31.5" r="31" fill="#111C55" stroke="#273270"/>
<path d="M24.4741 22.1408C24.3394 22.1449 24.2071 22.1743 24.0848 22.2272C23.9625 22.28 23.8528 22.3554 23.7622 22.4487C23.6715 22.542 23.6018 22.6514 23.5571 22.7704C23.5124 22.8894 23.4936 23.0156 23.5019 23.1416C23.6364 25.3015 24.2704 30.5716 27.3059 33.8583C30.9409 37.8181 35.6748 39.1824 40.5317 38.9808C40.792 38.9662 41.0368 38.8596 41.2165 38.6826C41.3962 38.5055 41.4975 38.2712 41.5 38.0268V34.5674C41.497 34.2446 41.3783 33.9322 41.163 33.6802C40.9476 33.4282 40.6482 33.2513 40.3127 33.1779L37.8804 32.6739C37.5796 32.6138 37.2664 32.6397 36.9815 32.7481C36.6965 32.8566 36.4528 33.0427 36.2819 33.2823L35.744 34.0454C35.6946 34.1153 35.6208 34.1668 35.5352 34.1911C35.4496 34.2154 35.3577 34.211 35.2752 34.1786C34.0379 33.6783 29.1081 31.5184 28.5663 27.8753C28.5557 27.805 28.5675 27.7333 28.6003 27.6692C28.6332 27.6051 28.6855 27.5516 28.7507 27.5154L29.7267 26.9574C29.9944 26.802 30.2047 26.5732 30.3291 26.3022C30.4535 26.0311 30.486 25.7308 30.4222 25.4419L29.8881 23.1236C29.81 22.7988 29.6142 22.5093 29.3339 22.3045C29.0537 22.0998 28.7064 21.9923 28.3511 22.0004L24.4741 22.1408Z" stroke="#F6B426"/>
</svg>
<div>
<p>Call Me <br>07068795963</p>
</div>
</div>
<div class="contact-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 64 63" fill="none">
<circle cx="32" cy="31.5" r="31" fill="#111C55" stroke="#273270"/>
<path d="M32.5 42C38.5751 42 43.5 37.0751 43.5 31C43.5 24.9249 38.5751 20 32.5 20C26.4249 20 21.5 24.9249 21.5 31C21.5 37.0751 26.4249 42 32.5 42Z" stroke="#F6B426"/>
<path d="M32.5 22V31.2058L37.5 35" stroke="#F6B426"/>
</svg>
<div>
<p>Mon - Sat 9.00 - 18.00 <br>
Sunday Closed
</p>
</div>
</div>
</div>
<div class="forms">
<div>
<div class="input-form">
<div class="input-group">
<input required="" type="text" name="text" autocomplete="on" placeholder="Your Name*" class="input">
</div>
<div class="input-group">
<input required="" type="email" name="text" autocomplete="on" placeholder="Email*" class="input">
</div>
</div> <br>
<div class="input-form">
<div class="input-group">
<input required type="tel" name="Phone Number" na pattern="[+234]" autocomplete="off" placeholder="Phone Number*" class="input">
</div>
<div class="input-group">
<input required="" type="text" name="text" autocomplete="on" placeholder="City*" class="input">
</div>
</div> <br>
<div>
<textarea class="input" name="" id="" cols="30" rows="10"></textarea>
</div>
</div>
<div class="">
<button class="form-button"><a href="">Submit Message</a></button>
</div>
</div>
</div>
<div class="sponsor">
<div class="contact1">
<div style="padding: 4rem; display: flex; gap: 1rem;justify-content: center;">
<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52" viewBox="0 0 52 52" fill="none">
<path d="M25.8043 0L27.283 17.4183L34.6299 1.55619L30.062 18.4297L42.391 6.03706L32.3275 20.3307L48.1515 12.9022L33.8062 22.8919L51.2166 21.3234L34.3197 25.8043L51.2166 30.2852L33.8062 28.7168L48.1515 38.7065L32.3275 31.2779L42.391 45.5716L30.062 33.1789L34.6299 50.0525L27.283 34.1904L25.8043 51.6086L24.3256 34.1904L16.9787 50.0525L21.5466 33.1789L9.21762 45.5716L19.2811 31.2779L3.45712 38.7065L17.8024 28.7168L0.392025 30.2852L17.2889 25.8043L0.392025 21.3234L17.8024 22.8919L3.45712 12.9022L19.2811 20.3307L9.21762 6.03706L21.5466 18.4297L16.9787 1.55619L24.3256 17.4183L25.8043 0Z" fill="white"/>
</svg>
<div>
<p>Studio
Green</p>
</div>
</div>
</div>
<div class="contact2">
<div style="padding: 4rem; display: flex; justify-content: center;">
<svg xmlns="http://www.w3.org/2000/svg" width="87" height="39" viewBox="0 0 87 39" fill="none">
<path d="M12.648 0.000488281H16.554V38.5645H11.904L3.906 8.68049V38.5645H0V0.000488281H4.96L12.648 28.8305V0.000488281Z" fill="white"/>
<path d="M24.2391 0.000488281H30.5631C33.8284 0.000488281 35.4611 1.63315 35.4611 4.89849V33.6665C35.4611 36.9318 33.8284 38.5645 30.5631 38.5645H24.2391C20.9738 38.5645 19.3411 36.9318 19.3411 33.6665V4.89849C19.3411 1.63315 20.9738 0.000488281 24.2391 0.000488281ZM31.2451 32.9845V5.58049C31.2451 4.75382 31.1211 4.23715 30.8731 4.03049C30.6251 3.78249 30.1084 3.65849 29.3231 3.65849H25.4791C24.6938 3.65849 24.1771 3.78249 23.9291 4.03049C23.6811 4.23715 23.5571 4.75382 23.5571 5.58049V32.9845C23.5571 33.8112 23.6811 34.3485 23.9291 34.5965C24.1771 34.8032 24.6938 34.9065 25.4791 34.9065H29.3231C30.1084 34.9065 30.6251 34.8032 30.8731 34.5965C31.1211 34.3485 31.2451 33.8112 31.2451 32.9845Z" fill="white"/>
<path d="M42.4889 22.4445V38.5645H38.2729V0.000488281H49.4949C52.7602 0.000488281 54.3929 1.63315 54.3929 4.89849V17.5465C54.3929 20.4812 53.1116 22.0932 50.5489 22.3825L56.3769 38.5645H51.7889L46.1469 22.4445H42.4889ZM42.4889 3.65849V18.7865H48.2549C49.0816 18.7865 49.5982 18.6832 49.8049 18.4765C50.0529 18.2285 50.1769 17.6912 50.1769 16.8645V5.58049C50.1769 4.75382 50.0529 4.23715 49.8049 4.03049C49.5982 3.78249 49.0816 3.65849 48.2549 3.65849H42.4889Z" fill="white"/>
<path d="M70.6529 0.000488281V3.65849H64.4529V38.5645H60.2369V3.65849H54.0369V0.000488281H70.6529Z" fill="white"/>
<path d="M75.2607 0.000488281H81.5847C84.8501 0.000488281 86.4827 1.63315 86.4827 4.89849V33.6665C86.4827 36.9318 84.8501 38.5645 81.5847 38.5645H75.2607C71.9954 38.5645 70.3627 36.9318 70.3627 33.6665V4.89849C70.3627 1.63315 71.9954 0.000488281 75.2607 0.000488281ZM82.2667 32.9845V5.58049C82.2667 4.75382 82.1427 4.23715 81.8947 4.03049C81.6467 3.78249 81.1301 3.65849 80.3447 3.65849H76.5007C75.7154 3.65849 75.1987 3.78249 74.9507 4.03049C74.7027 4.23715 74.5787 4.75382 74.5787 5.58049V32.9845C74.5787 33.8112 74.7027 34.3485 74.9507 34.5965C75.1987 34.8032 75.7154 34.9065 76.5007 34.9065H80.3447C81.1301 34.9065 81.6467 34.8032 81.8947 34.5965C82.1427 34.3485 82.2667 33.8112 82.2667 32.9845Z" fill="white"/>
</svg>
</div>
</div>
<!-- -->
<div class="contact4">
<div style="padding: 4rem; display: flex; justify-content: center;">
<p> Out Of The
Sand Box</p>
</div>
</div>
</div>
</div>
<!-- contacts sections ends -->
<!-- faq -->
<div class="faq">
<div class="faq-content">
<div>
<div class="faq-font">
<h6>faq</h6>
</div>
<h1>Frequently Asked <br> Questions</h1>
<h4>How can I pay for your logistics services?</h4>
<p>Leverage agile frameworks to provide a robust synopsis for strategy foster collaborative thinking to further the overall value proposition. Organically grow the holistic <br> world view of disruptive.</p>
<button class="accordion">What payment methods are supported? <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 18" fill="none">
<path d="M1 1L9 9L1 17" stroke="#1C1F35" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg></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> <br>
<button class="accordion">What options for logistics plans are available? <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 18" fill="none">
<path d="M1 1L9 9L1 17" stroke="#1C1F35" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg></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> <br>
<button class="accordion">Can i specify a delivery date when ordering? <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 18" fill="none">
<path d="M1 1L9 9L1 17" stroke="#1C1F35" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg></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> <br>
</div>
<div><img style="width: 100%;" src="img/faq pics.png" alt="" srcset=""></div>
</div>
</div>
<!-- faq ens -->
<!-- footer -->
<footer>
<div class="footer">
<!-- <div class="nothing"></div> -->
<div class="footer-end">
<!-- <div class="nothing"></div> -->
<div>
<div>
<div class="navbar" id="navbar">
<div class=" logo ite" id="logo" >
<img style="width: 80%; height: 5vh;" src="img/Logo.png" alt="logo" srcset="">
<h4 class="trans-flow-font">TransitFlow</h4>
</div>
</div>
</div>
<p>Leverage agile frameworks to provide a robust synopsis for strategy collaborative <br> thinking to further the overall value proposition.</p>
<div class="contact-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 64 63" fill="none">
<circle cx="32" cy="31.5" r="31" fill="#111C55" stroke="#273270"/>
<path d="M41.496 23H23.504C22.9495 23 22.5 23.3755 22.5 23.8387V37.1613C22.5 37.6245 22.9495 38 23.504 38H41.496C42.0505 38 42.5 37.6245 42.5 37.1613V23.8387C42.5 23.3755 42.0505 23 41.496 23Z" stroke="#F6B426"/>
<path d="M22.5 23L32.9247 30L42.5 23.2294" stroke="#F6B426"/>
</svg>
<div>
<p>Email <br>[email protected]</p>
</div>
</div>
<div class="contact-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 64 63" fill="none">
<circle cx="32" cy="31.5" r="31" fill="#111C55" stroke="#273270"/>
<path d="M24.4741 22.1408C24.3394 22.1449 24.2071 22.1743 24.0848 22.2272C23.9625 22.28 23.8528 22.3554 23.7622 22.4487C23.6715 22.542 23.6018 22.6514 23.5571 22.7704C23.5124 22.8894 23.4936 23.0156 23.5019 23.1416C23.6364 25.3015 24.2704 30.5716 27.3059 33.8583C30.9409 37.8181 35.6748 39.1824 40.5317 38.9808C40.792 38.9662 41.0368 38.8596 41.2165 38.6826C41.3962 38.5055 41.4975 38.2712 41.5 38.0268V34.5674C41.497 34.2446 41.3783 33.9322 41.163 33.6802C40.9476 33.4282 40.6482 33.2513 40.3127 33.1779L37.8804 32.6739C37.5796 32.6138 37.2664 32.6397 36.9815 32.7481C36.6965 32.8566 36.4528 33.0427 36.2819 33.2823L35.744 34.0454C35.6946 34.1153 35.6208 34.1668 35.5352 34.1911C35.4496 34.2154 35.3577 34.211 35.2752 34.1786C34.0379 33.6783 29.1081 31.5184 28.5663 27.8753C28.5557 27.805 28.5675 27.7333 28.6003 27.6692C28.6332 27.6051 28.6855 27.5516 28.7507 27.5154L29.7267 26.9574C29.9944 26.802 30.2047 26.5732 30.3291 26.3022C30.4535 26.0311 30.486 25.7308 30.4222 25.4419L29.8881 23.1236C29.81 22.7988 29.6142 22.5093 29.3339 22.3045C29.0537 22.0998 28.7064 21.9923 28.3511 22.0004L24.4741 22.1408Z" stroke="#F6B426"/>
</svg>
<div>
<p>Call Me <br>07068795963</p>
</div>
</div>
</div>
<div>
<div class="pag">
<h2 class="items ite">pages</h2>
</div>
<div>
<ul style="list-style: none;padding-top: 1rem;">
<li><a href="about-page.html">About us</a></li>
<li><a href="service.html">Our services</a></li>
<li><a href="team.html">Our Team</a></li>
<li><a href="project.html">Our Projects</a></li>
<li><a href="pricing.html">Pricing </a></li>
<li><a href="contact.html">Contacts </a></li>
</ul>
</div>
</div>
<div>
<div class="pag">
<h2 style="padding-bottom: 2rem;" class="items ite">subscribe</h2>
<div>
<input class="input" type="email" placeholder="Email Here*">
</div>
<button> <a href="#">Send Now </a></button>
</div>
</div>
</div>
<hr style="background-color: #666C89;color: #666C89; fill: #666C89; ">
<!-- copy write -->
<div> <p style="text-align: center;">Copyright © TransitFlow | Designed by VictorFlow - Powered by Webflow.| Developed by DevJay</p></div>
<!-- copy write ends -->
</div>
</footer>
<!-- footer ends -->
<!-- links -->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/scrollreveal.min.js"></script>
<script src="app.js"></script>
<!-- links finish -->
</body>
</html>