-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathmore-work.html
264 lines (261 loc) · 23.4 KB
/
more-work.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
<!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="more-work.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>
<body>
<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="#he"> 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>
<a href="">Contacts</a>
</nav>
</div>
</header>
</header>
</div>
</header>
<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> services Single</p>
<h1>Services Details</h1>
</div>
</div>
</div>
<!-- hero section end -->
<!-- sections -->
<section>
<div class="section">
<img style="width: 70%; margin: auto ; display: flex; justify-content: center;" src="img/step1.png" alt="" srcset="">
<div class="section1" style="width: 70%; margin: auto ; display: flex;gap: 2rem; ">
<svg style="margin-bottom: 1rem;" xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 52 56" fill="none">
<path d="M25.6602 7.16494V1" stroke="#1C1F35" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M50.3195 35.9345C46.5692 49.035 29.2046 53.6073 26.1221 54.3265C25.8187 54.4037 25.5008 54.4037 25.1974 54.3265C22.1149 53.6073 4.75034 49.035 1 35.9345V27.1494C0.999964 26.7167 1.13652 26.295 1.39021 25.9445C1.64389 25.594 2.00176 25.3324 2.4128 25.1972L25.0176 17.6452C25.436 17.5164 25.8835 17.5164 26.3019 17.6452L48.9067 25.1972C49.3178 25.3324 49.6756 25.594 49.9293 25.9445C50.183 26.295 50.3195 26.7167 50.3195 27.1494V35.9345Z" stroke="#1C1F35" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26.1271 47.6652C23.6883 47.1036 9.94964 43.5341 6.98242 33.3066" stroke="#1C1F35" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.98242 9.98267V23.136L25.5288 16.555L44.0752 23.136V9.98267C44.0752 8.32581 42.7321 6.98267 41.0752 6.98267H9.98242C8.32557 6.98267 6.98242 8.32581 6.98242 9.98267Z" fill="#FFD550" stroke="#1C1F35" stroke-width="2"/>
<path d="M25.6602 37.9898V17.5427" stroke="#1C1F35" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M30.9141 36.8963L30.9141 28.5205" stroke="#1C1F35" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.7686 17.7515V11.7688" stroke="#1C1F35" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M48.8613 20.1446V9.37573" stroke="#1C1F35" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<h4>Sea Transport Services</h4>
</div>
<div style="width: 70%; margin: auto ;" >
<p>
Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?
</p><br><br>
<p>
Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur? At vero eos et accusamus et iusto odio dignissimos ducimus, qui blanditiis praesentium voluptatum deleniti atque corrupti, quos dolores et quas molestias excepturi sint, obcaecati cupiditate non provident, similique sunt in culpa, qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.
</p>
</div>
<div class="benefit" style="width: 70%; margin: auto ;padding-top: 3rem;">
<div><img style="width: 100%;" src="img/benefit image.png" alt="" srcset=""></div>
<div>
<h1>Benefit of Service</h1>
<p>Sed ut perspiciatis, unde omnis iste natu volupta temaccu santium doloremque laudantium, totam rem quae ab illo inventore veritatis.</p>
<ul>
<li>Clearance and compliance service</li>
<li>Saving Time to Deal with commodo iaculis</li>
<li>Automate your business elis tristique</li>
<li>Saving Time to Deal with commodo iaculis</li>
</ul>
</div>
</div>
<div class="benefit" style="width: 70%; margin: auto ;padding-top: 3rem;">
<div>
<h1>How It Works</h1>
<p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem <br> accusantium doloremque laudantium, totam rem aperiam eaque <br> ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, doloremque laudantium.</p>
<p>Sed ut perspiciatis, unde omnis iste natus error sit voluptatem <br> accusantium doloremque laudantium, totam rem aperiam eaque <br> ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, doloremque laudantium.</p>
</div>
<div><img style="width: 100%;" src="img/how it works image.png" alt="" srcset=""></div>
</div>
</div>
</section>
<!-- sections end -->
<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*">
<button> <a href="#">Send Now </a></button>
</div>
</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>
<!-- 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>