-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
100 lines (97 loc) · 6.67 KB
/
index.html
File metadata and controls
100 lines (97 loc) · 6.67 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
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link href="style.css" rel="stylesheet">
<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=Exo:wght@700&display=swap" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg" data-bs-theme="dark" style="background-color: rgb(47, 0, 92);">
<div class="container-fluid">
<a class="navbar-brand" href="index.html"><img src="logo-color-crop.png" class="logo-image"></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">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
<a class="nav-link" href="about-us.html">About Us</a>
</div>
</div>
</div>
</nav>
<div class="badan-utama">
<div class="background">
<img src="background-gif.webp" class="background">
</div>
<div class="background2 padding">
<div id="carouselExampleSlidesOnly" class="carousel slide slider" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://jogja.disway.id/upload/ec53e95c2b9add9bd478da93811fcc41.jpg" class="d-block w-100" alt="...">
<div class="carousel-caption d-none d-md-block">
</div>
</div>
<div class="carousel-item">
<img src="https://cdn.vcgamers.com/news/wp-content/uploads/2023/04/kelas-terbaik-ragnarok-origin.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="https://cdn0-production-images-kly.akamaized.net/eU-46pybdko7MyN1v4NyhitaQB8=/1200x675/smart/filters:quality(75):strip_icc():format(webp)/kly-media-production/medias/3488932/original/008102000_1624278462-Mobile_Legends_11.jpg" class="d-block w-100" alt="...">
</div>
</div>
</div>
<h1 class="siap">Siap melayani kebutuhan Top Up mu</h1>
<div class="background3">
<div class="card games macam-macam-game" style="width: 18rem;">
<img src="https://b.thumbs.redditmedia.com/trqWzHVpzC1gYZzxdunc1IcPfGPjHF9it-JwXXKtaMo.png" class="card-img-top logo" alt="...">
<div class="card-body">
<h3 style="overflow: hidden;">Genshin Impact</h3>
<p class="card-text">Jelajahi dunia Genshin Impact yang luas dengan beragam karakter tersedia yang dapat kamu mainkan.</p>
<a href="genshin.html" class="link_pesan">Pesan Sekarang</a>
</div>
</div>
<div class="card games macam-macam-game" style="width: 18rem;">
<img src="https://img.tapimg.net/market/images/5e0d38fb75c8d35ad62e4ddb611aba0d.jpeg/appicon" class="card-img-top logo" alt="...">
<div class="card-body">
<h3 style="overflow: hidden;">Ragnarok Origin</h3>
<p class="card-text">Siapkan dirimu untuk menaklukan monster dan mendapatkan loot di Ragnarok Origin!</p>
<a href="ragnarok.html" class="link_pesan">Pesan Sekarang</a>
</div>
</div>
<div class="card games macam-macam-game" style="width: 18rem;">
<img src="https://play-lh.googleusercontent.com/XIavpgdOKhfZ0no_n7fD0PDwstzen2PVr6OpHGn8PZBJbV2xJI0CFeeCupOnUZ1dN5Mc" class="card-img-top logo" alt="...">
<div class="card-body">
<h3 style="overflow: hidden;">Mobile Legends</h3>
<p class="card-text">Mainkan moba 5v5 melawan pemain lain dengan tempo yang sangat cepat dan beragam hero!</p>
<a href="ml.html" class="link_pesan">Pesan Sekarang</a>
</div>
</div>
</div>
<h2 class="siap left" style="margin-top: 80px;">Main Store Indonesia</h2>
<h4 class="siap left">Main Store: Tempat top up termurah dan terpercaya se-Indonesia!</h4>
<p class="siap left">
Sudah ada ribuan pemain memilih Main Store untuk membeli credit game tiap bulannya dengan lancar.
Baik login, maupun tanpa login, berbagai macam metode pembayaran, Main Store menyediakan semuanya,
pastinya legal tanpa minus. Tunggu apalagi, ayo percayakan pembelian credit game mu di Main Store!
</p>
<h3 class="alasan left"><img src="andrius-crop.gif" class="andrius"> Telah dipercaya lebih dari 10 tahun!</h3>
<h3 class="alasan right">Menerima ribuan order perbulannya! <img src="ruin-guard-no-bg.gif" class="gif ruin"> </h3>
<h3 class="alasan left"><img src="slime.gif" class="gif slime">Legal, murah, dan terpercaya.</h3>
</div>
<div style="background-color: rgb(24, 5, 41); padding: 15px;">
<h5 style="color: whitesmoke; text-align: center; overflow-y: hidden;" class="footer-font">Copyright: Nyanpasu! (2023)</h5>
<h5 style="color: whitesmoke; text-align: center; overflow-y: hidden;" class="footer-font">Main Store. ltd</h5>
<div id="fact-display" class="alasan" style="text-align: center;">
<p id="fact-text"></p>
</div>
</div>
</div>
<script src="script.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script>
</body>
</html>