Source Code HTML

<!DOCTYPE html>
<html>
<head>
  <title>Curriculum Vitae</title>
  <link href="hasil.css" rel="stylesheet">
  </head>
<body>
  <div class="bagian_kiri">
  <header>
    <div id="nama">
      <h1> Muhammad Harits Fadlilah </h1>
      </div>
    <div id="jarak"> </div>
    <div id="foto"> </div>
    <div id="jarak2"> </div>
  </header>

  <main>
    <section id="Daftar_diri" class="Data">
      <h1>Biodata Diri</h1>
      <ul>
        <li> <b>Nama Lengkap</b>   : Muhammad Harits Fadlilah </li>
        <li> <b>Nama Panggilan</b> : Harits </li>
        <li> <b>Tempat Lahir</b>   : Marabahan, Kalimantan Selatan</li>
        <li> <b>Tanggal Lahir</b>  : 19 Juni 1999</li>
        <li> <b>Kewarganegaraan</b>: Indonesia</li>
        <li> <b>Alamat</b>         : Jl. Keputih Gang IB No. 7</li>
        <li> <b>Golongan Darah</b> : B</li>
        </ul>
      </section>
    <section id="Hobi" class="Data">
      <h1>Hobi</h1>
      <p>
        <img src="https://cdn3.iconfinder.com/data/icons/ui-outline-1/100/ui_46-512.png" style="width: 135px; height: 135px">
        <img src="https://cdn3.iconfinder.com/data/icons/hobbies-1/64/playing-chess-game-hobby-board-128.png" style="width: 135px; height: 135px">
        <img src="https://cdn4.iconfinder.com/data/icons/thin-line-icons-for-seo-and-development-1/64/seo_programming-128.png" style="width: 135px; height: 135px">
        </p>
       </section>
    <section id="Kontak_diri" class="Data">
      <h1>Kontak Diri</h1>
      <ul>
        <li> <img src="https://cdn-images-1.medium.com/max/1600/1*Jj-Xzp0sIkUg23HOqzZF4w.png" style="width: 25px; height: 25px">     : [email protected]</li>
        <li> <img src="https://image.flaticon.com/icons/svg/124/124027.svg" style="width: 25px; height: 25px"> : @mharitsfadlilah</li>
        <li> <img src="http://ayobandung.com/images-bandung/post/articles/2018/03/28/30658/ig-pixabay.jpg" style="width: 25px; height: 25px"> : @fadilzteria</li>
        <li> <img src="https://cdn.icon-icons.com/icons2/1099/PNG/512/1485482352-whatsapp_78680.png" style="width: 25px; height: 25px"> : +6285349932919</li>
      </ul>
    </section>

  </main>
</div>

<aside>
  <div class="Datakanan">
    <h1>Deskripsi Diri</h1>
    <p align="justify">
    Saya adalah seseorang yang sangat tertarik dengan hal-hal yang berbau logika dan matematika. Saya selalu fokus menyelesaikan satu persoalan ketika dihadapkan banyak permasalahan. Usaha dan kerja keras akan saya lakukan demi mencapai masa depan yang baik. Kemampuan berpikir secara eksploitis maupun analitis telah menjadi pola pikir keseharian untuk memberikan solusi yang tepat dalam memecahkan persoalan. Toleransi terhadap waktu meskipun sedetikpun adalah suatu harga yang sangat mahal dan menjadi motto saya untuk bergerak.</p>

    <h1>Pendidikan</h1>
    <ul>
        <li> SDN 1 Marabahan (2005-2009)</li>
        <li> SDN 2 Tanjung (2009-2011)</li>
        <li> SMPN 1 Tanjung (2011-2014)</li>
        <li> SMAN 1 Tanjung (2014-2017)</li>
        <li> Institut Teknologi Sepuluh Nopember (2017-sekarang)</li>
        </ul>

    <h1>Prestasi</h1>
    <ul>
        <li> Juara 1 OSK Biologi SMA 2016 Kabupaten Tabalong</li>
        <li> Juara 3 O2SN Catur SMA 2016 Provinsi Kalimantan Selatan</li>
        <li> Juara 3 Lomba Asah Terampil Kimia Beregu 2016 Provinsi Kalimantan Selatan Tengah</li>
        <li> Juara 2 Rapid Chess Series ITB tingkat Nasional 2018</li>
        </ul>
     <h1>Riwayat Organisasi</h1>
     <ul>
       <li> Staf Kepanitian Pemilihan Ketua OSIS SMAN 1 Tanjung 2015/2016
       <li> Staf PSDA UKM Catur ITS 2018/2019
     </ul>
     </div>

</aside>
</body>
</html>