<link href="https://fonts.googleapis.com/css?family=Bree+Serif&display=swap" rel="stylesheet">
<style type="text/css">
    table{
        border: 5px outset blue;
        background: linear-gradient(to bottom, #33ccff 0%, #ff3399 100%);
    }
    th{
        font-family: 'Bree Serif', serif;
        font-size: 30px;
    }
    td{
        font-family: 'Bree Serif', serif;
        font-size: 20px;
    }
    td.batas{
        height: 5px;
        border-radius: 50px;
        background-color: blue;
    }
</style>

<?php
    $nim = $_POST['nim'];
    $nama = $_POST['nama'];
    $jurusan = $_POST['jurusan'];
    $nilaiHarian = $_POST['nilaiHarian'];
    $nilaiTugas = $_POST['nilaiTugas'];
    $nilaiUts = $_POST['nilaiUts'];
    $nilaiUAS = $_POST['nilaiUAS'];

    $nilaiAkhir = ($nilaiHarian * 20/100) + ($nilaiTugas * 10/100) + ($nilaiUts * 30/100) + ($nilaiUAS * 40/100);
?>

<table border="1">
    <tr>
        <td width="150px">NIM</td>
        <td width="150px">
            <?php echo $nim; ?>
        </td>
    </tr>
    <tr>
        <td>Nama Siswa</td>
        <td>
            <?php echo $nama; ?>
        </td>
    </tr>
    <tr>
        <td>Jurusan</td>
        <td>
            <?php echo $jurusan ?>
        </td>
    </tr>
    <tr>
        <td>Nilai Harian</td>
        <td>
            <?php echo $nilaiHarian; ?>
        </td>
    </tr>
    <tr>
        <td>Nilai Tugas</td>
        <td>
            <?php echo $nilaiTugas; ?>
        </td>
    </tr>
    <tr>
        <td>Nilai UTS</td>
        <td>
            <?php echo $nilaiUts; ?>
        </td>
    </tr>
    <tr>
        <td>Nilai UAS</td>
        <td>
            <?php echo $nilaiUAS; ?>
        </td>
    </tr>
    <tr>
        <td class="batas" colspan="2"></td>
    </tr>
    <tr>
        <td>Nilai Akhir</td>
        <td>
            <?php echo $nilaiAkhir; ?>
        </td>
    </tr>
</table>