-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
442 lines (398 loc) · 26.7 KB
/
index.html
File metadata and controls
442 lines (398 loc) · 26.7 KB
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
<!doctype html>
<html lang="id">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="CroCode: Platform terpercaya untuk jual beli source code website & aplikasi berkualitas. Temukan template profesional PHP, CodeIgniter, Bootstrap, dan lainnya dengan pembayaran mudah." />
<meta name="keywords" content="crocode, source code, jual source code, template website, template aplikasi, PHP, CodeIgniter, Bootstrap, beli source code, source code murah, aplikasi web, template profesional" />
<link rel="canonical" href="https://your-domain.com/index.html" />
<meta property="og:title" content="Source Code Berkualitas – CroCode" />
<meta property="og:description" content="CroCode: Platform terpercaya untuk jual beli source code website & aplikasi berkualitas. Temukan template profesional PHP, CodeIgniter, Bootstrap, dan lainnya dengan pembayaran mudah." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://your-domain.com/index.html" />
<meta property="og:image" content="https://your-domain.com/assets/images/brand/crocode-og-image.jpg" />
<meta property="og:site_name" content="CroCode" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@yourtwitterhandle" /> <meta name="twitter:creator" content="@yourtwitterhandle" /> <meta name="twitter:title" content="Source Code Berkualitas – CroCode" />
<meta name="twitter:description" content="CroCode: Platform terpercaya untuk jual beli source code website & aplikasi berkualitas. Temukan template profesional PHP, CodeIgniter, Bootstrap, dan lainnya dengan pembayaran mudah." />
<meta name="twitter:image" content="https://your-domain.com/assets/images/brand/crocode-twitter-image.jpg" /> <meta name="Muhammad Rohman Syah" content="crocode" />
<title>Source Code Berkualitas – CroCode</title>
<link href="https://fonts.googleapis.com" rel="preconnect" />
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css" />
<link rel="stylesheet" type="text/css" href="assets/css/glightbox.min.css" />
<link rel="stylesheet" type="text/css" href="assets/css/aos.css" />
<link href="assets/css/main.css" rel="stylesheet" />
</head>
<body>
<header id="header" class="header d-flex align-items-center fixed-top">
<div class="container-fluid container-md position-relative d-flex align-items-center">
<a href="index.html" class="logo d-flex align-items-center me-auto">
<img src="assets/images/brand/logo-tok.svg" height="100">
<h1 class="sitename mt-1">CroCode</h1>
</a>
<nav id="navmenu" class="navmenu">
<ul>
<li>
<a href="#beranda" class="active">Beranda<br /></a>
</li>
<li><a href="#sourcecode">Source Code</a></li>
<li><a href="#services">Layanan</a></li>
<li><a href="#faq">Tanya Jawab</a></li>
</ul>
<i class="mobile-nav-toggle d-lg-none bi bi-list"></i>
</nav>
<a class="btn-getstarted flex-md-shrink-0 rounded-3" href="https://wa.link/pwebeo" target="_blank">Hubungi Saya</a>
</div>
</header>
<main class="main">
<section id="beranda" class="hero section">
<div class="container">
<div class="row gy-4">
<div class="col-lg-6 order-2 order-lg-1 d-flex flex-column justify-content-center">
<h1 data-aos="fade-up">Solusi Terbaik untuk Pengembangan Website dan Aplikasi Anda</h1>
<p data-aos="fade-up" data-aos-delay="100">Dapatkan source code siap pakai untuk mempercepat pengembangan website dan aplikasi bisnis Anda</p>
<div class="d-flex flex-column flex-md-row" data-aos="fade-up" data-aos-delay="200">
<a href="#sourcecode" class="btn-get-started rounded-3 fw-bold">Jelajahi Source Code <i class="bi bi-arrow-right"></i></a>
<a href="https://www.youtube.com/watch?v=wJ8EvM7mFAc&t=442s" class="glightbox btn-watch-video d-flex align-items-center justify-content-center ms-0 ms-md-4 mt-4 mt-md-0"><i class="bi bi-play-circle"></i><span>Lihat Video Terbaru</span></a>
</div>
</div>
<div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="zoom-out">
<img src="assets/svg/hero-illustration.svg" class="img-fluid animated" alt="" />
</div>
</div>
</div>
</section>
<section id="sourcecode" class="sourcecode section">
<div class="container section-title" data-aos="fade-up">
<h2>Source Code</h2>
<p>Menghadirkan Koleksi Terbaru dari berbagai Solusi Digital</p>
</div>
<div class="container">
<div class="row gy-5">
<!-- Item 1: Paylistrik V2 -->
<div class="col-lg-6 col-md-6 d-flex">
<div class="post-item position-relative rounded-4 h-100 w-100 d-flex flex-column" data-aos="fade-up" data-aos-delay="100">
<div class="post-img position-relative overflow-hidden">
<img src="assets/images/plv2/plv2.png" loading="lazy" class="img-fluid" alt="Tampilan antarmuka aplikasi Paylistrik v2" />
<div class="post-price">Rp 105.000</div>
</div>
<div class="post-content d-flex flex-column flex-grow-1 p-4">
<h3 class="post-title">Paylistrik – Pembayaran Listrik Pascabayar Web V2</h3>
<div class="meta d-flex align-items-center">
<div class="d-flex align-items-center"><i class="bi bi-person"></i> <span class="ps-2">CroCode</span></div>
<span class="px-3 text-black-50">/</span>
<div class="d-flex align-items-center"><i class="bi bi-folder2"></i> <span class="ps-2">PHP – Codeigniter 3</span></div>
</div>
<hr />
<div class="d-flex align-items-center justify-content-between mt-auto">
<!-- CTA Utama -->
<a href="https://wa.me/628997785724?text=Halo%2C%20Saya%20tertarik%20dengan%20Source%20Code%20Paylistrik%20V2" target="_blank" class="btn btn-primary fw-bold rounded-3 px-4 py-2">
Beli Sekarang
</a>
<!-- Grup Aksi Sekunder -->
<div class="d-flex gap-2">
<a href="https://pl-v2.infinityfreeapp.com" target="_blank" class="btn btn-outline-secondary rounded-3" title="Lihat Demo"><i class="bi bi-display"></i></a>
<a href="https://youtu.be/wJ8EvM7mFAc?si=wNNI-DD0zB0pW9sY" target="_blank" class="btn btn-outline-secondary rounded-3" title="Lihat Video"><i class="bi bi-youtube"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Item 2: PL V1 -->
<div class="col-lg-6 col-md-6 d-flex">
<div class="post-item position-relative rounded-4 h-100 w-100 d-flex flex-column" data-aos="fade-up" data-aos-delay="200">
<div class="post-img position-relative overflow-hidden">
<img src="assets/images/plv1/interface-plv1.png" loading="lazy" class="img-fluid" alt="Form pembayaran pada aplikasi PL v1" />
<div class="post-price">Rp 70.000</div>
</div>
<div class="post-content d-flex flex-column flex-grow-1 p-4">
<h3 class="post-title">PL – Aplikasi Pembayaran Listrik Pascabayar v1</h3>
<div class="meta d-flex align-items-center">
<div class="d-flex align-items-center"><i class="bi bi-person"></i> <span class="ps-2">CroCode</span></div>
<span class="px-3 text-black-50">/</span>
<div class="d-flex align-items-center"><i class="bi bi-folder2"></i> <span class="ps-2">PHP – Codeigniter 3</span></div>
</div>
<hr />
<div class="d-flex align-items-center justify-content-between mt-auto">
<!-- CTA Utama -->
<a href="https://wa.me/628997785724?text=Halo%2C%20Saya%20tertarik%20dengan%20Source%20Code%20PL%20V1" target="_blank" class="btn btn-primary fw-bold rounded-3 px-4 py-2">
Beli Sekarang
</a>
<!-- Grup Aksi Sekunder -->
<div class="d-flex gap-2">
<a href="https://plv1.infinityfreeapp.com" target="_blank" class="btn btn-outline-secondary rounded-3" title="Lihat Demo"><i class="bi bi-display"></i></a>
<a href="https://youtu.be/I3W-11I_GwQ?si=iMeHeYwEb0L-idvf" target="_blank" class="btn btn-outline-secondary rounded-3" title="Lihat Video"><i class="bi bi-youtube"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Item 3: SISPAS -->
<div class="col-lg-6 col-md-6 d-flex">
<div class="post-item position-relative rounded-4 h-100 w-100 d-flex flex-column" data-aos="fade-up" data-aos-delay="300">
<div class="post-img position-relative overflow-hidden">
<img src="assets/images/sispas/interface-sispas.png" loading="lazy" class="img-fluid" alt="Tampilan dashboard SISPAS" />
<div class="post-price">Rp 105.000</div>
</div>
<div class="post-content d-flex flex-column flex-grow-1 p-4">
<h3 class="post-title">SISPAS – Sistem Informasi Pengaduan Siswa</h3>
<div class="meta d-flex align-items-center">
<div class="d-flex align-items-center"><i class="bi bi-person"></i> <span class="ps-2">CroCode</span></div>
<span class="px-3 text-black-50">/</span>
<div class="d-flex align-items-center"><i class="bi bi-folder2"></i> <span class="ps-2">PHP – Codeigniter 3</span></div>
</div>
<hr />
<div class="d-flex align-items-center justify-content-between mt-auto">
<!-- CTA Utama -->
<a href="https://wa.me/628997785724?text=Halo%2C%20Saya%20tertarik%20dengan%20Source%20Code%20SISPAS" target="_blank" class="btn btn-primary fw-bold rounded-3 px-4 py-2">
Beli Sekarang
</a>
<!-- Grup Aksi Sekunder (Hanya ada 1 aksi di sini) -->
<div class="d-flex gap-2">
<a href="https://www.youtube.com/watch?v=jfjdmkBOAbo" target="_blank" class="btn btn-outline-secondary rounded-3" title="Lihat Video"><i class="bi bi-youtube"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Anda dapat menambahkan produk lain di sini -->
</div>
</div>
</section>
<section id="services" class="services section">
<div class="container section-title aos-init aos-animate" data-aos="fade-up">
<h2>Layanan</h2>
<p>Layanan terbaik untuk kebutuhan Anda</p>
</div>
<div class="container">
<div class="row gy-4">
<div class="col-lg-4 col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<div class="service-item item-cyan position-relative">
<i class="bi bi-shield-check icon"></i>
<h3>Kode Berkualitas & Aman</h3>
<p>Saya menjual source code yang telah diuji dan dikembangkan dengan standar terbaik, memastikan keamanan dan performa optimal.</p>
</div>
</div>
<div class="col-lg-4 col-md-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
<div class="service-item item-orange position-relative">
<i class="bi bi-file-code icon"></i>
<h3>Template Siap Pakai</h3>
<p>Saya menyediakan berbagai template siap pakai berbasis Bootstrap dan framework modern untuk berbagai kebutuhan bisnis Anda.</p>
</div>
</div>
<div class="col-lg-4 col-md-12 aos-init aos-animate" data-aos="fade-up" data-aos-delay="300">
<div class="service-item item-teal position-relative">
<i class="bi bi-tools icon"></i>
<h3>Kustomisasi Source Code</h3>
<p>Jika Anda membutuhkan fitur tambahan atau modifikasi pada produk yang saya jual, saya siap membantu dengan layanan kustomisasi.</p>
</div>
</div>
</div>
</div>
</section>
<!-- ======= About Section ======= -->
<section id="about" class="about section">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Tentang Saya</h2>
<p>Kenali Pengembang di Balik CroCode</p>
</div>
<div class="row gx-5">
<div class="col-lg-5 d-flex align-items-center" data-aos="zoom-out" data-aos-delay="200">
<!-- Ganti dengan foto Anda, atau ilustrasi yang relevan -->
<img src="assets/svg/person.svg" class="img-fluid rounded-4" alt="Foto Muhammad Rohman Syah">
</div>
<div class="col-lg-7 d-flex flex-column justify-content-center" data-aos="fade-up" data-aos-delay="200">
<div class="content">
<h3>Halo, saya Muhammad Rohman Syah.</h3>
<p class="fst-italic">
Saya adalah seorang pengembang web dengan hasrat untuk menciptakan solusi digital yang efisien dan berkualitas tinggi.
</p>
<p>
CroCode adalah platform pribadi saya untuk berbagi karya dan membantu orang lain mempercepat proyek mereka dengan source code yang andal dan teruji. Setiap baris kode yang saya tulis didasarkan pada praktik terbaik dan komitmen untuk kualitas.
</p>
<div class="text-center text-lg-start">
<a href="https://wa.link/pwebeo" class="btn-get-started rounded-3">
<span>Hubungi untuk Kustomisasi</span>
<i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End About Section -->
<!-- ======= Testimonials Section ======= -->
<section id="testimonials" class="testimonials section light-background">
<div class="container section-title" data-aos="fade-up">
<h2>Testimoni</h2>
<p>Apa Kata Mereka yang Telah Menggunakan Produk Saya</p>
</div>
<div class="container" data-aos="fade-up" data-aos-delay="100">
<div class="row gy-4 justify-content-center">
<!-- TIPE 1: Testimoni Berbasis Screenshot Chat/Transaksi -->
<div class="col-lg-4 col-md-6">
<div class="testimonial-item">
<div class="stars mb-3">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<!-- Gambar screenshot yang bisa di-klik -->
<a href="assets/images/testimoni/t-1.png" class="glightbox" data-gallery="testimonials-gallery">
<img src="assets/images/testimoni/t-1.png" class="img-fluid rounded shadow-sm mb-3" alt="Testimoni chat customer">
</a>
</div>
</div>
<!-- TIPE 2: Testimoni Berbasis Teks (Seperti sebelumnya) -->
<div class="col-lg-4 col-md-6">
<div class="testimonial-item">
<div class="stars mb-3">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<!-- Gambar screenshot yang bisa di-klik -->
<a href="assets/images/testimoni/t-2.png" class="glightbox" data-gallery="testimonials-gallery">
<img src="assets/images/testimoni/t-2.png" class="img-fluid rounded shadow-sm mb-3" alt="Testimoni chat customer">
</a>
</div>
</div>
<!-- TIPE 1: Contoh Testimoni Bukti Transfer -->
<div class="col-lg-4 col-md-6">
<div class="testimonial-item">
<div class="stars mb-3">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<!-- Gambar screenshot yang bisa di-klik -->
<a href="assets/images/testimoni/t-3.png" class="glightbox" data-gallery="testimonials-gallery">
<img src="assets/images/testimoni/t-3.png" class="img-fluid rounded shadow-sm mb-3" alt="Bukti transaksi customer">
</a>
</div>
</div>
</div>
</div>
</section>
<!-- End Testimonials Section -->
<section id="faq" class="faq section">
<div class="container section-title aos-init aos-animate" data-aos="fade-up">
<h2>Tanya Jawab</h2>
<p>Pertanyaan yang sering diajukan tentang CroCode</p>
</div>
<div class="container">
<div class="row">
<div class="col-lg-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
<div class="faq-container">
<div class="faq-item faq-active">
<h3>Apa itu CroCode?</h3>
<div class="faq-content">
<p>CroCode adalah platform pribadi saya untuk menjual source code berkualitas yang dapat digunakan untuk membangun website dan aplikasi.</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div>
<div class="faq-item">
<h3>Jenis source code apa saja yang tersedia?</h3>
<div class="faq-content">
<p>Saya menyediakan source code untuk berbagai kebutuhan, seperti landing page, portfolio, dashboard admin, e-commerce, dan lainnya.</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div>
<div class="faq-item">
<h3>Bagaimana cara membeli source code di CroCode?</h3>
<div class="faq-content">
<p>Pilih produk yang diinginkan, lalu hubungi saya melalui WhatsApp untuk proses pembayaran menggunakan BCA atau Dana.</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div>
</div>
</div>
<div class="col-lg-6 aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
<div class="faq-container">
<div class="faq-item">
<h3>Apakah saya bisa meminta kustomisasi source code?</h3>
<div class="faq-content">
<p>Ya, saya menerima permintaan kustomisasi sesuai dengan kebutuhan Anda, dengan biaya tambahan yang disepakati bersama.</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div>
<div class="faq-item">
<h3>Apakah ada dukungan setelah pembelian?</h3>
<div class="faq-content">
<p>Saya menyediakan dukungan teknis terbatas untuk membantu Anda dalam mengimplementasikan source code yang telah dibeli.</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div>
<div class="faq-item">
<h3>Bagaimana jika mengalami kendala dengan source code?</h3>
<div class="faq-content">
<p>Jika ada kendala, silakan hubungi saya melalui WhatsApp untuk mendapatkan bantuan lebih lanjut.</p>
</div>
<i class="faq-toggle bi bi-chevron-right"></i>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer id="footer" class="footer">
<div class="footer-top">
<div class="container">
<div class="row gy-4">
<div class="col-lg-5 col-md-12 footer-about">
<a href="index.html" class="logo d-flex align-items-center">
<span class="sitename">CroCode</span>
</a>
<p>Platform untuk mendapatkan source code website dan aplikasi berkualitas tinggi. Mempercepat pengembangan proyek Anda dengan solusi siap pakai.</p>
<div class="social-links d-flex mt-4">
<!-- Ganti # dengan link media sosial Anda -->
<a href="#" target="_blank"><i class="bi bi-youtube"></i></a>
<a href="#" target="_blank"><i class="bi bi-github"></i></a>
<a href="#" target="_blank"><i class="bi bi-instagram"></i></a>
</div>
</div>
<div class="col-lg-2 col-6 footer-links">
<h4>Navigasi</h4>
<ul>
<li><i class="bi bi-chevron-right"></i> <a href="#beranda">Beranda</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#sourcecode">Source Code</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#services">Layanan</a></li>
<li><i class="bi bi-chevron-right"></i> <a href="#faq">Tanya Jawab</a></li>
</ul>
</div>
<div class="col-lg-2 col-6 footer-links">
<h4>Produk</h4>
<ul>
<li><i class="bi bi-chevron-right"></i> <a>Paylistrik v2</a></li>
<li><i class="bi bi-chevron-right"></i> <a>PL v1</a></li>
<li><i class="bi bi-chevron-right"></i> <a>SISPAS</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
<h4>Hubungi Saya</h4>
<p>
Jawa Barat<br>
Indonesia <br><br>
<strong>WhatsApp:</strong> <a href="https://wa.me/628997785724" target="_blank">+62 899 7785 724</a><br>
</p>
</div>
</div>
</div>
</div>
<div class="container copyright text-center mt-4">
<p>© <span>Copyright</span> <strong class="px-1 sitename">CroCode</strong> <span>All Rights Reserved</span></p>
<div class="credits">
<!-- Anda bisa menghapus baris ini, atau memodifikasinya jika lisensi FlexStart mengizinkan -->
Didesain dengan ❤️ menggunakan <a href="https://bootstrapmade.com/">template dari BootstrapMade</a>
</div>
</div>
</footer>
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center active"><i class="bi bi-arrow-up-short"></i></a>
<script type="text/javascript" src="assets/js/glightbox.min.js"></script>
<script type="text/javascript" src="assets/js/aos.js"></script>
<script type="text/javascript" src="assets/js/isotope.pkgd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" crossorigin="anonymous"></script>
<script src="assets/js/main.js"></script>
</body>
</html>