74 lines
1.5 KiB
HTML
74 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>KATSU Dashboard</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- HEADER -->
|
|
<div class="header">
|
|
<div class="header-content">
|
|
<h2>KATSU</h2>
|
|
<div class="nav">
|
|
<a href="index.html">Home</a>
|
|
<a href="informasi.html">Informasi</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- BANNER ATAS -->
|
|
<div class="banner">
|
|
<div class="logo">K</div>
|
|
<p>Selamat Datang di Kanda TEFA Unggas Politeknik Negeri Jember</p>
|
|
</div>
|
|
|
|
<div class="dashboard">
|
|
|
|
<h3 class="judul">Update Hari Ini!!</h3>
|
|
|
|
<div class="grid-3">
|
|
|
|
<!-- PAKAN KANAN -->
|
|
<div class="box">
|
|
<p class="top-text">Pakan Kanan</p>
|
|
|
|
<img src="https://via.placeholder.com/250x120?text=Chart">
|
|
|
|
<p class="bottom-text">Berat pakan (gram)</p>
|
|
|
|
<div class="progress">70%</div>
|
|
|
|
<p class="bottom-text">Persentase pakan</p>
|
|
</div>
|
|
|
|
<!-- PAKAN KIRI -->
|
|
<div class="box">
|
|
<p class="top-text">Pakan Kiri</p>
|
|
|
|
<img src="https://via.placeholder.com/250x120?text=Chart">
|
|
|
|
<p class="bottom-text">Berat pakan (gram)</p>
|
|
|
|
<div class="progress">45%</div>
|
|
|
|
<p class="bottom-text">Persentase pakan</p>
|
|
</div>
|
|
|
|
<!-- JADWAL -->
|
|
<div class="box jadwal">
|
|
<p class="top-text">Jadwal Pakan</p>
|
|
|
|
<p class="pagi">Pagi: 09.00 WIB</p>
|
|
<p class="sore">Sore: 15.00 WIB</p>
|
|
|
|
<p class="bottom-text">Waktu pemberian pakan</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html> |