Untitled

<!DOCTYPE html>
<html>
<head><title>Formulir Pendaftaran</title>
</head>

<style>

    body {
        background-image: url("Sitemap-SEON-Portal-Bisnis-Online-Indonesia.png");
    }
    header {
        background-color: DeepSkyBlue;
        border-left: 10px solid DarkBlue;
        font-family: trebuchet ms, sans-serif;
        color: white;
        padding: 10px;
    }

    table {
        background-color: Gainsboro;
        width: 50%;
        opacity: 0.9;
        border-radius: 4px;
    }
    th, td {
        width: 100px;
        padding: 5px;
    }

    input[type=text], select, textarea {
        padding: 6px 12px;
        margin: 5px 0;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    input[type=date] {
        padding: 6px 12px;
        margin: 5px 0;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    input[type=password] {
        padding: 6px 12px;
        margin: 5px 0;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .btn_style {
            font-family: Verdana;
            border-radius: 4px;
            padding: 10px 24px;
            color: white;
            background-color: green;
    }

    .btn_style:hover {
            border: 2px solid black;
            background-color: #45a049;
    }

    footer {
            background-color: yellow;
            border-right: 10px solid red;
            font-family: trebuchet ms, sans-serif;
            color: white;
            padding: 20px 80px;
    }
</style>

<body>
<header>
        <h3>Selamat Datang di Halaman Pendaftaran Siswa Baru - gelombang 2</h3>
        <p>Silahkan isi semua data yang dibutuhkan, jika mengalami gangguan atau kesulitan dalam melakukan
            Registrasi / Pendaftaran ini silahkan Hubungi kami.</p>
    </header>

<br>
        <form action="/formulir/proses" method="post">
        <input type = "hidden" name = "_token" value = "<?php echo csrf_token() ?>">

    <fieldset>
        <tr><td colspan="2" align="center"><legend><b>INFORMASI PERSONAL</b></legend></td></tr>
<table align="center" cellspacing='2'><tr><br></tr>
    <tr>
        <td>Nama Lengkap</td>
        <td><input type="text" name="nama" size="40"></td>
    </tr>

    <tr>
        <td>NISN</td>
        <td><input type="text" name="nisn" size="40"></td>
    </tr>

    <tr>
        <td>Jenis Kelamin</td>
        <td><input type="radio" name="jk" value="Laki-laki">
                <label for="jk">Laki-Laki</label>
            <input type="radio" name="jk" value="Perempuan">
                <label for="jk">Perempuan</label>
        </td>
    </tr>

    <tr>
        <td>Tempat</td>
        <td><input type="text" name="tp_lahir"></td>

    <tr>
        <td>Tanggal Lahir</td>
        <td><input type="date" name="tg_lahir"></td>
    </tr>

    <tr>
        <td>Agama</td>
        <td>
            <select name="id_agama">
                <option value="ISLAM">Islam</option>
                <option value="KRISTEN">Kristen</option>
                <option value="BUDHA">Budha</option>
                <option value="HINDU">Hindu</option>

            </select>
        </td>
    </tr>

    <tr>
        <td>Alamat Lengkap</td>
        <td><textarea name="alm_lengkap" cols="40" rows="3"></textarea></td>
    </tr>

    <tr>
        <td>Pilihan Jurusan</td>
        <td>
            <select name="id_jurusan">
                <option value="SMA IPA">SMA IPA</option>
                <option value="SMA IPS">SMA IPS</option>
            </select>
        </td>
    </tr>
</table>
    </fieldset>
<br><br>
    <fieldset>
        <tr><td colspan="2" align="center"><legend><b>INFORMASI ORANG TUA / WALI</b></legend></td></tr>
<table align="center" cellspacing='2'><tr><br></tr>
    <tr><td>Nama Lengkap</td>
        <td><input type="text" name="asal sekolah" size="40"></td>
    </tr>

    <tr><td>Pekerjaan</td>
        <td><input type="text" name="jurusan sekolah" size="40"></td>
    </tr>

    <tr><td>Penghasilan</td>
        <td><input type="text" name="nilai uan" size="40"></td>
    </tr>
</table>
    </fieldset>
<br><br>
    <fieldset>
        <tr><td colspan="2" align="center"><legend><b>INFORMASI PENDIDIKAN</b></legend></td></tr>
<table align="center" cellspacing='2'><tr><br></tr>
    <tr>
            <td>Sekolah Asal</td>
            <td><input type="text" name="sekolah_asal" size="40"></td>
        </tr>
</table>
    </fieldset>
<br><br>
    <fieldset>
        <tr><td colspan="2" align="center"><legend><b>INFORMASI LOGIN</b></legend></td></tr>
<table align="center" cellspacing='2'><tr><br></tr>
    <tr>
        <td>E-Mail</td>
        <td><input type="text" name="email" size="40"></td>
    </tr>

    <tr>
        <td>Password</td>
        <td><input type="password" name="password" size="40"></td>
    </tr>
</table>
    </fieldset>

<br>

    <footer align="right">
            <button class="btn_style" onclick="alert('Selamat dan Terimakasih Anda Telah Mendaftar!')">Daftar Sekarang !</button>
    </footer>
</body>
</html>