<div class="navbar">
<a href="#">Beranda</a>
<a href="#">Riwayat Pendidikan</a>
<a href="#">Galerry Portfolio</a>
<a href="#">Kontak</a>
</div>
<div class="content">
<h1>Tentang Saya</h1>
<h4>Biodata Singkat:</h4>
<img src="jovi.jpg" height="200px" width="200px" alt="Juniati Jovita
Indus">
<p>Nama: Juniati Jovita Indus</p>
<p>Tempat Tanggal Lahir: Makassar, 24 Juni 2004</p>
<p>Pekerjaan: Mahasiswa</p>
<h4>Hobi</h4>
<ol type="1">
<li>Menggambar</li>
<li>Menyanyi</li>
<li>Mendengarkan Musik</li>
</ol>
<h4>Kontak</h4>
<table border="1" cellspacing="0" cellpadding="10">
<thead>
<tr>
<th>Email</th>
<th>LinkedIn</th>
<th>Instagram</th>
</tr>
</thead>
<tbody>
<tr>
<td>vitajofita@gmail.com</td>
<td>Juniati Jovita Indus</td>
<td>@jo.vita2917</td>
</tr>
</tbody>
</table>
</div>
<div class="form">
<form action="">
<h2>Komentar</h2>
<div class="input-box">
<input type="text" placeholder="Username" required>
</div>
<div class="input-box">
<input type="email" name="email" placeholder="Email">
</div>
<div class="input-box">
<input type="text" placeholder="Judul Pesan" required>
</div>
<textarea placeholder="Isi Pesan"></textarea>
<div class="btn">
<button type="submit" class="btn">Kirim</button>
</div>
</form>
</div>
</body>
</html>
Tampilan pada browser