CV Berbasis HTML featuring CSS tanpa Bootstrap?!
Saya menggunakan Sublime Text dalam menuliskan program CV berbasis HTML ini sebagai tugas pertama kelas Pemrograman Web.
Source Code
<!DOCTYPE html>
<html>
<head>
<title> Curriculum Vitae </title>
<style>
tr, td{
padding: 3px;
}
li{
font-family: Courier New;
font-size: medium;
}
body{
background-image: url("https://i.pinimg.com/originals/b5/b5/5e/b5b55e21e5206d5bd35268d7e93156d7.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
p{
padding: 15px;
font-family: Courier New;
font-size: 17px;
}
h3{
font-weight: bold;
font-family: Lucida Console;
font-size: 20px;
color: tomato;
border-style: double;
border: 2px solid tomato;
margin: 20px;
}
h4{
text-align: center;
font-weight: bold;
font-family: Courier New;
font-size: 17px;
}
h5{
color: white;
text-align: center;
font-weight: normal;
font-family: Courier New;
font-size: 17px;
letter-spacing: 3px;
word-spacing: 5px;
}
</style>
</head>
<body>
<center>
<table style="
background-color: rgba(255, 99, 71, 0.4);">
<tr>
<td>
<h5>Indira Nursyamsina Hazimi 05111740000082 Pemrograman Web C</h5>
</td>
</tr>
</table>
<table width="65%">
<tr style="
background-color: rgba(255, 255, 255, 0.75);">
<td align="center" colspan="3">
<img src="https://pbs.twimg.com/media/DmKzjSxVAAAPF9g.jpg" alt="Profile Picture" width="auto" height="350px">
</td>
</tr>
<br>
<tr style="
background-color: rgba(255, 255, 255, 0.75);">
<td align="center" colspan="2" width="50%">
<h3> Tentang Saya </h3>
<p>Hai! Saya Hazimi, seorang mahasiswi dari Departemen Informatika, Institut Teknologi Sepuluh Nopember.
<br> <br>
Saya lahir di Surabaya pada tanggal 28 Juli 1999. Hobi saya adalah <i>gaming</i> dan jelajah kuliner. Saya menyukai semua jenis olahraga yang ada, karena saya sendiri mantan atlit.
<br> <br>
<i>Feel free to discuss anything about games or sports with me!</i></p>
<h3> Kontak Saya </h3>
<table style="background-color: rgba(0, 0, 0, 0);">
<tr>
<td>
<img src="https://i.pinimg.com/originals/63/a1/52/63a1528300a815a233ce9f0b87729a82.png" width="30px" height="30px">
</td>
<td align="center">
+6281232598318
</td>
</tr>
<tr>
<td>
<img src="https://cdn1.iconfinder.com/data/icons/social-hand-drawn-icons/67/social_65-512.png" width="30px" height="30px">
</td>
<td align="center">
@jimmyz28
</td>
</tr>
<tr>
<td>
<img src="https://cdn2.iconfinder.com/data/icons/cv-curriculum-vitae/100/set_cv3ok-07-512.png" width="30px" height="30px">
</td>
<td align="center">
@xhazimix
</td>
</tr>
<tr>
<td>
<img src="https://kathleenhalme.com/images/mail-clipart-transparent-11.png" width="30px" height="30px">
</td>
<td align="center">
indirahazimi@gmail.com
</td>
</tr>
</table>
</td>
<td align="center" width="50%">
<table width="85%">
<tr>
<h3>Riwayat Pendidikan</h3>
<p><b>Sekolah Menengah Atas | 2014-2017</b>
<br> SMA Negeri 16 Surabaya
<br>
<b>Sekolah Menengah Pertama | 2011-2014</b>
<br> SMA Negeri 12 Surabaya
<br>
<b>Sekolah Dasar | 2005-2011</b>
<br> SD Muhammadiyah 4 Surabaya
<br></p>
</tr>
<tr>
<h3>Riwayat Organisasi dan Kepanitiaan</h3>
<p><b>Organisasi</b><br>
Staff Departemen Internal ITS Muaythai Association 2017/2018 <br>
Wakil Ketua I OSIS Periode 2015/2016 <br><br>
<b>Kepanitiaan</b><br>
Anggota Divisi REEVA Schematics 2018<br>
Koor Acara TC Arena 2017<br>
Ketua Divisi Acara Incredible Sixteen Cup 2016<br>
Anggota Divisi Acara Classical Clarion 2015<br></p>
</tr>
<tr>
<h3>Kemampuan</h3>
<td width="50%" style="background-color: rgba(0, 0, 0, 0);">
<h4>Kelebihan</h4>
<ul>
<li> <i>Leading a team</i></li>
<li><i>Planning</i></li>
<li>Kerja Keras</li>
<li>Fleksibel</li>
</ul>
</td>
<td width="50%" style="background-color: rgba(0, 0, 0, 0);">
<h4>Kekurangan</h4>
<ul>
<li>Kurang Terorganisir</li>
<li>Ceroboh</li>
<li><i>Insomnia</i></li>
<li><i>Sleepy Head</i></li>
</ul>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>
Tampilan
Komentar
Posting Komentar