@extends('layouts.master')

@section('content')

<div id="about" class="w3-card-4 w3-round-large w3-white w3-content w3-container w3-padding-16" style="width:1300px;margin:0 auto;margin-top:80px">
    <h1 class="w3-center">Tentang HTW</h1>
    <p style="text-align:justify">&emsp;Hydromodelling Technology and Workshop Universitas Indonesia (HTW UI) adalah
      sebuah kelompok peminatan departemen yang ada di Departemen Teknik Mesin, Fakultas
      Teknik, Universitas Indonesia. Kelompok ini mewadahi minat dan bakat para mahasiswa
      di bidang kemaritiman. Kegiatan yang menjadi fokus dari HTW UI adalah pembuatan
      kapal Remote Control (RC Boat) untuk dilombakan, pembuatan maket kapal, lomba
      karya tulis ilmiah, dan lomba internasional Solar Boat Team dan Hydrocontest.
    </p>

    <p><strong>Nilai</strong></p>
    <p>Terdapat 3 Nilai yang dibawa oleh HTW UI 2018:</p>
    <ol>
      <li>Bermanfaat</li>
      <li>Bersahabat</li>
      <li>Berprestasi</li>
    </ol>
    <br>
    <p><strong>Visi</strong></p>
    <p>Terwujudnya HTW UI 2018 sebagai lembaga yang <br> Bermanfaat, Bersahabat, dan
      Berprestasi dalam kancah Nasional maupun Internasional</p>
    <br>
    <p><strong>Misi</strong></p>
    <ol>
      <li>Mewadahi minat dan bakat member HTW UI 2018 dalam mengaplikasikan keilmuan di bidang kemaritiman.</li>
      <li>Meningkatkan hubungan baik antar HTW dengan member, dosen, dan alumni, serta lembaga lainnya.</li>
      <li>Mempersiapkan member HTW UI agar siap berkontribusi untuk HTW, UI, dan Indonesia.</li>
    </ol>
    <br>
    <p><strong>Slogan</strong></p>
    <p>Gloria Eterna memiliki arti "<b><i>Kejayaan yang Abadi</i></b>" yang diambil dari bahasa Spanyol.</p>
    <p>Gloria berarti <b>KEJAYAAN</b>. Melambangkan kiprah HTW UI 2018 dalam perlombaan dan riset di bidang kemaritiman yang selalu "Berprestasi" dan berdaya saing tinggi.</p>
    <p>Eterna berarti <b>KEABADIAN</b>. Keabadian yang tercermin dari HTW UI yang menebar "Kebermanfaatan" dan "Persahabatan" bagi segala kalangan.</p>
    <p>Pada akhirnya, prestasi dan kejayaan HTW UI diharapkan terus abadi pada seluruh member dan juga menebar kebermanfaatan untuk bangsa Indonesia.</p>
    <br>

    <div class="w3-row w3-content w3-container">
        <div class="video-container">
          <iframe style="max-width:100%;height:100%" src="https://www.youtube.com/embed/_mnyUyIWn9I" ></iframe>
        </div>
    </div>
</div>


