<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   
</body>
</html>
<!DOCTYPE html>
<html>
<head>
       <title>Biodata Diri Ibna</title>
</head>
<body>
      <h1 style="text-align:center;">BIODATA DIRI SAYA</h1>
      <table border="1" cellspacing="0" align="center" cellpadding="5" width="800">
      <tr>
          <td>FOTO</td>
          <td><img src="Ibna.jpeg" width=300 height=400</td>
      </tr>
      <tr>
          <td>NAMA</td>
          <td>IBNATUL MUBAROKAH</td>
      </tr>
      <tr>
          <td>TTL</td>
          <td>Purworejo, 26 Agustus 2005</td>
      </tr>
      <tr>
          <td>AGAMA</td>
          <td><input type="checkbox"id="agama1"value:"Islam"
          <label for="agama1">Islam</label><br>
          <input type="checkbox"id="agama2"value:"Kristen"
          <label for="agama2">Kristen</label><br>
          <input type="checkbox"id="agama3"value:"Katholik"
          <label for="agama3">Katholik</label><br>
          <input type="checkbox"id="agama4"value:"Hindu"
          <label for="agama4">Hindu</label><br>
          <input type="checkbox"id="agama5"value:"Budha"
          <label for="agama5">Budha</label><br>
          <input type="checkbox"id="agama6"value:"Konghucu"
          <label for="agama6">Konghucu</label><br>
            </select>
            </form></tr>
      </tr>
      <tr>
          <td>JENIS KELAMIIN</td>
          <td><select name="jeniskelamin">
          <option>Laki-laki</option>
          <option>Perempuan</option>
          </select>
      </tr>
      <tr>
         <td>PEKERJAAN</td>
         <td><select name="pekerjaan">
         <option>PNS</option>
         <option>Wiraswasta</option>
         <option>BUMN</option>
         <option>Mahasiswa</option>
         </select>
      </tr>
      <tr>
        <td>HOBI</td>
            <td><ol>
         <li>Olahraga</li>
              <ul>
                  <li>Basket</li>
                  <li>Gym</li>
                  <li>Renang</li>
              </ul>
         </li>
          <li>Mendengarkan musik
              <ul>
                  <li>Taylor Swift</li>
                  <li>Bruno Mars</li>
                  <li>NDX A.K.A.</li>
              </ul>
          </li>
          <li>Makan</li>
          <ul>
                  <li>Bakso</li>
                  <li>Seblak</li>
                  <li>Ayam Geprek</li>
              </ul>
      </ol>
      </tr>
      <tr>
      <td>MOTIVASI</td>
          <td><ul>
           <li>Bangun mimpimu dan mimpimu yang akan membangunkanmu</li>
           <li>Tetap bersyukur walau hidup tak teratur</li>
           <li>Kegagalan adalah keberhasilan yang tertunda</li>
      </tr>
      <tr>
          <td>NIM</td>
          <td>23030360005</td>
      </tr>
      <tr>
          <td>KELAS</td>
          <td>2A</td>
      </tr>
      <tr>
          <td>JURUSAN</td>
          <td><input type="radio"id="PAI"name="fav_languange"value="PAI">
          <label for="PAI">PAI</label><br>
          <input type="radio"id="MPI"name="fav_languange"value="MPI">
          <label for="MPI">MPI</label><br>
          <input type="radio"id="PBA"name="fav_languange"value="PBA">
          <label for="PBA">PBA</label><br>
          <input type="radio"id="PBI"name="fav_languange"value="PBI">
          <label for="PBI">PBI</label><br>
          <input type="radio"id="PIAUD"name="fav_languange"value="PIAUD">
          <label for="PIAUD">PIAUD</label><br>
          <input type="radio"id="PGMI"name="fav_languange"value="PGMI">
          <label for="PGMI">PGMI</label><br>
      </tr>
      <tr>
          <td>KULIAH</td>
          <td>UIN WALISONGO <a href="https://walisongo.ac.id/">klik disini</a></td>
      </tr>  
      <tr>
          <td>PHONE</td>
          <td>0895341081511 </td>
      </tr>
      <tr>
          <td>EMAIL</td>
          <td><a href="mailto:[email protected]">[email protected]</a></td>
      </tr>
      <tr>
          <td>DESKRIPSI DIRI</td>
          <td>Beautiful and Smart</td>
      </tr>
</body>
</html>