Membuat Curriculum Vitae
Tugas Pemrograman Web membuat Curriculum Vitae menggunakan HTML dengan Sublime Text. Berikut ini adalah Source code saya:
Hasil CV:
<!DOCTYPE html>
<html>
<head>
<title>Hello! I'm Jihan</title>
<link rel="icon" type="image/gif" href="cat.png">
<style>
body {
background-image: url("wallpaper.jpg");
background-size: cover;
}
#img{
border-radius: 100%;
}
h1{
text-align: center;
font-family: Goudy Old Style;
color: mediumvioletred;
font-size: 40px;
}
h2{
text-align: center;
font-family: Goudy Old Style;
color: mediumvioletred;
font-size: 20px;
}
p{
text-align: left;
font-family: Garamond;
color: maroon;
font-size: 20px;
margin-left: 60px;
margin-right: 30px;
}
b{
text-align: center;
font-family: Garamond;
color: maroon;
font-size: 30px;
}
#tbl1{
width: 90%;
background-color:mediumaquamarine;
opacity: .9;
}
</style>
</head>
<body>
<center>
<table style="background-color: antiquewhite" width="100%" >
<td>
<h1>Curriculum Vitae</h1>
</td>
</table>
<table style="background-color: antiquewhite" width="70%" >
<td>
<h2>Ifta Jihan Nabila (05111740000034) Pemrograman Web C</h2>
</td>
</table>
<br><br>
<img id="img" src="foto.jpg" alt="Foto Profil" style="width: 250px">
<table id="tbl1" >
<tr>
<td width="50%" align="center" >
<pre>
<h1>Biodata</h1> <p>Nama : Ifta Jihan Nabila <br>TTL : Kendal, 26 Juni 1999 <br>Agama : Islam <br>Jenis Kelamin : Perempuan <br>Alamat : Perumahan Graha Indah A7, Surabaya</p>
</pre>
<pre>
<h1>Pendidikan</h1> <p>2005-2006 SDN Balongsari 1 Mojokerto<br>2006-2010 SD IIS-DIM Medan<br>2010-2011 SDN Medokan Ayu 2 Surabaya<br>2011-2014 SMPN 12 Surabaya<br>2014-2017 SMAN 15 Surabaya<br>2017-sekarang Informatika ITS</p>
</pre>
<pre>
<h1>Organisasi dan Kepanitiaan</h1> <p style="text-align: center;">Bendahara I Paduan Suara SMAN 15 Surabaya<br>Ketua Tim PS SMAN 15 Surabaya pada Lomba Paduan Suara Unair<br>Badan Pengurus Harian Diklat PS SMAN 15 Surabaya<br>Anggota Divisi Webkes Schematics 2018<br><br><br></p>
</pre>
</td>
<td width="50%" align="center">
<pre>
<h1>Kelebihan</h1><b>Bertanggung jawab</b><br><b>Bekerja Keras</b><br><b>Positive Thinking</b><br>
</pre>
<pre>
<h1>Kekurangan</h1><b>Manajemen waktu yang kurang</b><br><b>Cepat panik</b><br>
</pre>
<h1>Find me!</h1> <img src="whatsapp.png" width="30px" height="30px"><b> 085230924521</b> <br>
<img src="line.png" width="30px" height="30px"> <b> jihannabiila</b> <br>
<img src="instagram.png" width="30px" height="30px"> <b> @jihannabiila</b> <br>
<img src="email.png" width="30px" height="30px"> <b> jihannabila26@gmail.com</b> <br>
</td>
</tr>
</table>
</center>
</body>
</html>
Hasil CV:
Comments
Post a Comment