<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<style type="text/css">
body, html{
height: 100%;
margin: 0;
}
.profil{
border-radius: 50%;
}
table{
border-spacing: 0;
}
p{
font-family: TW Cen MT;
}
img.a{
vertical-align: text-bottom;
}
img.b{
vertical-align: text-top;
}
.judul{
font-size: 20px;
color: white;
}
.tulis{
font-size: 15px;
color: white;
}
</style>
<title>My Personal Blog</title>
</head>
<body background="img/Picture1.jpg" style="background-size:cover;">
<br><br><br><br><br>
<table width="55%" align="center" style="vertical-align: middle">
<tr>
<td bgcolor="LightGrey" width="40%" >
<p align="center"><img src="img/Untitled.png" alt="FOTO" width="60%" class="profil"></p>
<font size="5px">
<pre align="center" ><p>PROFILE</p></pre>
</font>
<font size="4px">
<p><img src="img/employee.png" alt="name" width="10%" style="padding: 0 10px 0 28px" class="a">Reza Adipatria Maranatha</p>
<p><img src="img/location.png" alt="loc" width="10%" style="padding: 0 10px 0 28px" class="a">Ketintang Permai BD-18</p>
<p><img src="img/phone-call.png" alt="phone" width="8%" style="padding: 0 14px 0 30px" class="a">081939103078</p>
<p><img src="img/envelope.png" alt="phone" width="9%" style="padding: 0 10px 0 30px" class="b">rezamaranatha@yahoo.com</p>
</font>
</td>
<td bgcolor=" #1a1a1a" style="text">
<pre style="padding: 0 0 0 50px"><p class="judul">PENDIDIKAN</p><p class="tulis">2014-2017 SMAK St Louis 1 Surabaya
2011-2014 SMP Santo Yosef Surabaya
2005-2011 SD Santo Yosef Surabaya</p><p class="judul">KELEBIHAN</p><p class="tulis">Tinggi Badan, Rajin</p><p class="judul">KEKURANGAN</p><p class="tulis">Malas, Terlalu bayak pikiran</p><p class="judul">HOBI</p><p class="tulis">Bermain Sepak Bola, Main PUBG</p>
</pre>
</td>
</tr>
</table>
</body>
</html>
Comments
Post a Comment