-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
451 lines (426 loc) · 23.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Metadata -->
<meta charset="utf-8" />
<meta
name="description"
content="Mitra Global Jasa - Kursus Mengemudi Profesional dan Biro Jasa Terpercaya. Nikmati layanan kursus mengemudi terbaik yang di dampingi oleh instruktur profesional dan berbagai biro jasa terpercaya untuk membantu memenuhi kebutuhan Anda."
/>
<meta name="keywords" content="mitra, global, mitra global jasa, sekolah mengemudi, sekolah mengemudi bekasi, kursus, kursus mengemudi, belajar mengemudi, belajar mobil, stir mobil, biro, biro jasa" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous" />
<!-- Google Font -->
<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=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet" />
<!-- Custom CSS -->
<link rel="stylesheet" href="./css/mycss.css" />
<!-- Icon Website -->
<link rel="icon" href="./assets/logo.webp" />
<!-- AOS -->
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet" />
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/079c176a73.js" crossorigin="anonymous"></script>
<title>Kursus Mengemudi dan Biro Jasa Terbaik di Bekasi - PT Mitra Global Jasa</title>
</head>
<body>
<script src="js/main.js"></script>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-bg-white border-bottom shadow-sm nav py-3 fixed-top">
<div class="container">
<a class="navbar-brand fw-bold" href="#">Mitra Global.</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav ms-auto gap-4">
<a class="nav-link text-blue" href="#hero">Home</a>
<a class="nav-link text-blue" href="#kursus-mengemudi">Kursus</a>
<a class="nav-link text-blue" href="#biro-jasa">Biro</a>
<a class="nav-link text-blue" href="#lokasi-kami">Lokasi</a>
</div>
</div>
</div>
</nav>
<!-- End Navbar -->
<!-- Hero -->
<section id="hero">
<div class="container d-flex">
<div class="row align-items-center hero-container">
<div class="col-md-7">
<h1 class="fw-bold hero-title text-blue" data-aos="fade-right" data-aos-duration="500">PT Mitra Global Jasa</h1>
<p class="fs-5 hero-desc" data-aos="fade-right" data-aos-duration="700">
Kami memiliki instruktur yang profesional untuk membantu Anda agar fasih dalam mengendarai mobil. Selain itu, kami juga melayani berbagai jasa seperti perpanjangan STNK, mutasi, dan lain sebagainya.
</p>
<h4 class="fst-italic text-blue fs-3" data-aos="fade-right" data-aos-duration="900">~ Berani Mencoba Pasti Bisa</h4>
</div>
<div class="col-sm-5 d-flex logo-brand-container">
<img src="./assets/logo.webp" class="img-fluid img-brand" width="420" alt="brand" data-aos="zoom-in" data-aos-duration="900" />
</div>
</div>
</div>
</section>
<!-- End Hero -->
<!-- Kursus Mengemudi -->
<section id="kursus-mengemudi">
<div class="container py-5">
<div class="row text-center">
<div class="col">
<h1 class="sec-title fw-bold text-blue pb-5" data-aos="fade-down" data-aos-duration="700">Kursus <span class="text-grey">Mengemudi</span></h1>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-6 col-lg-4 col-xl-3 col-11 mb-4">
<div data-aos="fade-right" data-aos-duration="800">
<div class="card red-card shadow-sm py-4 align-items-center rounded-4 gap-4">
<img src="./assets/icon-stir-melancarkan.svg" alt="Icon Melancarkan" class="steer my-2" />
<div class="card-title h5 bg-label-red text-red px-3 py-2 rounded-3">Melancarkan</div>
<div class="harga-stir fw-600 fs-3 border-bottom border-dark-subtle pb-4">Rp. 900.000</div>
<div class="desc-stir text-red mb-2"><b>6x</b> Pertemuan/1 Jam</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 col-xl-3 col-11 mb-4">
<div data-aos="fade-up" data-aos-duration="800">
<div class="card orange-card shadow-sm py-4 align-items-center rounded-4 gap-4">
<img src="./assets/icon-stir-pemula.svg" alt="Icon Pemula" class="steer my-2" />
<div class="card-title h5 bg-label-orange text-orange px-3 py-2 rounded-3">Pemula</div>
<div class="harga-stir fw-600 fs-3 border-bottom border-dark-subtle pb-4">Rp. 1.160.000</div>
<div class="desc-stir text-orange mb-2"><b>8x</b> Pertemuan/1 Jam</div>
</div>
</div>
</div>
<div class="col-md-12 col-lg-4 col-xl-3 col-11 mb-4">
<div data-aos="fade-left" data-aos-duration="800">
<div class="card green-card shadow-sm py-4 align-items-center rounded-4 gap-4">
<img src="./assets/icon-stir-extra.svg" alt="Icon Melancarkan" class="steer my-2" />
<div class="card-title h5 bg-label-green text-green px-3 py-2 rounded-3">Extra</div>
<div class="harga-stir fw-600 fs-3 border-bottom border-dark-subtle pb-4">Rp. 1.350.000</div>
<div class="desc-stir text-green mb-2"><b>6x</b> Pertemuan/1.5 Jam</div>
</div>
</div>
</div>
</div>
</div>
<!-- Catatan -->
<div class="container pb-5 container-list-cat" data-aos="fade-right" data-aos-duration="800">
<div class="row list-font cat-item">
<div class="col-md-7 col-lg-6 col-xl-5 col-12">
<img src="./assets/icon-check.svg" alt="icon check" class="float-start pe-2" />
<p class="desc-cat">Uang Pendaftaran</p>
</div>
<div class="col-md-4 col-xl-2 col-12">
<p class="fw-700 text-blue harga-cat">Rp. 50.000</p>
</div>
</div>
<div class="row list-font cat-item">
<div class="col-md-7 col-lg-6 col-xl-5 col-12">
<img src="./assets/icon-check.svg" alt="icon check" class="float-start pe-2" />
<p class="desc-cat">Tambahan 1 Jam Belajar</p>
</div>
<div class="col-md-4 col-xl-2 col-12">
<p class="fw-700 text-blue harga-cat">Rp. 130.000</p>
</div>
</div>
<div class="row list-font cat-item">
<div class="col-md-7 col-lg-6 col-xl-5 col-12">
<img src="./assets/icon-check.svg" alt="icon check" class="float-start pe-2" />
<p class="desc-cat">Tambahan 1.5 Jam Belajar</p>
</div>
<div class="col-md-4 col-xl-2 col-12">
<p class="fw-700 text-blue harga-cat">Rp. 155.000</p>
</div>
</div>
<div class="row list-font cat-item">
<div class="col-md-7 col-lg-6 col-xl-5 col-12">
<img src="./assets/icon-check.svg" alt="icon check" class="float-start pe-2" />
<p class="desc-cat">Tambahan 1 Jam Belajar Mobil Matic</p>
</div>
<div class="col-md-4 col-xl-2 col-12">
<p class="fw-700 text-blue harga-cat">Rp. 150.000</p>
</div>
</div>
<div class="row list-font cat-item">
<div class="col-md-7 col-lg-6 col-xl-5 col-12">
<img src="./assets/icon-check.svg" alt="icon check" class="float-start pe-2" />
<p class="desc-cat">Jasa Pembuatan SIM A BKS</p>
</div>
<div class="col-md-4 col-xl-2 col-12">
<p class="fw-700 text-blue harga-cat">Rp. 850.000</p>
</div>
</div>
<div class="row list-font cat-item">
<div class="col-md-7 col-lg-6 col-xl-5 col-12">
<img src="./assets/icon-check.svg" alt="icon check" class="float-start pe-2" />
<p class="desc-cat">Paket Privat Full Antar Jemput</p>
</div>
</div>
</div>
<!-- End Catatan -->
</section>
<!-- End Kursus Mengemudi -->
<!-- Biro Jasa -->
<section id="biro-jasa">
<div class="container py-5">
<div class="row text-center">
<div class="col">
<h1 class="sec-title fw-bold text-blue" data-aos="fade-down" data-aos-duration="700">Biro <span class="text-grey">Jasa</span></h1>
<p class="paragraf pb-4 fw-500" data-aos="fade-down" data-aos-duration="1100">Kami melayani antar jemput dokumen sekota Bekasi</p>
</div>
</div>
<div class="row text-center justify-content-center mb-lg-2">
<div class="col-lg-4 col-xl-3 col-11 mb-3">
<div data-aos="fade-up" data-aos-duration="500">
<div class="card card-biro border-left-blue py-4 shadow-sm rounded-3">
<p class="card-text text-blue biro-text fw-500">Pengurusan SIM A dan C</p>
<div class="detail">
<p>1. Minimal berusia 17 tahun.</p>
<p>2. Melampirkan fotocopy KTP.
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-xl-3 col-11 mb-3">
<div data-aos="fade-up" data-aos-duration="1000">
<div class="card card-biro border-left-blue py-4 shadow-sm rounded-3">
<p class="card-text text-blue biro-text fw-500">Perpanjangan STNK</p>
<div class="detail">
<p>1. Minimal berusia 17 tahun.</p>
<p>2. Membawa STNK kendaraan yang akan diperpanjang.</p>
<p>3. Melampirkan fotokopi KTP pemilik kendaraan.</p>
<p>4. Menyertakan BPKB kendaraan yang masih berlaku.</p>
<p>5. Membayar biaya administrasi yang ditetapkan.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-xl-3 col-11 mb-3">
<div data-aos="fade-up" data-aos-duration="1500">
<div class="card card-biro border-left-blue py-4 shadow-sm rounded-3">
<p class="card-text text-blue biro-text fw-500">Proses BBN STNK</p>
<div class="detail">
<p>1. Calon pemilik minimal berusia 17 tahun sesuai dengan peraturan yang berlaku.</p>
<p>2. Menunjukkan STNK kendaraan yang masih berlaku untuk proses pengurusan BBN.</p>
<p>3. Melampirkan BPKB asli kendaraan yang akan dilakukan proses BBN.</p>
<p>4. KTP asli pemilik baru atau tujuan, beserta fotokopinya untuk proses administrasi.</p>
<p>5. Menggunakan materai seharga Rp 10.000 untuk legalitas dokumen.</p>
<p>6. Melakukan cek fisik untuk memastikan kecocokan data.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row text-center justify-content-center mb-lg-2">
<div class="col-lg-4 col-xl-3 col-11 mb-3">
<div data-aos="fade-up" data-aos-duration="500">
<div class="card card-biro border-left-blue py-4 shadow-sm rounded-3">
<p class="card-text text-blue biro-text fw-500">Prosedur Pindah Alamat</p>
<div class="detail">
<p>1. Melampirkan STNK kendaraan yang masih berlaku untuk proses pengurusan </p>
<p>2. Melampirkan BPKB asli kendaraan yang akan dilakukan proses .</p>
<p>3. KTP asli pemilik baru atau tujuan, beserta fotokopinya untuk proses administrasi.</p>
<p>4. Melakukan cek fisik kendaraan untuk memastikan kecocokan data.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-xl-3 col-11 mb-3">
<div data-aos="fade-up" data-aos-duration="1000">
<div class="card card-biro border-left-blue py-4 shadow-sm rounded-3">
<p class="card-text text-blue biro-text fw-500">Mutasi Antar Samsat</p>
<div class="detail">
<p>1. Calon pemilik minimal berusia 17 tahun sesuai dengan peraturan yang berlaku.</p>
<p>2. Menunjukkan STNK kendaraan yang masih berlaku untuk proses pengurusan BBN.</p>
<p>3. Melampirkan BPKB asli kendaraan yang akan dilakukan proses BBN.</p>
<p>4. KTP asli pemilik baru atau tujuan, beserta fotokopinya untuk proses administrasi.</p>
<p>5. Menggunakan materai seharga Rp 10.000 untuk legalitas dokumen.</p>
<p>6. Melakukan cek fisik untuk memastikan kecocokan data.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-xl-3 col-11 mb-3">
<div data-aos="fade-up" data-aos-duration="1500">
<div class="card card-biro border-left-blue py-4 shadow-sm rounded-3">
<p class="card-text text-blue biro-text fw-500">Mutasi Luar Daerah</p>
<div class="detail">
<p>1. Calon pemilik minimal berusia 17 tahun sesuai dengan peraturan yang berlaku.</p>
<p>2. Menunjukkan STNK kendaraan yang masih berlaku untuk proses pengurusan BBN.</p>
<p>3. Melampirkan BPKB asli kendaraan yang akan dilakukan proses BBN.</p>
<p>4. KTP asli pemilik baru atau tujuan, beserta fotokopinya untuk proses administrasi.</p>
<p>5. Menggunakan materai seharga Rp 10.000 untuk legalitas dokumen.</p>
<p>6. Melakukan cek fisik kendaraan untuk memastikan kecocokan data.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row text-center justify-content-center mb-lg-2">
<div class="col-lg-4 col-xl-3 col-11 mb-3">
<div data-aos="fade-up" data-aos-duration="500">
<div class="card card-biro border-left-blue py-4 shadow-sm rounded-3">
<p class="card-text text-blue biro-text fw-500">Ganti Nopol</p>
<div class="detail">
<p>1. Melampirkan STNK kendaraan yang masih berlaku untuk proses pengurusan </p>
<p>2. Melampirkan BPKB asli kendaraan yang akan dilakukan proses </p>
<p>3. KTP asli pemilik baru atau tujuan, beserta fotokopinya untuk proses administrasi.</p>
<p>4. Melakukan cek fisik kendaraan untuk memastikan kecocokan data.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-xl-3 col-11 mb-3">
<div data-aos="fade-up" data-aos-duration="1000">
<div class="card card-biro border-left-blue py-4 shadow-sm rounded-3">
<p class="card-text text-blue biro-text fw-500">Proses STNK Hilang</p>
<div class="detail">
<p>1. Melampirkan STNK kendaraan yang masih berlaku untuk proses pengurusan </p>
<p>2. Melampirkan BPKB asli kendaraan yang akan dilakukan proses </p>
<p>3. KTP asli pemilik baru atau tujuan, beserta fotokopinya untuk proses administrasi.</p>
<p>4. Melakukan cek fisik kendaraan untuk memastikan kecocokan data.</p>
<p>
6. LAPORAN KEPOLISIAN</p>
</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-xl-3 col-11 mb-3">
<div data-aos="fade-up" data-aos-duration="1500">
<div class="card card-biro border-left-blue py-4 shadow-sm rounded-3">
<p class="card-text text-blue biro-text fw-500">Proses Rubah Bentuk</p>
<div class="detail">
<p>1. Melampirkan STNK kendaraan yang masih berlaku untuk proses pengurusan</p>
<p>2. Melampirkan BPKB asli kendaraan yang akan dilakukan proses </p>
<p>3. KTP asli pemilik baru atau tujuan, beserta fotokopinya untuk proses administrasi.</p>
<p>4. Melakukan cek fisik kendaraan untuk memastikan kecocokan data.</p>
<p>5. Menyediakan surat keterangan resmi dari bengkel yang mencakup informasi detail terkait.</p>
<p>6. Melampirkan identitas lengkap bengkel, termasuk NPWP (Nomor Pokok Wajib Pajak) dan semua perizinan berusaha yang relevan.</p>
<p>7. Menyertakan surat uji tipe kendaraan yang valid.</p>
</div>
</div>
</div>
</div>
</div>
<div class="row text-center justify-content-center mb-lg-2">
<div class="col-lg-4 col-xl-3 col-11 mb-3">
<div data-aos="fade-up" data-aos-duration="500">
<div class="card card-biro border-left-blue py-4 shadow-sm rounded-3">
<p class="card-text text-blue biro-text fw-500">Proses Ganti Warna</p>
<div class="detail">
<p>1. Melampirkan STNK kendaraan yang masih berlaku untuk proses pengurusanl</p>
<p>2. Melampirkan BPKB asli kendaraan yang akan dilakukan proses</p>
<p>3. KTP asli pemilik baru atau tujuan, beserta fotokopinya untuk proses administrasi.</p>
<p>4. Melakukan cek fisik kendaraan untuk memastikan kecocokan data.</p>
<p>5. Menyediakan surat keterangan dari bengkel terkait.</p>
<p>6. Melampirkan identitas bengkel yang mencakup NPWP (Nomor Pokok Wajib Pajak) dan perizinan berusaha yang sah.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-xl-3 col-11 mb-3">
<div data-aos="fade-up" data-aos-duration="1000">
<div class="card card-biro border-left-blue py-4 shadow-sm rounded-3">
<p class="card-text text-blue biro-text fw-500">Proses BPKB</p>
<div class="detail">
<p>1. Calon pelamar minimal berusia 17 tahun.</p>
<p>2. Menyertakan salinan pajak atau copy STNK kendaraan.</p>
<p>3. Melampirkan salinan KTP.</p>
<p>4. Proses akan mencakup pengecekan fisik kendaraan.</p>
<p>5. Diperlukan materai untuk penggantian buku kendaraan.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-xl-3 col-11 mb-3">
<div data-aos="fade-up" data-aos-duration="1500">
<div class="card card-biro border-left-blue py-4 shadow-sm rounded-3">
<p class="card-text biro-text text-blue fw-500">Dan Sebagainya</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Biro Jasa -->
<!-- Lokasi Kami -->
<section id="lokasi-kami">
<div class="container py-5">
<div class="row text-center">
<div class="col">
<h1 class="sec-title fw-bold text-blue mb-5" data-aos="fade-down" data-aos-duration="700">Lokasi <span class="text-grey">Kami</span></h1>
</div>
</div>
<div class="row text-center">
<div class="col">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d31726.985429049608!2d106.97702582361737!3d-6.280398759074757!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e698dfae6bce9eb%3A0xaad1564147e332a4!2sMitra%20global%20jasa%20dan%20stir%20mobil!5e0!3m2!1sid!2sid!4v1680226264426!5m2!1sid!2sid"
width="90%"
height="500px"
style="border-radius: 8px"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
title="Mitra Global"
></iframe>
</div>
</div>
</div>
</section>
<!-- End Hubungi Kami -->
<!-- Footer -->
<footer class="text-center text-lg-start text-white">
<div class="container p-4 pb-0">
<div class="row">
<div class="col-md-6 col-lg-4 col-xl-4 mx-auto mt-3">
<h6 class="mb-4 fw-600 fs-5">Alamat</h6>
<p>JL. Sakura blok R9/12 Ruko Palazo Mutiara Gading Timur, Kec. Mustika Jaya, Kab. Bekasi, Prov. Jawa Barat 17158</p>
</div>
<hr class="w-100 clearfix d-md-none" />
<div class="col-md-6 col-lg-4 col-xl-4 mx-auto mt-3">
<h6 class="mb-4 fw-600 fs-5">Kontak</h6>
<p><i class="fa-solid fa-envelope foo-icon"></i><a href="mailto:[email protected]" class="item-kontak-footer">[email protected]</a></p>
<p><i class="fa-solid fa-phone foo-icon"></i><a href="https://api.whatsapp.com/send?phone=628111880970" target="_blank" class="item-kontak-footer">+62 811 1880 970</a></p>
</div>
</div>
<hr class="my-3" />
<section class="p-3 pt-0">
<div class="row d-flex align-items-center">
<div class="col-md-8 col-lg-9 text-center text-md-start">
<div class="p-3">
© 2023
<a class="text-white" href="#">Mitra Global Jasa.</a>
All rights reserved.
</div>
</div>
<div class="col-md-4 col-lg-3 ml-lg-0 text-center text-md-end">
<a href="https://web.facebook.com/profile.php?id=100090410468478" target="_blank" class="btn btn-outline-light btn-floating m-1" class="text-white" role="button">
<i class="fab fa-facebook-f"></i>
</a>
<a href="https://www.instagram.com/mitraglobaljasa/" target="_blank" class="btn btn-outline-light btn-floating m-1" class="text-white" role="button">
<i class="fab fa-instagram"></i>
</a>
</div>
</div>
</section>
</div>
</footer>
<!-- End Footer -->
<!-- WA Button -->
<a href="https://api.whatsapp.com/send?phone=628111880970" target="_blank" class="wa-btn py-2 px-3 rounded-3 icon-wa">
<i class="fa fa-whatsapp fa-2x"></i>
</a>
<!-- End WA Button -->
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"></script>
<!-- AOS -->
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init();
</script>
<!-- End AOS -->
</body>
</html>