-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
143 lines (132 loc) · 5.04 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kuliner Jogja</title>
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<header>
<nav class="shadow-low">
<div class="d-flex justify-content-between container">
<img src="assets/images/logo.png" alt="Logo">
<ul>
<li><a href="#" class="gradient">Home</a></li>
<li><a href="#sejarah" class="gradient">Sejarah</a></li>
<li><a href="#foods" class="gradient">Makanan</a></li>
</ul>
</div>
</nav>
<div id="slider">
<article>
<img src="assets/images/malioboro.jpg" alt="Slider" id="img-slide">
</article>
<footer class="navigator-slider">
<button class="slider-btn">Prev</button>
<button class="slider-btn">Next</button>
</footer>
</div>
</header>
<main class="container">
<div id="content">
<article class="post post-content card mt-0" id="sejarah">
<img src="assets/images/krt.jpg" alt="keraton jogja" class="featured-image">
<div class="card-padding">
<h1>Sejarah</h1>
<p>Berdirinya Kota Yogyakarta berawal dari adanya Perjanjian Gianti pada Tanggal 13 Februari 1755 yang
ditandatangani Kompeni Belanda di bawah tanda tangan Gubernur Nicholas Hartingh atas nama Gubernur Jendral
Jacob Mossel. Isi Perjanjian Gianti : Negara Mataram dibagi dua : Setengah masih menjadi Hak Kerajaan
Surakarta, setengah lagi menjadi Hak Pangeran Mangkubumi. Dalam perjanjian itu pula Pengeran Mangkubumi
diakui menjadi Raja atas setengah daerah Pedalaman Kerajaan Jawa dengan Gelar Sultan Hamengku Buwono
Senopati Ing Alega Abdul Rachman Sayidin Panatagama Khalifatullah.</p>
</div>
</article>
</div>
<div id="foods" class="list-food">
<article class="post post-content card hover-gold" id="bakmi jawa">
<img src="assets/images/bakmi-jawa.jpeg" alt="bakmi jawa" class="featured-image">
<div class="card-padding">
<h1>Bakmi Jawa</h1>
<p>Bakmi jawa adalah bakmi rebus yang dimasak
dengan bumbu khas masakan Jawa. </p>
</div>
</article>
<article class="post card hover-gold" id="bakpia pathuk">
<img src="assets/images/bakpia.jpg" alt="bakpia pathuk" class="featured-image">
<div class="card-padding">
<h1>Bakpia Pathuk</h1>
<p>Kue yang terbuat dari campuran kacang hijau,
yang dibungkus dengan tepung. </p>
</div>
</article>
<article class="post card hover-gold" id="geblek">
<img src="assets/images/geblek.jpg" alt="geblek" class="featured-image">
<div class="card-padding">
<h1>Geblek</h1>
<p>Geblek adalah makanan tradisional yang dibuat dari bahan tepung tapioka dan bumbu bawang yang digoreng
gurih.
</p>
</div>
</article>
<article class="post card hover-gold" id="gudeg">
<img src="assets/images/gudeg.jpg" alt="gudeg" class="featured-image">
<div class="card-padding">
<h1>Gudeg</h1>
<p>Gudeg adalah hidangan khas Provinsi Yogyakarta dan Jawa Tengah yang terbuat dari nangka muda yang dimasak
dengan santan. </p>
</div>
</article>
<article class="post card hover-gold" id="kopi jos">
<img src="assets/images/kopi-jos.jpg" alt="kopi jos" class="featured-image">
<div class="card-padding">
<h1>Kopi Jos</h1>
<p>Kopi jos adalah kopi khas Yogyakarta yang disajikan bersama arang panas yang dimasukkan ke dalam
seduhan kopi hitam. </p>
</div>
</article>
<article class="post card hover-gold" id="sate klatak">
<img src="assets/images/sate-klatak.jpg" alt="sate klatak" class="featured-image">
<div class="card-padding">
<h1>Sate Klatak</h1>
<p>Sate klatak adalah sebuah hidangan sate kambing. Tusukan yang dipakai untuk
memanggang dan membakar terbuat dari besi. </p>
</div>
</article>
</div>
<aside>
<article class="card profile card-padding">
<header>
<img src="assets/images/me.png" alt="Me" class="image-rounded">
</header>
<section class="text-left">
<h1>About Me</h1>
<table>
<tr>
<th>Nama</th>
<td>Reza Maulana Alfitra</td>
</tr>
<tr>
<th>TTL</th>
<td>Kudus, 23 Des 2001</td>
</tr>
<tr>
<th>Alamat</th>
<td>Undaan Kudus</td>
</tr>
<tr>
<th>Hobi</th>
<td>Makan</td>
</tr>
</table>
</section>
</article>
</aside>
</main>
<footer class="footer">
<p>Kuliner Jogja © 2022</p>
</footer>
<script src="assets/js/slider.js"></script>
</body>
</html>