Tugas kali ini adalah membuat website untuk Curriculum Vitae (CV). Berbeda dengan tugas sebelumnya, di tugas kali ini hanya menampilkan biodata/profil diri dan dalam proses pengerjaannya menggunakan HTML saja, tanpa adanya CSS dan JavaScript. Tugas ini juga tetap memakai VSCode sebagai text editor. Laman website-nya dapat diakses pada link berikut. Untuk hosting web sendiri memakai Netlify.
Konten dari website:
- Main page, berisi informasi umum, riwayat pendidikan, informasi kontak, dan pengalaman organisasi.
Tampilan Website
- index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="UTF-8"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Membuat CV</title> | |
<style> | |
* { | |
font-family: Arial, Helvetica, sans-serif; | |
} | |
.wrap{ | |
background-color:rgba(255,255,255,0.7); | |
width: 800px; | |
color:black; | |
margin: 20px auto; | |
padding: 15px; | |
} | |
</style> | |
</head> | |
<body style="background: url(background.png); background-size: cover; background-attachment: fixed;"> | |
<div class="wrap"> | |
<h1 style="text-align: center;">Biodata Diri</h1> | |
<hr align="center" width="25%" style="border-top: 3px double #8c8b8b;" /> | |
<table> | |
<tr> | |
<td rowspan="12" width="100px"> | |
<img src="profile.JPG" width="200px" style="display: block; border-radius: 50%; border-color: black; margin-right: 30px;" border="2px"> | |
</td> | |
</tr> | |
<tr> | |
<td><b>Nama Lengkap</b></td> | |
<td>:</td> | |
<td>Thomas Felix Brilliant</td> | |
</tr> | |
<tr> | |
<td><b>Tempat, Tanggal Lahir</b></td> | |
<td>:</td> | |
<td>Bojonegoro, 13 November 2000</td> | |
</tr> | |
<tr> | |
<td><b>Jenis Kelamin</b></td> | |
<td>:</td> | |
<td>Laki-laki</td> | |
</tr> | |
<tr> | |
<td><b>Alamat</b></td> | |
<td>:</td> | |
<td>Keputih Tegal Timur I, Sukolilo, Surabaya</td> | |
</tr> | |
<tr> | |
<td><b>Agama</b></td> | |
<td>:</td> | |
<td>Katolik</td> | |
</tr> | |
<tr> | |
<td><b>Pekerjaan</b></td> | |
<td>:</td> | |
<td>Pelajar/Mahasiswa</td> | |
</tr> | |
<tr> | |
<td><b>Kewarganegaraan</b></td> | |
<td>:</td> | |
<td>Indonesia</td> | |
</tr> | |
</table> | |
<br/> | |
<table> | |
<h3>Riwayat Pendidikan</h3> | |
<tr> | |
<td><b>SD</b></td> | |
<td>:</td> | |
<td>SDK Santo Yosep Surabaya</td> | |
<td>(2007 - 2010)</td> | |
</tr> | |
<tr> | |
<td><b>SD</b></td> | |
<td>:</td> | |
<td>SDK Santo Paulus Bojonegoro</td> | |
<td>(2010 - 2013)</td> | |
</tr> | |
<tr> | |
<td><b>SMP</b></td> | |
<td>:</td> | |
<td>SMP Negeri 2 Bojonegoro</td> | |
<td>(2013 - 2016)</td> | |
</tr> | |
<tr> | |
<td><b>SMA</b></td> | |
<td>:</td> | |
<td>SMA Negeri 1 Bojonegoro</td> | |
<td>(2016 - 2019)</td> | |
</tr> | |
<tr> | |
<td><b>Perguruan Tinggi</b></td> | |
<td>:</td> | |
<td>S1 Informatika - ITS Surabaya</td> | |
<td>(2019 - sekarang)</td> | |
</tr> | |
</table> | |
<br/> | |
<table> | |
<h3>Informasi Kontak</h3> | |
<tr> | |
<td><b>Nomor HP</b></td> | |
<td>:</td> | |
<td>+6281216086760</td> | |
</tr> | |
<tr> | |
<td><b>Email</b></td> | |
<td>:</td> | |
<td><a href="mailto:thomasfelixbrilliant@gmail.com">thomasfelixbrilliant@gmail.com</a></td> | |
</tr> | |
</table> | |
<br/> | |
<table> | |
<h3>Pengalaman</h3> | |
<tr> | |
<td><b>Staf Media Informasi</b></td> | |
</tr> | |
<tr> | |
<td>PSM ITS</td> | |
<td>(2021 - sekarang)</td> | |
</tr> | |
<tr> | |
<td><br/></td> | |
</tr> | |
<tr> | |
<td><b>Staf Ahli Schematics NST</b></td> | |
</tr> | |
<tr> | |
<td>Schematics ITS</td> | |
<td>(2021 - sekarang)</td> | |
</tr> | |
</table> | |
</div> | |
</body> | |
</html> |
Komentar
Posting Komentar