61 lines
2.1 KiB
HTML
61 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="id">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Group 02 - Tugas Halaman Statis</title>
|
|
<link rel="stylesheet" href="./style.css">
|
|
</head>
|
|
<body>
|
|
<header class="nav">
|
|
<div class="container">
|
|
<div class="brand">Informatika UNTAN — Static Assignment</div>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="hero">
|
|
<img class="hero-bg" src="../../assets/global/hero.webp" alt="Hero">
|
|
<div class="container hero-inner">
|
|
<span class="badge">Halaman Statis</span>
|
|
<h1>Judul Halaman Group 02</h1>
|
|
</div>
|
|
</section>
|
|
|
|
<main class="container layout">
|
|
<article>
|
|
<div class="meta">
|
|
<span>Kelompok 02</span>
|
|
<span>2026</span>
|
|
</div>
|
|
|
|
<figure class="cover">
|
|
<img src="https://placehold.co/1200x675/e2e8f0/94a3b8?text=Header+Image" alt="Header halaman">
|
|
</figure>
|
|
|
|
<div id="assignment-body" class="article-body">
|
|
<!-- ================= START: BAGIAN YANG DIEDIT KELOMPOK ================= -->
|
|
<p>Tulis konten halaman kelompok di sini.</p>
|
|
<h3>Subjudul</h3>
|
|
<p>Gunakan paragraf, list, tabel, gambar, dan elemen konten lainnya.</p>
|
|
<!-- ================= END: BAGIAN YANG DIEDIT KELOMPOK ================= -->
|
|
</div>
|
|
</article>
|
|
|
|
<aside>
|
|
<div class="note">
|
|
<h3>Catatan Tugas</h3>
|
|
<p>Ubah hanya area <code>#assignment-body</code>. Jangan ubah shell layout.</p>
|
|
</div>
|
|
</aside>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<div class="container footer-inner">
|
|
<img src="../../assets/global/logo.png" alt="Logo" class="footer-logo">
|
|
<p>© Informatika UNTAN — Group 02</p>
|
|
</div>
|
|
<img src="../../assets/global/footer.png" alt="Footer ornament" class="footer-ornament">
|
|
</footer>
|
|
</body>
|
|
</html>
|