<!-- Left Column -->
<div class="w3-third">

  <div class="w3-white w3-text-grey w3-card-4">
    <div class="w3-display-container">
      <img src="WhatsApp_Image_2024-09-05_at_09.06.25.jpeg" style="width:100%" alt="Avatar">
      <div class="w3-display-bottomleft w3-container w3-text-white <strong>">
        <h2>Chadoet</h2>
      </div>
    </div>
    <div class="w3-container">
      <p><i class="fa fa-briefcase fa-fw w3-margin-right w3-large w3-text-teal"></i>Designer</p>
      <p><i class="fa fa-home fa-fw w3-margin-right w3-large w3-text-teal"></i>Cisaat-Sukabumi, Indonesia</p>
      <p><i class="fa fa-envelope fa-fw w3-margin-right w3-large w3-text-teal"></i>[email protected]</p>
      <p><i class="fa fa-phone fa-fw w3-margin-right w3-large w3-text-teal"></i>+6285864306876</p>
      <hr>

      <p class="w3-large"><b><i class="fa fa-asterisk fa-fw w3-margin-right w3-text-teal"></i>Skills</b></p>
      <p>Adobe Photoshop</p>
      <div class="w3-light-grey w3-round-xlarge w3-small">
        <div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:90%">90%</div>
      </div>
      <p>Photography</p>
      <div class="w3-light-grey w3-round-xlarge w3-small">
        <div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:80%">
          <div class="w3-center w3-text-white">80%</div>
        </div>
      </div>
      <p>Illustrator</p>
      <div class="w3-light-grey w3-round-xlarge w3-small">
        <div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:75%">75%</div>
      </div>
      <p>Media/HTML/CSS/JAVA/PHP/SQL. Etc</p>
      <div class="w3-light-grey w3-round-xlarge w3-small">
        <div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:50%">90%</div>
      </div>
      <br>
      <p class="w3-large w3-text-theme"><b><i class="fa fa-globe fa-fw w3-margin-right w3-text-teal"></i>Languages</b></p>
      <p>Indonesia</p>
      <div class="w3-light-grey w3-round-xlarge">
        <div class="w3-round-xlarge w3-teal" style="height:24px;width:100%"></div>
      </div>
      <p>English</p>
      <div class="w3-light-grey w3-round-xlarge">
        <div class="w3-round-xlarge w3-teal" style="height:24px;width:80%"></div>
      </div>
      <p>German</p>
      <div class="w3-light-grey w3-round-xlarge">
        <div class="w3-round-xlarge w3-teal" style="height:24px;width:45%"></div>
      </div>
      <br>
    </div>
  </div><br>

<!-- End Left Column -->
</div>

<!-- Right Column -->
<div class="w3-twothird">

  <div class="w3-container w3-card w3-white w3-margin-bottom">
    <h2 class="w3-text-grey w3-padding-16"><i class="fa fa-suitcase fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>Pengalaman Pekerjaan</h2>
    <div class="w3-container">
      <h5 class="w3-opacity"><b>Front End Developer / jubel.com / www.beritausukabumi.com / www.atv.com</b></h5>
      <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Jan 2016 - <span class="w3-tag w3-teal w3-round">Current</span></h6>
      <p>Berpengalaman dalam bidang tersebut dan telah mengikuti beberapa kontes design lokal maupun internasional.</p>
      <hr>
    </div>
    <div class="w3-container">
      <h5 class="w3-opacity"><b>Web Developer / jubel.id</b></h5>
      <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Agustus 2024 - Hingga sekarang</h6>
      <p>Jubel.id adalah sebuah perusahaan yang bernaung di PT. Suasanan Alam Semesta, yang mengembangkan usaha Digital Marketing dan Digital Plaza.</p>
      <hr>
    </div>
    <div class="w3-container">
      <h5 class="w3-opacity"><b>Graphic Designer / pojokmangchadoet.com</b></h5>
      <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Jun 2018 - Mar 2020</h6>
      <p>Berupa komunitas design yang membidangi interior design dan juga pengerjaan logo perusahaan, media maker, percetakan majalah dan juga koran lokal yang berdomisili di Sukabumi, Jawa Barat, Indonesia. </p><br>
    </div>
  </div>

  <div class="w3-container w3-card w3-white">
    <h2 class="w3-text-grey w3-padding-16"><i class="fa fa-certificate fa-fw w3-margin-right w3-xxlarge w3-text-teal"></i>Education</h2>
    <div class="w3-container">
      <h5 class="w3-opacity"><b>W3Schools.com</b></h5>
      <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>Forever</h6>
      <p>Web Development! All I need to know in one place</p>
      <hr>
    </div>
    <div class="w3-container">
      <h5 class="w3-opacity"><b>Sukabumi Kreatif Komuniti</b></h5>
      <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2012 - 2020</h6>
      <p>Chief of Design</p>
      <hr>
    </div>
    <div class="w3-container">
      <h5 class="w3-opacity"><b>School of Coding</b></h5>
      <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2010 - 2013</h6>
      <p>Only God Know</p><br>
      </div>
    <div class="w3-container">
      <h5 class="w3-opacity"><b>School of Photografi</b></h5>
      <h6 class="w3-text-teal"><i class="fa fa-calendar fa-fw w3-margin-right"></i>2010 - 2012</h6>
      <p>Planet Studio</p><br>
    </div>
  </div>

<!-- End Right Column -->
</div>