-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
147 lines (135 loc) · 6.28 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="stylesheet.css">
<link rel="stylesheet" href="responsive.css">
<link rel="stylesheet" href="https:////maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet">
<title>Umai | Umami Restaurant</title>
</head>
<body>
<header>
<div class="container">
<div class="header">
<div class="logo-icon">UMAI</div>
<span class="fa fa-bars menu-icon fa-lg"></span>
<div class="header-nav">
<a href="#">HOME</a>
<a href="#">MENU</a>
<a href="#">RESERVASI</a>
<a href="#">KONTAK</a>
<a href="#" class="member">Member</a>
</div>
</div>
</div>
</header>
<div class="main-content">
<div class="container">
<h1>CITA RASA DUNIA,</h1>
<h1>HARGA KAKI LIMA.</h1>
<p>Berdiri sejak 2020 dengan resep keluarga.</p>
<div class="btn-main">
<a href="#" class="btn signup">Daftar Member</a>
<p>atau bisa terlebih dahulu</p>
<a href="#menu-content" class="btn menu-kami"><span class="fa fa-cutlery"></span>Cek Menu Kami</a>
<a href="#subscribe" class="btn langganan"><span class="fa fa-newspaper-o"></span>Langgan Berita</a>
</div>
</div>
</div>
<div class="sub-content">
<div class="container">
<div class="heading-content">
<h2 class="teks-heading">Tentang Kami</h2>
<hr>
</div>
<div class="deskripsi-konten-umai">
<p>Umai didirikan tahun 2020 oleh Tim G32 CEB, menyediakan hidangan khas Indonesia dan Jepang dengan harga terjangkau. Menu spesial kami adalah Ramen, Yakitori, dan Sushi.
Kami juga menyediakan minuman khas seperti Cendol, Bandrek, dan Sake.<br>Daftar sebagai member <span class="umai-main" style="font-size: 20px;">UMAI</span> untuk bisa mendapatkan benefit yang menguntungkan bagi pelanggan setia kami.</p>
<a href="#" class="tentang">Profil Kami</a>
</div>
</div>
</div>
<div class="menu-content" id="menu-content">
<div class="container">
<div class="heading-menu">
<h3 class="text-menu">Menu Terlaris </h3>
<hr>
<p class="sub-text-menu">Beberapa menu terlaris pekan ini</p>
</div>
<div class="daftar-menu">
<div class="konten-menu">
<img src="img/ramen.jpg" class="gambar-menu" alt="">
<div class="deskripsi-menu">
<h4><b>Ramen</b></h4>
<p class="teks-deskripsi">Ramen merupakan olahan makanan khas Jepang dari bahan dasar mie yang berkuah disajikan dengan daging, <em>chasiu</em>, <em>menma</em>, dan irisan daun bawang .</p>
<p class="harga-menu">Rp. 10,000</p>
<span class="btn pesan-menu">Pesan</span>
</div>
</div>
<div class="konten-menu">
<img src="img/yakitori.jpg" class="gambar-menu" alt="">
<div class="deskripsi-menu">
<h4><b>Yakitori</b></h4>
<p class="teks-deskripsi">Yakitori adalah salah satu masakan Jepang yang terbuat dari daging ayam dan bahan-bahan lainnya yang dipotong kecil-kecil, ditusuk seperti sate, kemudian dibakar.</p>
<p class="harga-menu">Rp. 15,000</p>
<span class="btn pesan-menu">Pesan</span>
</div>
</div>
<div class="konten-menu">
<img src="img/sushi.jpg" class="gambar-menu" alt="">
<div class="deskripsi-menu">
<h4><b>Sushi</b></h4>
<p class="teks-deskripsi">Sushi adalah makanan Jepang yang terdiri dari nasi yang dibentuk bersama lauk berupa makanan laut, daging, sayuran mentah atau yang sudah dimasak.</p>
<p class="harga-menu">Rp. 17,500</p>
<span class="btn pesan-menu">Pesan</span>
</div>
</div>
</div>
</div>
</div>
<div class="subscribe" id="subscribe">
<div class = "subscontainer">
<h2>Langgan Berita Kami</h2><hr>
<p><input type = "text" placeholder="Isi alamat email"> <a href = "#" class = "subs">SEND</a></p>
</div>
</div>
<footer class="footer-distributed">
<div class="container">
<div class="footer-left">
<h3>UMAI</h3>
<p class="deskripsi-footer-umai">UMAI adalah sebuah resto fiktif yang didirikan sebagai tugas kelompok untuk project Tim G32 CEB.</p>
</div>
<div class="footer-center">
<div>
<i class="fa fa-map-marker"></i>
<p><span>Jalan G32</span> Jakarta, Indonesia</p>
</div>
<div>
<i class="fa fa-phone"></i>
<p>+628 888 888 888</p>
</div>
<div>
<i class="fa fa-envelope"></i>
<p><a href="#">[email protected]</a></p>
</div>
</div>
<div class="footer-right">
<p class="footer-medsos-umai">
<span>Media Sosial Kami</span>
Ikuti Media Sosial kami untuk mengetahui informasi terbaru tentang restoran UMAI.
</p>
<div class="footer-icons">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-youtube"></i></a>
</div>
</div>
</div>
<p class="footer-umai"> G32 © <span class="umai-main" style="font-size: 14px;">UMAI</span> | 2020</p>
</footer>
</body>
</html>