-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
182 lines (174 loc) · 8.93 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MonsterFarm Home </title>
<link rel="stylesheet" href="assets/style/style.css">
</head>
<body>
<header id="atas">
<nav>
<img src="assets/images/monster-corp.png" alt="monster gigi taring">
<a href=#faq>FAQ</a>
<a href=#transaksi>Transaksi</a>
</nav>
</header>
<!-- menampilkan list monster-->
<main class="list">
<article>
<img src="assets/images/slebow.jpg" alt="monster gigi taring">
<h3>1. Slebower </h3>
<p>Monster ini berasal dari suatu desa di perbatasan irak dan iran.</p>
<p>Meskipun mampu berlari kencang (50 km/jam) namun sangat lemah terhadap serangan api.</p>
<details >Rp30.000.000<summary>Harga</summary></details>
<button>Buy</button>
</article>
<article>
<img src="assets/images/Totano.jpeg" alt="monster gigi taring">
<h3>2. Totanokosmershen</h3>
<p>Satu-satunya monster yang memiliki <b>kecerdasan</b> mirip dengan simpanse. Dikenal lihai
mengelabuhi ownernya. Monster ini merupakan salah satu monster yang sebaiknya dihindari.
Namun jika berhasil menundukkannya, sangat menguntungkan dalam penggunaan.
</p>
<details >Rp.40.000.000<summary>Harga</summary></details>
<button>Buy</button>
</article>
<article>
<img src="assets/images/jar.jpg" alt="monster gigi taring">
<h3>3. Jarson</h3>
<p>Jika anda pernah menonton film tentang <b>Jason</b>, ya monster ini bisa disebut mengilhami sekuel film tersebut.
Monster ini suka menggunakan senjata berupa kayu atau pentungan yang dia curi dari rumah manusia.
</p>
<details >Rp47.000.000<summary>Harga</summary></details>
<button>Buy</button>
</article>
<article>
<img src="assets/images/snake.jpeg" alt="monster gigi taring">
<h3>4. Tesqos</h3>
<p>Monster ular dari legenda eropa. Sangat beracun dan mampu menyemburkan api. Tim kami siap
membantu apabila monster ini bertindak di luar kendali.
</p>
<details >Rp52.000.000<summary>Harga</summary></details>
<button>Buy</button>
</article>
<article>
<img src="assets/images/butoijo.jpeg" alt="monster gigi taring">
<h3>5. Buto Ijo</h3>
<p>Monster mitologi Pulau Jawa, namun ada juga versi dari pulau lain. Monster ini sangat kebal terhadap
serangan fisik sehingga cocok untuk pertarungan jarak dekat.
</p>
<details >Rp36.000.000<summary>Harga</summary></details>
<button>Buy</button>
</article>
<article>
<img src="assets/images/kuyang.jpeg" alt="monster gigi taring">
<h3>6. Kuyang</h3>
<p>Sangat haus akan darah sebagai makanan utama. Mempunyai kecepatan dan kelincahan yang luar biasa.
sering dijadikan monster untuk memata matai karena kemampuan stealth nya yang mumpuni.
</p>
<details >Rp31.000.000<summary>Harga</summary></details>
<button>Buy</button>
</article>
<article>
<img src="assets/images/scorpi.jpeg" alt="monster gigi taring">
<h3>7. Scorpicoo </h3>
<p>Racunnya sangat dikenal sebagai yang terkuat yang ada di dunia monster. Beberapa negara barat
secara ilegal menggunakan racunnya sebagai senjata biokimia yang digunakan dalam misi-misi khusus. </p>
<details >Rp26.000.000<summary>Harga</summary></details>
<button>Buy</button>
</article>
<article>
<img src="assets/images/bee.jpeg" alt="monster gigi taring">
<h3>8. Binokion</h3>
<p>Berasal dari tanah afrika yang misterius. Kami berhasil melumpuhkan jenis terkuat dan mengembangbiakkan
di lab rahasia kami. Tidak hanya itu, kami mengubah beberapa sifat asli dan memperkuatnya.
</p>
<details >Rp.33.000.000<summary>Harga</summary></details>
<button>Buy</button>
</article>
<article>
<img src="assets/images/xemorp.jpeg".jpg" alt="monster gigi taring">
<h3>9. Senomorv</h3>
<p>Satu-satunya monster yang kami dapatkan dari luar bumi. Tipe primitif nya sangat sulit untuk dibiakkan karena buas
dan sangat tidak terkendali. Versi yang lebih terkontrol sudah berhasil kami buat sehingga
dapat klien gunakan dengan aman.
</p>
<details >Rp88.000.000<summary>Harga</summary></details>
<button>Buy</button>
</article>
<article>
<img src="assets/images/greens.jpeg" alt="monster gigi taring">
<h3>10. Grinoss</h3>
<p>Tidak sengaja kami dapatkan saat ekspedisi ke hutan amazon. Kemampuannya mengendalikan tumbuhan di sekitar tentu sangat menguntungkan jika dapat
dimanfaatkan dengan baik. Bahkan pihak PBB pernah menggunakannya untuk menyelamatkan ekosistem Kutub Selatan 20 tahun silam.
</p>
<details >Rp42.000.000<summary>Harga</summary></details>
<button>Buy</button>
</article>
<!--batas bawah list monster-->
<article class="faq2">
<ul>
<h3 id="faq">FAQ</h3>
<li><h5> Apa itu MonsterFarm ?</h5></li>
<details><summary>jawab</summary><h6>MonsterFarm adalah
toko online yang menjual monster, dan pertama bahkan satu-satunya di dunia.
</h6></details>
<li><h5> Dimana kah lokasi MonsterFarm?</h5></li>
<details><summary>jawab</summary><h6>Untuk keamanan bersama, kami sengaja tidak memberikan alamat
store kami. Namun apabila anda tertarik untuk melihat-lihat, kami dapat mengirimkan orang kami
untuk menjemput dan mengantar anda ke toko kami.
</h6></details>
<li><h5> Bagaimana pengiriman monster saya?</h5></li>
<details><summary>jawab</summary><h6>Pengiriman akan menggunakan ekspedisi khusus militer untuk memastikan keamanan selama
pengiriman berlangsung.
</h6></details>
<li><h5> Apa saja yang harus dipersiapkan sebelum memiliki monster ?</h5></li>
<details><summary>jawab</summary><h6>Teknisnya, anda harus memiliki halaman pekarangan rumah minimal 10 Hektar.
Selain itu, syarat minimal adalah lokasi tempat tinggal anda harus 300 km jauh dari pusat kota dan tempat tinggal umum.
Persyaratan selanjutnya akan kami diskusikan dengan anda melalui kontak pribadi
</h6></details>
<li><h5> Bagaimana cara membelinya ?</h5></li>
<details><summary>jawab</summary><h6>Silahkan ke menu Transaksi untuk cara pembayaran.
<a href="transaksi.html">Ke Transaksi</a>
</h6></details>
<li><h5> Adakah nomor yang bisa dihubungi?</h5></li>
<details><summary>jawab</summary><h6>silahkan masukkan email anda untuk segera kami hubungi
<p id="jump-here"><label for="email">Isikan email : </label>
<input type="email" name="alamat" id="alamat"></p>
<button type="button">send ..</button>
</h6></details>
</ul>
</article>
<br>
<!-- cara transaksi-->
<article class="transaksi" id="transaksi">
<ul class="transaksi">
<h1>Cara Transaksi</h1>
<li><h4> Untuk melakukan pemesanan, ikuti langkah berikut :</h4></li>
<li>1. Pastikan anda sudah memiliki akun pembayaran di <b>Paypal</b></li>
<li>2. silahkan memasukkan alamat email anda ke detail berikut : <a href=#jump-here>klik berikut</a></li>
<li>3. Tunggu 3-5 menit, costumer service kami akan mengirimkan email balasan ke anda berisi nomor transaksi dan link chat costumer. </li>
<li>melalui chat tersebut, kami akan menjelaskan instruksi pembayaran dan lain-lain seputar pembelian. hal ini kami lakukan
untuk menjaga kerahasiaan dan reputasi baik klien maupun perusahaan.
</li>
<li>Atas penggunaan monster tersebut, kami tidak bertanggung jawab terhadap penyalahgunaan monster yang akan mengganggu stabilitas keamanan lingkungan anda. Kami berharap
tanggung jawab dan kepedulian klien serta menyadari kewajiban dan hal yang ditimbulkan dari kepemilikan monster.
</li>
<li>Selamat berbelanja !</li>
</ul>
<!--batas Transaksi-->
</article>
<!--gambar dan profil-->
<aside>
<img src="assets/images/meee.jpg" alt="my profile user">
<p>Halo saya Haris Noprianto (Piring Terbang), saya membuat website khayalan ini untuk projek akhir dari program
pembelajaran <a href="https://dicoding.com">dicoding</a> web dev
</p>
</aside>
<!--batas gambar dan profil-->
<a href=#atas>ke atas </a>
</main>
<footer>Hak cipta dilindungi Undang-undang <span>©</span>1991 MonsterFarm </footer>
</body>
</html>