-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
461 lines (450 loc) · 27.8 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
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
<!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>Mobster</title>
<!-- Google Font Quicksand -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap"/>
<!-- Bootstrap v5.1.0 -->
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<!-- Awesome Free 6.0.0 -->
<link rel="stylesheet" href="css/all.min.css"/>
<!-- Link Swiper's CSS -->
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"/>
<!-- AOS -->
<link rel="stylesheet" href="css/aos.min.css">
<!-- Link CSS -->
<link rel="stylesheet" href="css/main.css"/>
<link rel="stylesheet" href="css/menu-mobile.css"/>
<link rel="stylesheet" href="css/media.css">
</head>
<body>
<!--* Navbar Mobile-->
<div class="window d-md-none">
<div class="header">
<div class="burger-container">
<div id="burger">
<div class="bar topBar"></div>
<div class="bar btmBar"></div>
<div class="bar btmBar"></div>
</div> <!-- ./burger -->
</div> <!-- ./burger-container -->
<div class="icon icon-apple">
<a class="text-decoration-none" href="index.html"> <img src="assets/images/logo-light.png" alt="Image Logo" draggable="false"/><span>Mobster</span></a>
</div>
<ul class="menu">
<li class="menu-item"><a href="index.html">Home</a></li>
<li class="menu-item"><a href="about.html">About</a></li>
<li class="menu-item"><a href="what's-new.html">What's New</a></li>
<li class="menu-item"><a href="blog.html">Blog</a></li>
<li class="menu-item"><a href="contact-us.html">Contact us</a></li>
<li class="menu-item"><button class="btn rounded-pill bg-dark"><a class="text-decoration-none fw-bold" href=""><i class="fa-solid fa-download"></i> Download Now</a></button></li>
</ul> <!-- ./menu -->
<div class="shop icon icon-bag"></div>
</div> <!-- ./header -->
</div> <!-- ./window -->
<!--* Navbar Desktop-->
<div class="navbar-header home navbar-expand fixed-top py-3 d-none d-md-block ">
<div class="container">
<div class="row align-items-center">
<div class="col-md-1">
<a href="/" class="barnd"><img height="40" src="assets/images/logo.png" alt="logo"/></a>
</div>
<div class="col-md-9">
<ul class="links list-unstyled d-flex gap-5 mb-0">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="what's-new.html">What's New</a></li>
<li><a href="contact-us.html">Contact</a></li>
</ul> <!-- ./links -->
</div>
<div class="col-md-2 text-end">
<div class="download">
<button class="btn rounded-pill bg-dark"><a class="text-decoration-none fw-bold" href=""><i class="fa-solid fa-download"></i> Download Now</a></button>
</div> <!-- ./download -->
</div>
</div> <!-- ./row -->
</div> <!-- ./container -->
</div> <!-- ./navbar -->
<!--* Main -->
<main class="main">
<div class="container">
<div class="row align-items-center g-5">
<div class="col-md-6">
<div class="text">
<div class="sub-title mb-2" data-aos="fade-up" data-aos-delay="100"><i class="fa-solid fa-earth-africa rounded-circle text-white text-center"></i> <span>#2 Editor Choice App of 2022</span></div>
<h1 class="title h1 fw-bolder" data-aos="fade-up" data-aos-delay="150">Manage your Finance easier</h1>
<p class="desc" data-aos="fade-up" data-aos-delay="200">Mobster has features to view and manage our finances, such as transfer, and statistics.</p>
<button class="btn b-primary rounded-pill" data-aos="fade-up" data-aos-delay="250"><a class="text-decoration-none text-white fw-bold" href="">Get App Now</a></button>
</div> <!-- ./text -->
</div>
<div class="col-md-6 text-center">
<div class="image" data-aos="fade-up" data-aos-delay="200">
<img class="floating-animate" src="assets/images/img-app-preview-1.png" alt="img-app-preview-1"/>
</div> <!-- ./image -->
</div>
</div> <!-- ./row -->
</div> <!-- ./container -->
</main> <!-- ./main -->
<!--* Clients -->
<div class="clients py-5">
<div class="container">
<div class="swiper clients-swiper pb-5 pb-md-0">
<div class="swiper-wrapper">
<div class="box swiper-slide" data-aos="fade-up" data-aos-delay="100">
<img src="assets/images/clients/img-alter-sport.png" alt="img-alter-sport"/>
</div> <!-- ./box -->
<div class="box swiper-slide" data-aos="fade-up" data-aos-delay="150">
<img src="assets/images/clients/img-cleaning-service.png" alt="img-cleaning-service"/>
</div> <!-- ./box -->
<div class="box swiper-slide" data-aos="fade-up" data-aos-delay="200">
<img src="assets/images/clients/img-creative-photo.png" alt="img-creative-photo"/>
</div> <!-- ./box -->
<div class="box swiper-slide" data-aos="fade-up" data-aos-delay="250">
<img src="assets/images/clients/img-global-tv.png" alt="img-global-tv"/>
</div> <!-- ./box -->
<div class="box swiper-slide" data-aos="fade-up" data-aos-delay="300">
<img src="assets/images/clients/img-net-sport-tv.png" alt="img-net-sport-tv"/>
</div> <!-- ./box -->
<div class="box swiper-slide" data-aos="fade-up" data-aos-delay="350">
<img src="assets/images/clients/img-news-digital-tv.png" alt="img-news-digital-tv"/>
</div> <!-- ./box -->
<div class="box swiper-slide" data-aos="fade-up" data-aos-delay="400">
<img src="assets/images/clients/img-spa-beauty.png" alt="img-spa-beauty"/>
</div> <!-- ./box -->
<div class="box swiper-slide" data-aos="fade-up" data-aos-delay="450">
<img src="assets/images/clients/img-trivier-group.png" alt="img-trivier-group"/>
</div> <!-- ./box -->
</div> <!-- ./swiper-wrapper -->
<div class="swiper-pagination d-md-none"></div>
</div> <!-- ./swiper -->
</div> <!-- ./container -->
</div> <!-- ./clients -->
<!--* Features -->
<div class="features py-5">
<div class="container py-5">
<div class="row align-items-center features-top">
<div class="col-md-6">
<div class="image text-center pb-5 pb-md-0">
<img src="assets/images/img-app-preview-2.png" alt="img-app-preview-2" data-aos="fade-up" data-aos-delay="100"/>
</div> <!-- ./image -->
</div>
<div class="col-md-6">
<div class="text">
<div class="feature d-flex gap-4" data-aos="fade-up" data-aos-delay="150">
<div class="icon" data-aos="fade-up" data-aos-delay="200">
<i class="fa-solid fa-cube cube"></i>
</div> <!-- ./icon -->
<div class="content">
<h3 class="title fw-bolder" data-aos="fade-up" data-aos-delay="250">Powerful Features</h3>
<p class="desc" data-aos="fade-up" data-aos-delay="300">As a Publish Free plan user, you’re able to create one custom schedule per platform which will help you optimize timing as a whole. As a Publish Pro plan user – $15/month (and all plans above) you can create as many schedules as you’d like for each profile: a schedule for weekdays, one for weekends.</p>
</div> <!-- ./content -->
</div> <!-- ./feature -->
<div class="feature d-flex gap-4" data-aos="fade-up" data-aos-delay="150">
<div class="icon" data-aos="fade-up" data-aos-delay="200">
<i class="fa-solid fa-shield shield"></i>
</div> <!-- ./icon -->
<div class="content">
<h3 class="title fw-bolder" data-aos="fade-up" data-aos-delay="250">Fully Secured</h3>
<p class="desc" data-aos="fade-up" data-aos-delay="300">means, with respect to any Undrawn L/C Obligations as of any date, that, on or before such date, such Undrawn L/C Obligations shall have been secured by the grant to, or for the benefit of, the relevant Issuing Lender by the Company of a first priority, perfected security interes.</p>
</div> <!-- ./content -->
</div> <!-- ./feature -->
<div class="feature d-flex gap-4" data-aos="fade-up" data-aos-delay="150">
<div class="icon" data-aos="fade-up" data-aos-delay="200">
<i class="fa-solid fa-desktop desktop"></i>
</div> <!-- ./icon -->
<div class="content">
<h3 class="title fw-bolder" data-aos="fade-up" data-aos-delay="250">Easy Monitoring</h3>
<p class="desc" data-aos="fade-up" data-aos-delay="300">a powerful platform that connects organisations and individuals operating within the highly regulated Financial Services Industry. Easy Monitor will expand your business profit margins through operational efficiency, and reduce your group risk with dashboard oversight and alerts that report on your licensed people’s performance across a range of measures.</p>
</div> <!-- ./content -->
</div> <!-- ./feature -->
</div> <!-- ./text -->
</div>
</div> <!-- ./row -->
<div class="row align-items-center features-bottom mt-5">
<div class="col-md-6">
<div class="text">
<h2 class="title h1 fw-bold" data-aos="fade-up" data-aos-delay="100">Ecommerce business opperate easilly</h2>
<p class="desc mt-4" data-aos="fade-up" data-aos-delay="150">The fashion industry is one of the biggest, yet most challenging industries impacted by hundreds of factors, including economic uncertainties and digital transformation. In response to this new digital wave, consumer expectations have reached an all-time high. Shoppers are no longer content with the simple purchase transaction; they want to have an experience attached to it. For fashion brands, this means that they have to become digitally savvy to be successful.</p>
<button class="btn btn-outline-primary rounded-pill mt-2 px-4 py-2" data-aos="fade-up" data-aos-delay="200"><a class="text-decoration-none" href="">How it Works</a></button>
</div> <!-- ./text -->
</div>
<div class="col-md-6">
<div class="image text-center pt-5 pt-md-0">
<img src="assets/images/img-app-preview-3.png" alt="img-app-preview-3" data-aos="fade-up" data-aos-delay="100"/>
</div> <!-- ./image -->
</div>
</div> <!-- ./row -->
</div> <!-- ./container -->
</div> <!-- ./features -->
<!--* Why Choose -->
<div class="why-choose py-5 text-white text-center">
<div class="container">
<h2 class="title fw-bolder" data-aos="fade-up" data-aos-delay="100">Why Choose Mobster</h2>
<div class="row mt-5">
<div class="col-md-4">
<div class="box" data-aos="fade-right" data-aos-delay="100">
<div class="icon" data-aos="fade-up" data-aos-delay="100">
<img src="assets/images/why-choose/icon-rocket.svg" alt="icon-rocket"/>
</div> <!-- ./icon -->
<div class="info mt-3">
<h3 class="name fw-bold text-uppercase mb-0" data-aos="fade-up" data-aos-delay="150">Very Fast</h3>
<p class="desc mt-0" data-aos="fade-up" data-aos-delay="200">very fast - in a relatively short time; "she finished the assignment in no time". in no time. Based on WordNet 3.0, Farlex clipart collection.</p>
</div> <!-- ./info -->
</div> <!-- ./box -->
</div>
<div class="col-md-4">
<div class="box" data-aos="fade-up" data-aos-delay="100">
<div class="icon" data-aos="fade-up" data-aos-delay="100">
<img src="assets/images/why-choose/icon-testimony.svg" alt="icon-testimony"/>
</div> <!-- ./icon -->
<div class="info mt-3">
<h3 class="name fw-bold text-uppercase mb-0" data-aos="fade-up" data-aos-delay="150">Happy Client</h3>
<p class="desc mt-0" data-aos="fade-up" data-aos-delay="200">Very fast - in a relatively short time; "she finished the assignment in no time". in no time. Based on WordNet 3.0, Farlex clipart collection.</p>
</div> <!-- ./info -->
</div> <!-- ./box -->
</div>
<div class="col-md-4">
<div class="box" data-aos="fade-left" data-aos-delay="100">
<div class="icon" data-aos="fade-up" data-aos-delay="100">
<img src="assets/images/why-choose/icon-promotion.svg" alt="icon-testimony"/>
</div> <!-- ./icon -->
<div class="info mt-3">
<h3 class="name fw-bold text-uppercase mb-0" data-aos="fade-up" data-aos-delay="150">VFree Ads</h3>
<p class="desc mt-0" data-aos="fade-up" data-aos-delay="200">Tracking-based online advertising enables the ad industry to manipulate the public debate through micro-targeted messages that follow people across.</p>
</div> <!-- ./info -->
</div> <!-- ./box -->
</div>
<div class="col-md-4 mt-4">
<div class="box" data-aos="fade-right" data-aos-delay="100">
<div class="icon" data-aos="fade-up" data-aos-delay="100">
<img src="assets/images/why-choose/icon-coins.svg" alt="icon-coins"/>
</div> <!-- ./icon -->
<div class="info mt-3">
<h3 class="name fw-bold text-uppercase mb-0" data-aos="fade-up" data-aos-delay="150">Save Money</h3>
<p class="desc mt-0" data-aos="fade-up" data-aos-delay="200">Simple ways to save money · Separate and automate your savings · Look for ways to reduce spending · Have a savings plan · Set a savings goal · Pay off some debt.</p>
</div> <!-- ./info -->
</div> <!-- ./box -->
</div>
<div class="col-md-4 mt-4">
<div class="box" data-aos="fade-up" data-aos-delay="100">
<div class="icon" data-aos="fade-up" data-aos-delay="100">
<img src="assets/images/why-choose/icon-support.svg" alt="icon-support"/>
</div> <!-- ./icon -->
<div class="info mt-3">
<h3 class="name fw-bold text-uppercase mb-0" data-aos="fade-up" data-aos-delay="150">24/7 Support</h3>
<p class="desc mt-0" data-aos="fade-up" data-aos-delay="200">That's why we are here to support you. We provide high-quality services all around the world with personal assistance through our 24/7 service for all.</p>
</div> <!-- ./info -->
</div> <!-- ./box -->
</div>
<div class="col-md-4 mt-4">
<div class="box" data-aos="fade-left" data-aos-delay="100">
<div class="icon" data-aos="fade-up" data-aos-delay="100">
<img src="assets/images/why-choose/icon-laptop.svg" alt="icon-laptop"/>
</div> <!-- ./icon -->
<div class="info mt-3">
<h3 class="name fw-bold text-uppercase mb-0" data-aos="fade-up" data-aos-delay="150">Very Fast</h3>
<p class="desc mt-0" data-aos="fade-up" data-aos-delay="200">Full Features Landscape & Garden center. Your year-round, family-owned garden center ~ creating beautiful lawns, gardens and outdoor spaces in Platte County.</p>
</div> <!-- ./info -->
</div> <!-- ./box -->
</div>
</div> <!-- ./row -->
</div> <!-- ./container -->
</div> <!-- ./why-choose -->
<!--* pricing -->
<div class="pricing py-md-5">
<div class="container py-md-5 py-4">
<div class="row align-items-center">
<div class="col-md-5">
<div class="info">
<h2 class="title fw-bolder" data-aos="fade-up" data-aos-delay="100">Pricing Plan</h2>
<p class="desc my-3 text-black-50" data-aos="fade-up" data-aos-delay="150">Shopify offers competitive rates and pricing plans to help you find one that fits the needs and budget of your business. Plan includes 10,000 contacts. Select your audience size to calculate your price. The monthly email send limit for Premium plans is 15 times your maximum.
Explore Google Workspace pricing plans starting as low as $6 per user per month with flexible costs for apps like Gmail, Docs, Meet, and more. Discover Yotpo's newest plans and pricing options.
</p> <!-- ./desc -->
<button class="btn btn-gradient rounded-pill" data-aos="fade-up" data-aos-delay="200"><i class="fa-solid fa-phone"></i><a href="" class="ps-1 pe-2 text-decoration-none text-white">Custom Plan</a></button>
</div> <!-- ./info -->
</div>
<div class="col-md-7">
<div class="pricing-table position-relative d-md-flex justify-content-md-center flex-md-nowrap">
<div class="plan-item active" data-aos="fade-right" data-aos-delay="100">
<div class="plan-header">
<h3 class="name h4" data-aos="fade-up" data-aos-delay="100">Business Plan</h3>
<h4 class="price h1 fw-bolder" data-aos="fade-up" data-aos-delay="150">$49.00</h4>
</div> <!-- ./plan-header -->
<div class="plan-body py-4">
<ul class="list-unstyled mb-4">
<li data-aos="fade-up" data-aos-delay="100"><i class="fa-solid fa-circle-check fa-lg"></i>Push Notification</li>
<li data-aos="fade-up" data-aos-delay="150"><i class="fa-solid fa-circle-check fa-lg"></i>Unlimited Bandwith</li>
<li data-aos="fade-up" data-aos-delay="200"><i class="fa-solid fa-circle-check fa-lg"></i>Realtime Database</li>
<li data-aos="fade-up" data-aos-delay="250"><i class="fa-solid fa-circle-check fa-lg"></i>Monthly Backup</li>
<li data-aos="fade-up" data-aos-delay="300"><i class="fa-solid fa-circle-check fa-lg"></i>24/7 Support</li>
</ul>
<button class="btn p-2 btn-dark rounded-3" data-aos="fade-up" data-aos-delay="350"><a class="text-decoration-none text-white" href="">Choose Plan</a></button>
</div> <!-- ./plan-body -->
</div> <!-- ./plan-item -->
<div class="plan-item" data-aos="fade-left" data-aos-delay="100">
<div class="plan-header">
<h3 class="name h4" data-aos="fade-up" data-aos-delay="100">Starter Plan</h3>
<h4 class="price h1 fw-bolder" data-aos="fade-up" data-aos-delay="100">$24.00</h4>
</div> <!-- ./plan-header -->
<div class="plan-body py-4">
<ul class="list-unstyled mb-4">
<li data-aos="fade-up" data-aos-delay="100"><i class="fa-solid fa-circle-check fa-lg"></i>Push Notification</li>
<li data-aos="fade-up" data-aos-delay="150"><i class="fa-solid fa-circle-check fa-lg"></i>Unlimited Bandwith</li>
<li data-aos="fade-up" data-aos-delay="200"><i class="fa-solid fa-circle-check fa-lg"></i>Realtime Database</li>
<li data-aos="fade-up" data-aos-delay="250"><i class="fa-solid fa-circle-check fa-lg"></i>Monthly Backup</li>
<li data-aos="fade-up" data-aos-delay="300"><i class="fa-solid fa-circle-check fa-lg"></i>24/7 Support</li>
</ul>
<button class="btn p-2 btn-dark"data-aos="fade-up" data-aos-delay="350"><a class="text-decoration-none text-white" href="">Choose Plan</a></button>
</div> <!-- ./plan-body -->
</div> <!-- ./plan-item -->
</div> <!-- ./pricing-table -->
</div>
</div> <!-- ./row -->
</div> <!-- ./container -->
</div> <!-- ./pricing -->
<!--* Customer Stories -->
<div class="customer-stories position-relative bg-image-overlay-dark text-white py-md-5">
<div class="container position-relative py-5">
<div class="col-md-6">
<div class="text">
<h2 class="title fw-bold mb-4" data-aos="fade-up" data-aos-delay="100">Customer Stories</h2>
<q class="desc" data-aos="fade-up" data-aos-delay="150">"First, they help reassure them that Help Scout is indeed a good fit for their business and use case — they’re evaluating a few solutions in the space, so seeing specific use cases really helps them visualize the solution for their business. Second, they give them a leg to stand on when pitching the idea to other stakeholders. Third, learning how others have solved problems with Help Scout gives them a framework on how to approach getting started."</q>
<small class="d-block fst-italic fw-bolder text-primary fs-6 mt-3" data-aos="fade-up" data-aos-delay="200"><i class="fa-solid fa-quote-left fa-lg"></i> John Doe, UI Designer <i class="fa-solid fa-quote-right fa-lg"></i></small>
<button class="btn btn-outline-light rounded-pill mt-5 p-2 px-3" data-aos="fade-up" data-aos-delay="250"> <a class="text-decoration-none" href="">Read Stories <i class="fa-solid fa-angle-right"></i></a></button>
</div> <!-- ./text -->
</div>
</div> <!-- ./container -->
</div> <!-- ./customer-stories -->
<!--* Contact us -->
<div class="contact-us py-5">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6">
<div class="image" data-aos="fade-right" data-aos-delay="100">
<img src="assets/images/img-contact.svg" alt="img-contact"/>
</div>
</div> <!-- ./image -->
<div class="col-md-6">
<h2 class="h1 fw-bold text-black-50" data-aos="fade-up" data-aos-delay="100">
Need a help?
<br/>
Don't worry just<br/> contact us
</h2>
<form class="form mt-4">
<div class="form-group mb-2" data-aos="fade-up" data-aos-delay="100">
<label for="full-name">FullName <span class="required">*</span></label>
<input class="form-control" type="text" name="full-name" id="full-name"/>
</div> <!-- ./form-group -->
<div class="form-group mb-2" data-aos="fade-up" data-aos-delay="150">
<label for="email">Email <span class="required">*</span></label>
<input class="form-control" type="text" name="email" id="email"/>
</div> <!-- ./form-group -->
<div class="form-group mb-2" data-aos="fade-up" data-aos-delay="200">
<label for="message">Message <span class="required">*</span></label>
<textarea class="form-control" rows="6" name="message" id="message"></textarea>
</div> <!-- ./form-group -->
<div class="form-group mt-4" data-aos="fade-up" data-aos-delay="250">
<button class="btn b-primary text-white" type="submit"><i class="fa-solid fa-paper-plane me-2"></i> Send Message</button>
</div> <!-- ./form-group -->
</form> <!-- ./form -->
</div>
</div> <!-- ./row -->
</div> <!-- ./container -->
</div> <!-- ./contact-us -->
<!--* Footer -->
<footer class="footer py-md-5 py-4">
<div class="container">
<div class="row">
<div class="col-md-2">
<h3 class="text-white h4 fw-bold mb-3">Pages</h3>
<ul class="links list-unstyled">
<li><a href="">Features</a></li>
<li><a href="">Customers</a></li>
<li><a href="">Pricing</a></li>
<li><a href="">GDPR</a></li>
</ul> <!-- ./links -->
</div>
<div class="col-md-2">
<h3 class="text-white h4 fw-bold mb-3">Company</h3>
<ul class="links list-unstyled">
<li><a href="">About</a></li>
<li><a href="">Team</a></li>
<li><a href="">Leadership</a></li>
<li><a href="">Careers</a></li>
<li><a href="">HIRING!</a></li>
<li><a href="">GDPR</a></li>
</ul> <!-- ./links -->
</div>
<div class="col-md-3">
<h3 class="text-white h4 fw-bold mb-3">Contact</h3>
<ul class="links list-unstyled">
<li><a href="">Contact Us</a></li>
<li><a href="">Office Location</a></li>
<li><a href="mailto:[email protected]">[email protected]</a></li>
<li><a href="mailto:[email protected]">[email protected]</a></li>
<li><a href="tel:+808 11233 900">+808 11233 900</a></li>
</ul> <!-- ./links -->
</div>
<div class="col-md-5">
<div class="subscribe">
<h3 class="text-white h4 fw-bold mb-3">Subscribe</h3>
<p class="desc text-white-50">Get some offers, news, or update features of application</p>
<form class="form">
<div class="input-group form-group mb-3">
<input type="email" class="form-control" placeholder="Your email...." aria-label="email">
<button type="submit" class="btn b-primary text-white" id="basic-addon1"><i class="fa-solid fa-paper-plane"></i></button>
</div>
</form> <!-- ./form -->
<ul class="social-links list-unstyled d-flex justify-content-center align-items-center gap-4">
<li><i class="fa-brands fa-facebook-f"></i></li>
<li><i class="fa-brands fa-linkedin-in"></i></li>
<li><i class="fa-brands fa-google-pay"></i></li>
<li><i class="fa-brands fa-twitter"></i></li>
<li class="d-none d-md-block"><i class="fa-brands fa-instagram"></i></li>
<li><i class="fa-brands fa-whatsapp"></i></li>
</ul> <!-- ./social-links -->
</div> <!-- ./subscribe -->
</div>
</div> <!-- ./row -->
</div> <!-- ./container -->
</footer> <!-- ./footer -->
<!--* CopyRight -->
<div class="copyright pt-3 text-white">
<div class="container">
<div class="row">
<div class="col-md-5 d-flex align-items-center gap-2 order-last order-md-0">
<img src="assets/images/logo-light.png" alt="logo-light"/>
<p class="mb-0">Copyright © 2022 <strong> MACode ID</strong>. All rights reserved</p>
</div>
<div class="col-md-7">
<ul class="links-policy list-unstyled d-flex gap-3 justify-content-end order-first order-md-0">
<li><a href="">Terms of Use</a></li>
<li><a href="">Privacy Policy</a></li>
<li><a href="">Cookie Policy</a></li>
</ul>
</div>
</div>
</div> <!-- ./container -->
</div> <!-- ./copyright -->
<!--* start Scroll Top -->
<div id="scroll-top">
<i class="fas fa-level-up-alt fa-fw"></i>
</div> <!-- #/scroll-top -->
<!--* Start Loading -->
<div class="loading-overlay">
<div class="spinner">
<div class="cube1"></div>
<div class="cube2"></div>
</div> <!-- ./spinner -->
</div> <!-- ./loading-overlay -->
<script src="js/jquery-3.5.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script src="js/aos.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>