Membuat Template Dengan Bootstrap Part 2 : Membuat Jumbotron

Sebelumnya kita sudah membuat navigation dan pada langkah ini kita akan membuat jumbotron . membuat jumborton sagatlah mudah , jika kalian pakai framework bootstarp ini . oke di sini saya akan menjelaskan jumbotron terlebih dahulu .

Membuat Jumbotron Dengan Bootsrtap 

Pengertian :

Jumbotron :komponen yang fleksibel ringan yang opsional dapat memperpanjang seluruh viewport untuk menampilkan konten utama di situs Anda.  

Scriptnya :

<div class="parallax jumbotron text-center">
  <h1 class="w3-text-shadow judul"><font color="white" face="Farcry">SMK Negeri 1 Mejayan</font></h1>
  <br><p class="judul">- BLC Telkom Klaten</p><br>
  <br><br>
  <form>
    <div class="input-group">
      <input type="email" class="form-control" size="50" placeholder="Email Address" required>
      <div class="input-group-btn">
        <button type="button" class="btn btn-success">Subscribe</button>
      </div>
    </div>
  </form>
</div>

Keterangan :Sebuah shell sederhana untuk h1 secara tepat ruang dan segmen bagian dari konten pada halaman. Hal ini dapat memanfaatkan standar Small elemen, serta sebagian besar komponen lainnya (dengan gaya tambahan).