web-basic/article.html

62 lines
2.4 KiB
HTML

<!DOCTYPE html> <!-- html5 -->
<html>
<head>
<title>Website personal saya yang sangat bermakna</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- meta = Informasi yang diperuntukkan untuk keperluan Search Engine dalam mencari website kita -->
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/article.css" />
</head>
<body>
<header>
<h1>Meaningful heading</h1>
</header>
<nav>
<div class="kolom-samping">
<a class="menu-item" href="index.html">Home</a>
</div>
<div class="kolom-samping">
<a class="menu-item" href="about.html">About</a>
</div>
<div class="kolom-samping">
<a class="menu-item" href="article.html">Article</a>
</div>
<div class="kolom-samping">
<a class="menu-item" href="contact.html">Contact</a>
</div>
</nav>
<div class="container">
<main class="container-article">
<div>
<h2 class="judul"><u>Article</u></h2>
</div>
<aside class="side-left">
<ul>
<li><a href="#">Pertamax dioplos, warga pindah ke Shell</a></li>
<li><a href="#">Ditemukan kehidupan baru di planet Mars</a></li>
<li><a href="#">AI Apocalypse: ChatGPT is a Skynet</a></li>
</ul>
</aside>
<article>
<h3>Pertamax dioplos, warga pindah ke Shell</h3>
<p>Jakarta: Legislator Komisi VI DPR dari Fraksi PDIP melakukan inspeksi mendadak (sidak) ke SPBU 34.11405, Palmerah, Jakarta Barat. Mereka mengecek kualitas Pertamax yang belakangan ramai isu dioplos Pertalite.</p>
<p>"Kami ingin memastikan apakah konsumen itu mendapatkan produk sesuai yang dijanjikan oleh Pertamina atau tidak," kata Wakil Ketua Komisi VI DPR dari Fraksi PDIP Adisatrya Suryo Sulisto di lokasi, Senin, 3 Maret 2025.</p>
<p>Adisatrya mengatakan pihaknya menggeruduk SPBU Pertamina karena mendengar keluhan dari masyarakat. Pasalnya, berkembang narasi bahwa kualitas BBM RON 92 atau Pertamax setara RON 90 atau Pertalite.</p>
</article>
<aside class="side-right">Test</aside>
<footer>Copyright (c) 2025 Widuri News</footer>
</main>
</div>
</body>
</html>