114 lines
5.3 KiB
HTML
114 lines
5.3 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" />
|
|
<link rel="stylesheet" href="css/profile.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-profile">
|
|
<div class="profile-header">
|
|
<h1>Es Kuwut</h1>
|
|
</div>
|
|
<div class="profile-message">
|
|
<p>Es kuwut merupakan sejenis minuman koktail dingin khas Bali yang terbuat dari air kelapa yang dicampur dengan serutan kelapa, serutan melon atau timun, biji selasih, perasan jeruk nipis, sirup melon, es batu dan terkadang ditambahkan susu, santan, atau nata de coco.</p>
|
|
<p>Penamaan kuwut sendiri berarti daging kelapa atau kelapa. Minuman ini merupakan minuman asli Bali yang kini dapat ditemui dan populer di seluruh Indonesia. Bagi orang-orang yang tidak mampu membeli melon, atau pedagang yang ingin menurunkan harga dagang, terkadang melon digantikan dengan serutan timun. Dalam pembuatan es kuwut, penggunaan sirup melon dapat digantikan dengan bahan lain seperti gula yang dicairkan atau sirup berperisa leci atau jeruk. Air kelapa yang digunakan juga dapat ditambahkan susu kental manis. Variasi es kuwut kekinian juga kian variatif, terkadang nata de coco, jeli, potongan buah naga atau semangka ditambahkan dalam es kuwut.</p>
|
|
</div>
|
|
<div class="profile-image">
|
|
<img src="https://foto.kontan.co.id/Af65DnPyU1WaK9hSyL3zWGMVKhw=/smart/2024/03/14/1703599507p.jpg" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<h1 class="judul"><u>Our Team (Pagi)</u></h1>
|
|
|
|
<div class="team-profile">
|
|
<div>
|
|
<img src="https://doodleipsum.com/700x700/avatar-5?i=3450e0d6cf6d16a6a2baadaa6301cc8b" alt="">
|
|
<h2>Syahdan</h2>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
|
</div>
|
|
<div>
|
|
<img src="https://doodleipsum.com/700x700/avatar-5?i=d572031d1df0ca56cc11a1ed6158ea8d" alt="">
|
|
<h2>Windah</h2>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
|
</div>
|
|
<div>
|
|
<img src="https://doodleipsum.com/700x700/avatar-5?i=e855b9b20a7741203494c5340371aa39" alt="">
|
|
<h2>Yusuf</h2>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
|
</div>
|
|
<div>
|
|
<img src="https://doodleipsum.com/700x700/avatar-5?i=3fb5f8acc680a523b0e4709192c7333b" alt="">
|
|
<h2>Sitri</h2>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
|
</div>
|
|
<div>
|
|
<img src="https://doodleipsum.com/700x700/avatar-5?i=b2240e8427d1e30e663e11067651cf70" alt="">
|
|
<h2>Selfi</h2>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<h1 class="judul"><u>Our Team (Sore)</u></h1>
|
|
<div class="team-profile">
|
|
<div>
|
|
<img src="https://doodleipsum.com/700x700/avatar-5?i=3fb5f8acc680a523b0e4709192c7333b" alt="">
|
|
<h2>Avii</h2>
|
|
<p>
|
|
<a href="#">Instagram</a> | <a href="#">Linkedin</a> | <a href="#">Tiktok</a>
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<img src="https://doodleipsum.com/700x700/avatar-5?i=330517b8fa833af9099cf11f29f69bc6" alt="">
|
|
<h2>Vivin</h2>
|
|
<p><a href="#">Instagram</a> | <a href="#">Linkedin</a> | <a href="#">Tiktok</a></p>
|
|
</div>
|
|
<div>
|
|
<img src="https://doodleipsum.com/700x700/avatar-5?i=3866b029457817a8d3bdd26ebba02cbc" alt="">
|
|
<h2>Hamdi</h2>
|
|
<p><a href="#">Instagram</a> | <a href="#">Linkedin</a> | <a href="#">Tiktok</a></p>
|
|
</div>
|
|
<div>
|
|
<img src="https://doodleipsum.com/700x700/avatar-5?i=64c93dfe447c5a5251b02d295fa0b46f" alt="">
|
|
<h2>Nathan</h2>
|
|
<p><a href="#">Instagram</a> | <a href="#">Linkedin</a> | <a href="#">Tiktok</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
</html> |