Dokumentasi CV
Berikut Source code yang saya gunakan:
HTML :
<!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>Biodata Riki Achmad</title>
</head>
<style>
body {
background-color: rgb(255, 116, 116);
font-family: Arial, Helvetica, sans-serif;
}
td,th {
border: 2px solid black;
}
table{
border-collapse: collapse;
}
.container {
display: flex;
justify-content: center;
margin: auto;
width:400px;
height: 500px;
// border: 5px solid #1f1f1f;
background-color: rgb(245, 255, 160);
padding: 20px;
margin: 0% 5%;
border-radius: 1rem;
}
.container2 {
margin-top: 200px;
display: flex;
justify-content: center;
margin: auto;
width: 600px;
height: 500px;
background-color: rgb(204, 231, 255);
margin: 5% 25%;
border-radius: 1rem;
}
.column {
float: right;
width: 50%;
}
.row:after {
content: "";
display: table;
clear: both;
}
</style>
<body style="justify-content: center;">
<div class="container2">
<div class="column">
<div style="text-align: center; padding: 25% 15%;">
<img src="riki.jpg" width="100%" style="border-radius: 10%;">
<h1>Biodata<br>Riki Achmad</h1>
</div>
</div>
<div class="column">
<div class="container">
<table style="margin-left: auto; margin-right: auto; font-size: larger;">
<tbody>
<tr>
<td><b>Nama Lengkap</b></td>
<td>Riki Mi'roj Achmad</td>
</tr>
<tr>
<td><b>Tempat, Tanggal Lahir</b></td>
<td>Surabaya, 2 November 2000</td>
</tr>
<tr>
<td><b>Jenis Kelamin</b></td>
<td>Pria</td>
</tr>
<tr>
<td><b>Agama</b></td>
<td>Islam</td>
</tr>
<tr>
<td><b>Alamat Tinggal</b></td>
<td>Taman Pinang Indah D3/24</td>
</tr>
<tr>
<td><b>Status</b></td>
<td> Single</td>
</tr>
<tr>
<td><b>Pekerjaan</b></td>
<td>Mahasiswa</td>
</tr>
<tr>
<td><b>Kewarganegaraan</b></td>
<td>Indonesia/Jpn</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>
Comments
Post a Comment