-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
172 lines (168 loc) · 5.4 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Classic Food Menyediakan Aneka Olahan Ayam Kampung Berkualitas." />
<meta property="og:title" content="Classic Food" />
<meta property="og:description" content="Kami menyediakan aneka olahan ayam kampung berkualitas." />
<meta property="og:image" content="https://alfimonth.github.io/classicfood/assets/img/logo.png" />
<meta property="og:url" content="https://alfimonth.github.io/classicfood/" />
<meta property="og:type" content="website" />
<title>Classic Food</title>
<link rel="manifest" href="manifest.json" />
<link rel="shortcut icon" href="assets/img/logo.png" type="image/x-icon" />
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<header>
<div class="topbar">
<div class="logo">
<img src="assets/img/logo.png" alt="classicfoodLogo" />
<h1>Classic Food</h1>
</div>
<div class="navButton">
<div></div>
<div></div>
<div></div>
</div>
<nav>
<ul>
<li><a href="#">Menu</a></li>
<li><a href="#drink">Drink</a></li>
<li><a href="#order">Order</a></li>
<li><a href="#about">About</a></li>
</ul>
</nav>
</div>
<div class="jumbotron">
<div class="content">
<h3>Menu Utama</h3>
<h2>Sate Ayam Kampung</h2>
<p>Dibuat dengan ayam kampung pilihan dan diolah dengan rempah autentik khas Indonesia</p>
<h5>Rp 20.000/porsi</h5>
</div>
<div class="image">
<img class="zoom" src="assets/img/sate.png" alt="gambar sate ayam kampung" title="sate ayam kampung" />
</div>
</div>
</header>
<main>
<div id="content">
<article>
<h3 id="allmenu">Semua Menu</h3>
<div class="card">
<div class="img">
<img class="zoom" src="assets/img/soto.jpg" alt="gambar soto ayam kampung" title="soto ayam kampung" />
</div>
<div class="legend">
<h4>Soto Ayam Kampung</h4>
<h5>Rp15000/porsi</h5>
</div>
</div>
<div class="card">
<div class="img">
<img class="zoom" src="assets/img/gulai.jpg" alt="gambar gulai ayam kampung" title="gulai ayam kampung" />
</div>
<div class="legend">
<h4>Gulai Ayam Kampung</h4>
<h5>Rp25000/porsi</h5>
</div>
</div>
<div class="card">
<div class="img">
<img class="zoom" src="assets/img/bakmi.jpg" alt="gambar bakmi ayam kampung" title="bakmi ayam kampung" />
</div>
<div class="legend">
<h4>Bakmi Ayam Kampung</h4>
<h5>Rp8000/porsi</h5>
</div>
</div>
<div class="card">
<div class="img">
<img class="zoom" src="assets/img/bakso.png" alt="gambar bakso ayam kampung" title="bakso ayam kampung" />
</div>
<div class="legend">
<h4>Bakso Ayam Kampung</h4>
<h5>Rp13000/porsi</h5>
</div>
</div>
<div class="card">
<div class="img">
<img class="zoom" src="assets/img/ayamgoreng.jpg" alt="gambar ayam goreng kampung" title="ayam goreng kampung" />
</div>
<div class="legend">
<h4>Ayam Goreng Kampung</h4>
<h5>Rp20000/porsi</h5>
</div>
</div>
</article>
<article id="drink">
<h3>Minuman</h3>
<div class="card">
<div class="img">
<img class="zoom" src="assets/img/esteh.jpg" alt="gambar es teh" title="es teh" />
</div>
<div class="legend">
<h4>Es teh</h4>
<h5>Rp2000</h5>
</div>
</div>
<div class="card">
<div class="img">
<img class="zoom" src="assets/img/esjeruk.jpg" alt="gambar es jeruk" title="es jeruk" />
</div>
<div class="legend">
<h4>Es Jeruk</h4>
<h5>Rp3000</h5>
</div>
</div>
<div class="card">
<div class="img">
<img class="zoom" src="assets/img/lemontea.jpg" alt="gambar lemon tea" title="lemon tea" />
</div>
<div class="legend">
<h4>Lemon tea</h4>
<h5>Rp4000</h5>
</div>
</div>
</article>
</div>
<aside id="order">
<h3>Order</h3>
<div class="img">
<img class="zoom" src="assets/img/alfi.png" alt="gambar profile" />
</div>
<h4>Alfi Syahrin</h4>
<h5><img src="assets/img/whatsapp.svg" alt="logo wa" />081214821516</h5>
<a class="button" href="https://wa.me/081214821516?text=Hi%20Classicfood,%20saya%20ingin%20memesan%0A">Order now</a>
</aside>
<div id="about">
<h3>About</h3>
<div class="img">
<img src="assets/img/logo.png" alt="classicfoodLogo" />
</div>
<div class="legend">
<h1>Classic Food</h1>
<h3>Menyediakan Aneka Olahan Ayam Kampung Berkualitas</h3>
</div>
</div>
</main>
<footer>
<div class="sosmed">
<a href=""><img src="assets/img/facebook.svg" alt="logo fb" /></a>
<a href=""><img src="assets/img/instagram.svg" alt="logo ig" /></a>
<a href=""><img src="assets/img/twitter.svg" alt="logo twitter" /></a>
</div>
<div class="credit">
<h3>Classic Food ©2023</h3>
</div>
</footer>
<div class="toTopButton" onclick="topFunction()">
<img src="assets/img/up.svg" alt="toTop" />
</div>
<div class="imgShow">
<h6>Klik dimanapun untuk menutup gambar</h6>
</div>
<script src="assets/js/script.js"></script>
</body>
</html>