Nama : Made Satya Dhananjaya
NRP : 5053231001
Rekayasa Perangkat Lunak
Link Deploy Web : https://madesatya5.github.io/Web-KantinTC/
HTML :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kantin TC</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="main-container">
<header>
<h1>Kantin TC</h1>
</header>
<nav>
<div class="navbar">
<p>Beranda</p>
<p>Daftar Makanan</p>
<p>Katering</p>
<p>Kontak</p>
</div>
</nav>
<div class="menu">
<div class="menu-container">
<div class="img-container">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQS2NFNvyT5KWMUMpzOV36-3hM_iamOzupO4w&s" alt="">
</div>
<div class="text-container">
<h4>Soto Ayam</h4>
<p>Soto ayam adalah salah satu hidangan tradisional Indonesia berupa sup dengan bahan dasar kaldu ayam yang gurih, biasanya berisi potongan ayam, bihun atau soun, tauge, kentang goreng, dan telur rebus. Soto ayam biasanya disajikan dengan tambahan taburan bawang goreng, seledri, dan kadang ditambah perasan jeruk nipis serta sambal untuk cita rasa yang lebih segar dan pedas.</p>
</div>
</div>
<div class="menu-container">
<div class="img-container">
<img src="https://www.blibli.com/friends-backend/wp-content/uploads/2023/04/B300026-Cover-resep-nasi-goreng-scaled.jpg" alt="">
</div>
<div class="text-container">
<h4>Nasi Goreng</h4>
<p>Nasi goreng adalah hidangan khas Indonesia yang terdiri dari nasi yang digoreng bersama dengan bumbu-bumbu seperti bawang merah, bawang putih, kecap manis, dan cabai. Biasanya nasi goreng ditambahkan dengan bahan-bahan lain seperti telur, potongan ayam, udang, atau daging, serta sayuran seperti wortel dan kacang polong.</p>
</div>
</div>
<div class="menu-container">
<div class="img-container">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/82/Mi_ayam_jamur.JPG/1200px-Mi_ayam_jamur.JPG" alt="">
</div>
<div class="text-container">
<h4>Mie Ayam</h4>
<p>Mie ayam adalah salah satu hidangan mi yang populer di Indonesia, terdiri dari mi yang direbus dan disajikan dengan potongan ayam berbumbu, serta dilengkapi dengan berbagai pelengkap seperti sayuran hijau (biasanya sawi), daun bawang, dan pangsit atau bakso.</p>
</div>
</div>
<div class="menu-container">
<div class="img-container">
<img src="https://asset.kompas.com/crops/4YU50a-otCizqmiGq3VlfmesNmU=/0x5:1000x672/750x500/data/photo/2023/08/11/64d58bed6c722.jpeg" alt="">
</div>
<div class="text-container">
<h4>Nasi Krawu</h4>
<p>Nasi krawu adalah hidangan khas dari Gresik, Jawa Timur, yang terdiri dari nasi putih disajikan dengan lauk-pauk khas seperti daging sapi suwir, serundeng (parutan kelapa yang digoreng), dan sambal terasi.</p>
</div>
</div>
</div>
</div>
</body>
</html>
CSS :
body{
background-color: #603F26;
}
.navbar{
display: flex;
justify-content: center;
gap: 20px;
}
.navbar p{
font-size: 20px;
}
.navbar p:hover{
cursor: pointer;
}
.main-container{
max-width: 800px;
padding: 10px 30px;
border-radius: 20px;
margin: auto;
background-color: #FFDBB5;
}
h1{
text-align: center;
}
h4{
font-size: 30px;
}
.menu-container{
display: flex;
gap: 10px;
margin-top: 10px;
margin-bottom: 20px;
align-items: center;
}
img{
width: 300px;
height: 200px;
object-fit: cover;
border-radius: 20px;
}
p{
text-align: justify;
}
img:hover{
cursor: pointer;
}
Comments
Post a Comment