-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
244 lines (197 loc) · 13.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Website Buku</title>
<link rel="stylesheet" href="assets/styles/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<header>
<div class="jumbotron">
<img src="assets/image/booktrans.png" width="300px" height="200px"><br>
<h1><font color="#f8192e"><b>Evermore</font> Bookstore</b></h1>
</div>
<nav>
<ul>
<li><a href="#beranda">Beranda</a></li>
<li><a href="#koleksi">Koleksi</a></li>
<li><a href="#akses&koleksi">Akses dan Lokasi</a></li>
<li><a href="#member">Member</a></li>
<li><a href="#tentangkami">Tentang Kami</a></li>
</ul>
</nav>
</header>
<main>
<div id="content">
<article id="beranda" class="card">
<h2>Katalog Buku</h2>
<img src="assets/image/1tea.jpg" class="image" alt="beranda" width="200" height="160" >
<img src="assets/image/2seni2.jpg" class="image" alt="beranda" width="200" height="160" >
<img src="assets/image/3thing.jpg" class="image" alt="beranda" width="200" height="160" >
<img src="assets/image/4punah4.jpg" class="image" alt="beranda" width="200" height="160" >
<p><p>
<img src="assets/image/lupin.jpg" class="image" alt="beranda" width="200" height="160" >
<img src="assets/image/tb1.jpg" class="image" alt="beranda" width="200" height="160" >
<img src="assets/image/from.jpg" class="image" alt="beranda" width="200" height="160" >
<img src="assets/image/gen.jpg" class="image" alt="beranda" width="200" height="160" >
</p></p>
</article>
<article id="news" class="card">
<h2>Buku Terbaru</h2>
<section>
<img src="assets/image/5aini5.jpg" id="aini" alt="Aini" width="300" height="260" >
<!-- style="float: left; margin: 10px;"> -->
<p><b>Guru Aini</b><br><font color="#f8192e"><b>Rp. 99.000</b></font></p>
<p align="justify">Ini persamaan hidupku sekarang, Bu,” Desi menyodorkan buku catatan ke tengah meja. Bu Amanah, yang juga guru matematika, tersenyum getir melihat persamaan garis lurus dengan variabel-variabel yang didefinisikan sendiri oleh Desi, x1: pendidikan, x2: kecerdasan. Yang menarik perhatiannya adalah konstanta a: pengorbanan.Pendidikan memerlukan pengorbanan, Bu. Pengorbanan itu nilai tetap, konstan, tak boleh berubah.</p>
<br><br></p></section>
<section>
<img src="assets/image/9ragam9.jpg" id="ragam" alt="Ragam" width="300" height="260" >
<!-- style="float: left; margin: 10px;"> -->
<p><b>Ragam Akalbudi</b><br><font color="#f8192e"><b>Rp. 80.000</b></font></p>
<p align="justify">Manusia dikatakan istimewa karena memiliki akalbudi (mind). Namun apakah hanya manusia yang punya akalbudi? Daniel C. Dennett memadukan filsafat, ilmu biologi saraf, evolusi, dan gagasan kecerdasan buatan untuk membahas banyak pertanyaan menarik terkait akalbudi: Apakah kita bisa yakin semua manusia punya akalbudi? Mungkinkah hewan, tumbuhan, bahkan mesin punya akalbudi? Apa hubungan akalbudi dengan pengetahuan, bahasa, penderitaan? Barangkali, apa yang kita pikir kita ketahui mengenai akalbudi layak ditinjau kembali, berdasarkan gagasan sains dan filsafat terbaru, agar kita bisa mempertajam pertanyaan-pertanyaan besar mengenai akalbudi.</p>
<br><br></p>
</section>
</article>
<article id="harga" class="card">
<h2 id="hargabuku">Harga Buku</h2>
<br><br>
<div id="daftarbuku">
<img src="assets/image/tb1.jpg" width="104" height="94" alt="daddy" style="float: left;
margin: 10px;">
<p><b>Daddy's Little Girl</b><br><font color="#f8192e"><b>Rp. 45.000</b></font></p>
<p align="justify">Ketika Ellie Cavanaugh berusia delapan tahun, kakaknya, Andrea, tewas dibunuh di dekat rumah mereka di Oldham-on-the-Hudson, Ada tiga tersangka: Rob westerfield, pemuda tampan dari keluarga kaya setempat, yang diam-diam menjalin hubungan dengan Andrea; Paulie Stroebel, teman sekelas yang diam-diam mencintai Andrea; dan Will Nebels, pekerja serabutan yang suka menawarkan jasa kepada para tetangga.".</p>
<br><br>
<img src="assets/image/tb2.jpg" width="104" height="94" alt="dupin" style="float: left;
margin: 10px;">
<p><b>Auguste Dupin</b><br><font color="#f8192e"><b>Rp. 39.000</b></font></p>
<p align="justify">Mungkin banyak yang mengira bahwa Sherlock Holmes adalah pionir tokoh detektif fiksi di dunia literasi. Tapi tahukah bahwasanya jauh sebelum Sherlock Holmes muncul, ada tokoh lain yang lebih dulu memulai dan menyandang predikat gentlemen detective?. Yup, tokoh detektif fiksi pertama di dunia literasi yang mengguncang dunia sastra pada eranya adalah C Auguste Dupin. Tokoh detektif ini merupakan rekaan sang penulis puisi dan cerita misteri beraliran gore, gothic dan macabre sekaligus kritikus sastra terkenal pada eranya, Edgar Allan Poe."</p>
<br><br>
<img src="assets/image/tb3.jpg" width="104" height="94" alt="harry" style="float: left;
margin: 10px;">
<p><b>Harry Potter and The Half Blood Prince</b><br><font color="#f8192e"><b>Rp. 99.000</b></font></p>
<p align="justify">Khawatir dengan pengalaman pertemuannya dengan Voldemort di Kementerian Sihir, Harry Potter merasa enggan untuk kembali ke Hogwarts. Dumbledore mendorongnya untuk kembali, setelah mengajaknya untuk menemui seorang mantan guru Hogwarts, Horace Slughorn. Dengan bantuan Harry, ia berhasil membujuk Slughorn agar mau kembali mengajar di Hogwarts.</p></p>
<br><br>
<img src="assets/image/tb4.jpg" width="104" height="94" alt="hobbit" style="float: left;
margin: 10px;">
<p><b>The Hobbit</b><br><font color="#f8192e"><b>Rp. 89.000</b></font></p>
<p align="justify">Kisah bermula ketika Bilbo baggins yang merupakan seorang hobbit yang ingin hidup nyaman, sejahtera di liang hobbitnya, dan hampir tidak pernah bepergian jauh dari rumahnya di shire. suatu hari Gandalf datang ke rumahnya dan mengajaknya untuk berpetualang, dan Bilbo dengan jelas menolaknya. hingga ketika Gandalf mengundang 13 Kurcaci untuk datang ke rumah Bilbo dan terjadilah sebuah pesta yang tak terduga.</p>
<br><br>
</article>
<article id="tokobuku" class="card">
<h2>Toko Buku Evermore Bookstore</h2>
<img src="assets/image/bannertoko2.jpg" class="featured-image" alt="tokobuku">
<p>Toko Buku Online Evermore Bookstore adalah salah satu tempat belanja buku online yang dibangun untuk menjual produk- produk berupa buku terupdate dan terlengkap. Baik anda kawula muda maupun tua cocok untuk mencari dan membeli buku-buku yang anda inginkan tanpa harus keluar rumah anda, anda hanya tinggal membuka website kami dan bisa anda pesan langsung buku-buku yang ada di katalog kami, kami siap antar ke tempat anda</p>
<p>Keuntungan belanja di Toko Buku Online kami :</p>
<p>1. Sangat mudah memilih buku yang anda cari berdasarkan kategori</p>
<p>2. Kolom pencarian memudahkan anda untuk mencari buku sesuai keinginan anda</p>
<p>3. Kami akan selalu berusaha memberikan pelayanan yang cepat dan murah untuk pencinta buku di tanah air</p>
</article>
<article id="bukukami" class="card">
<h2>Rak Buku Kami</h2>
<p>Buku-buku kami tersusun rapih dan elegan. Setiap orang tak akan bosan dan akan tertarik untuk melihat-lihat. Buku-buku disusun berdasarkan katalog tema. Ada politik, ekonomi, pendidikan, agama, sosial dan budaya, novel, biografi, komputer, bisnis, musik, komik, kesehatan, motivasi, komunikasi jurnalistik, bahasa, kamus dan wirausaha. Selain itu buku-buku juga "ditumpuk" sesuai kategori. Buku baru dan juga pastinya best seller.</p>
<section>
<h3>Rak Buku Evermore Bookstore</h3>
<img src="assets/image/library.jpg" class="featured-image" alt="farm house">
<p>Setiap waktu berkunjung pasti Evermore Bookstore selalu menjadi magnet untuk tetap berkunjung. Berpetualang menjelajahi ilmu lewat buku. Dengan buku imajinasi kita hidup dan berkembang. Bahkan tak jarang justru menjadi meningkat</p>
</section>
<section>
<h3>Katalog E-Book</h3>
<img src="assets/image/ss1.jpg" class="featured-image" alt="bosscha">
<p>Toko Buku Online Evermore Bookstore juga Memiliki fasilitas Baca Online dan AudioBook untuk menambah wawasan pengunjung
Website kami.Banyak cara yang dapat dilakukan untuk mendapatkan informasi yang kita butuhkan.
Salah satunya lewat membaca buku. Namun diera digital ini kita dapat menggunakan ebook untuk menggantikan buku
sebagai sumber belajar yang menyenangkan. Melalui ebook kita dapat menemukan informasi yang kita cari seperti halnya buku biasa. Bedanya ebook dengan buku biasa adalah isinya. Buku biasa pada dasarnya hanya berisi teks dan gambar. Namun ebook berisi konten multimedia seperti teks,gambar,video dan audio.</p>
</section>
</article>
</div>
<aside>
<article class="profile card">
<header>
<h2>Tentang Owner</h2>
<p>Biodata Saya</p>
<figure>
<img src="assets/image/ahmad3.png">
<figcaption><b>Ahmad Najmudin Alfatih</b></figcaption>
</figure>
</header>
<section>
<h3>Informasi Lainnya</h3>
<table>
<tr>
<th>Nama :</th>
<td>Ahmad Najmudin Alfatih</td>
</tr>
<tr>
<th>Alamat :</th>
<td>Mranggen, Demak</td>
</tr>
<tr>
<th>Pekerjaan :</th>
<td>Mahasiswa</sup></td>
</tr>
</table>
</section>
</article>
<article class="profile card">
<header>
<h2>Katalog</h2>
</header>
<section>
<table>
<ul>
<p><li><a href="#bukuanak">Buku Anak</a></li></p>
<p><li><a href="#bukudongeng">Buku Dongeng</a></li></p>
<p><li><a href="#bukusastra">Buku Sastra & Filsafat</a></li></p>
<p><li><a href="#bukupetualang">Buku Petualangan</a></li></p>
<p><li><a href="#bukusejarah">Buku Sejarah</a></li></p>
<p><li><a href="#bukuagama">Buku Agama</a></li></p>
</ul>
</table>
</section>
</article>
<article class="profile card">
<header>
<h2>Artikel</h2>
<p>Katalog Evermore Bookstore</p>
<figure>
<img src="assets/image/orang.jpg">
</figure>
</header>
<section>
<table>
<ul>
<p><li><a href="#habisgelap">Habis Gelap Terbitlah Terang</a></li></p>
</ul>
</table>
</section>
</article>
<article class="profile card">
<header>
<h2>Audio Book</h2>
<p>100 Playlist Ebook 2023</p>
<figure>
<img src="assets/image/spo.png">
</figure>
</header>
<section>
<table>
<article id="audio">
<h2>AudioBook Top Playlist</h2>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/show/0M6v251G4p0Q8uZsimPI0j?utm_source=generator" width="100%" height="352" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</article>
</table>
</section>
</article>
</aside>
<aside id='about'>
<h2>Hai! Nama Saya Ahmad Najmudin Alfatih.</h2>
<p>Saya adalah mahasiswa yang sedang menempuh Semester 4 Akuntansi di <q>Universitas Negeri Semarang</q></p>
</aside>
</article>
</main>
<footer>
<p>Submission Belajar Dasar Pemrograman Web © 2023 - Dicoding Indonesia</p>
</footer>
<script src="assets/index.js"></script>
</body>
</html>