Tugas 2
Nama: M Zhafran Musyaffa
NRP: 05111940000147
Kelas: PWEB D
Pada tugas kali ini, diminta untuk membuat website warteg menggunakan html. Berikut adalah website saya.
Untuk versi live nya bisa dilihat di sini
Adapun untuk implementasi kodingnya adalah sebagai berikut
<!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>M Zhafran Musyaffa - Backend Engineer</title>
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
.gray-dark {
background-color: #18191A;
color: white;
}
.bitdark {
opacity:0.5;
transition: all 0.25s;
max-height:500px;
}
.bitdark:hover {
opacity:1;
cursor: pointer;
}
</style>
</head>
<body>
<div class="p-8 h-screen w-screen gray-dark">
<p class="text-4xl font-bold">WARTEG</p>
<p>Tempat makan favoritmu</p>
<br><br><br>
<p class="text-2xl">Pilih menu favorit</p>
<div class="w-full grid grid-cols-2 gap-4">
<div>
<img src="https://cdn-2.tstatic.net/tribunnews/foto/bank/images/resep-rendang.jpg" class="bitdark w-full">
</div>
<div>
<img src="https://sweetrip.id/wp-content/uploads/2020/09/pawon_erna_107547883_577536256285587_5108317497083920660_n.jpg" class="bitdark w-full">
</div>
</div>
<div class="mt-4 text-xl">
<marquee>TONGKOL RP. 8.000 - TELOR RP. 5.000 - OREK TEMPE RP. 3.000 - SAYUR SAWI RP. 3.000 - AYAM GORENG RP. 10.000 - ES TEH MANIS RP. 4.000 - NASI RP. 3.000</marquee>
</div>
<div class="text-center" style="font-size:36px;">
JL. RAYA PEKAYON BARU NO. 25 KOTA BEKASI (SAMPING BENGKEL) BUKA JAM 09-21
</div>
</div>
</body>
</html>
Comments
Post a Comment