<div id="history" class="w3-card-4 w3-round-large w3-white w3-container w3-content w3-padding-16" style="width:1300px;margin:0 auto;margin-top:100px">
  <h1 class="w3-center">Sejarah</h1>
  <p style="text-align:justify">&emsp;Hydromodelling Technology and Workshop yang selanjutnya
    disingkat HTW merupakan lembaga eksekutif yang menampung, mengembangkan, dan
    menyalurkan minat dan bakat warga FT UI yang tertarik di bidang Kemaritiman.
    HTW menjadi salah satu Kelompok Peminatan Departemen (KPD) yang ada di Fakultas
    Teknik Universitas Indonesia. Fokusan yang kami jalani yakni mengikuti lomba-lomba RC
    boat Kapal cepat tak berawak baik tingkat Nasional hingga Internasional, selain itu
    juga kita menyalurkan minat dan bakat member HTW dalam pembuatan karya ilmiah.
  </p>
  <p style="text-align:justify">
    &emsp;Awal terbentuknya HTW berawal pada tahun 2009 namun secara resmi
    ialah Maret 2010 yang pada saat itu di prakarsai oleh mahasiswa Teknik
    Perkapalan angkatan 2007. Seiring berjalannya waktu, HTW terus melakukan
    perbaikan demi mengharumkan nama Teknik Perkapalan UI dan menyatukan
    bonding di setiap angkatan dengan melakukan kegiatan yang menunjang
    seperti mengikuti lomba lomba Nasional yang pada saat itu pertamakali
    diikuti ialah SAMPAN ITS – Nasdarc.
  </p>
  <p style="text-align:justify">
    &emsp;Dalam sebuah Kapal, tentunya ada satu orang yang memimpin agar kapal dapat
     berjalan dan terorganisir yang biasa dikenal “Kapten Kapal”. Sama halnya
     dengan organisasi, setiap organisasi pasti memiliki seorang pemimpin untuk
     mensukseskan program kerja yang dimiliki. HTW sendiri pun memiliki pemimpin,
     berikut nama nama pemimpin dari pertama hingga saat ini :
  </p>
  <table style="margin-left:20px">
    <tr>
      <td>1.	Rudy Herliansyah K’07</td>
      <td>(Ketua HTW 2010)</td>
    </tr>
    <tr>
      <td>2.	Gerry Liston K’08</td>
      <td>(Ketua HTW 2011)</td>
    </tr>
    <tr>
      <td>3.	Muhammad Faishal K’09	</td>
      <td>(Ketua HTW 2012)</td>
    </tr>
    <tr>
      <td>4.	Rury nur Utomo K’10</td>
      <td>(Ketua HTW 2013)</td>
    </tr>
    <tr>
      <td>5.	Lathif Prasetyo K’11</td>
      <td>(Ketua HTW 2014)</td>
    </tr>
    <tr>
      <td>6.	Anas K’12	</td>
      <td>(Ketua HTW 2015)</td>
    </tr>
    <tr>
      <td>7.	Andika Dwi Cahyo K’13</td>
      <td>(Ketua HTW 2016)</td>
    </tr>
    <tr>
      <td>8.	Salman Alfarisi K’14</td>
      <td>(Ketua HTW 2017)</td>
    </tr>
    <tr>
      <td>9.	Khalif Arrahman Amin K’15</td>
      <td>(Ketua HTW 2018)</td>
    </tr>
  </table>
  <p style="text-align:justify">
    &emsp;Setiap pemimpin punya sejarah dan kejayaannya masing masing. Namun satu hal
    yang patut di perhatikan yaitu HTW masih berjalan hingga saat ini karena
    Kerjasama dan Kepedulian yang di balut dengan niat ikhlas dari seluruh komponen yang ada.
  </p>
  <p style="text-align:justify">
    &emsp;Alhamdulillah dengan hati yang tulus dari setiap pemimpin HTW tiap Generasi.
    Sudah mau mengorbankan kesibukannya demi menjalankan dan peduli pada HTW
    pada zamannya masing masing hingga lulus sebagai alumni sekalipun.
  </p>
</div>

<div id="struktur" class="w3-card-4 w3-round-large w3-white w3-container w3-content w3-padding-16" style="width:1300px;margin:0 auto;margin-top:100px">
  <h1 class="w3-center">Badan Pengurus HTW UI 2018</h1>

  <div class="w3-content w3-display-container">
    @for ($i=0; $i < 9; $i++)
      <img class="mySlides" src="/images/struktur/{{$i}}.jpg" style="width:100%;">
    @endfor
    <button class="w3-button w3-black w3-display-left" onclick="plusDivs(-1)">&#10094;</button>
    <button class="w3-button w3-black w3-display-right" onclick="plusDivs(1)">&#10095;</button>
  </div>
</div>
@endsection

@section('script')
<script>
  var slideIndex = 1;
  showDivs(slideIndex);

  function plusDivs(n) {
    showDivs(slideIndex += n);
  }

  function showDivs(n) {
    var i;
    var x = document.getElementsByClassName("mySlides");
    if (n > x.length) {slideIndex = 1}
    if (n < 1) {slideIndex = x.length}
    for (i = 0; i < x.length; i++) {
       x[i].style.display = "none";
    }
    x[slideIndex-1].style.display = "block";
  }
</script>
@endsection
