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

Popular posts from this blog

Tugas 5 PWEB

EVALUASI AKHIR SEMESTER REKAYASA KEBUTUHAN A

Tugas 1 Rekayasa Kebutuhan