4. BOOTSTRAP #MEMBUAT FORM DAN FOOTER WEBSITE RESPONSIVE

Bertemu lagi dengan saya di tutorial bootstrap pada edisi ke empat membuat tampilan responsive dengan framework bootstrap. jika teman-teman belum mengikuti tutorial sebelumnya kalian bisa melihatnya di edisi 3 yaitu membuat header sekarang akan dilanjutkan untuk membuat tampilannya.

1.temen-temen bisa menambahkan kode di bawah kode tampilan telah dibuat kemarin,dan kodenya ada dibawah ini

<div class="container">
        <div class="row">
        <div class="col-sm-12 text-center">
          <h2>Pesan</h2>
          <hr>
        </div> 
        </div>

        <div class="col-sm-8 col-sm-offset-2">
          <form>
            <div class="form-group">
              <label for="nama">Nama</label>
              <input type="text" id="nama" class="form-control" placeholder="input Nama">
            </div>
            <div class="form-group">
              <label for="email">Email</label>
              <input type="email" id="nama" class="form-control" placeholder="input Email">
            </div>
             <div class="form-group">
              <label for="telp">No Telepon</label>
              <input type="tel" id="telp" class="form-control" placeholder="input No Telp">
            </div>
         
            <div class="form-group">
              <label for="pesan">Pesan</label>
               <textarea class="form-control" rows="10"></textarea>
            </div>

           <button type="submit" class="btn btn-primary">Kirim Pesan</button>
          </form>
         
        </div>
      </div>
     </div>
     

  
      </br>      </br>      </br>


    <footer>
     <div class="navbar navbar-inverse">
    <div class="container-fluid">
        </br>
     
          <p>&copy copyright 2019 | built by. <a href="https://blangkonkoding.blogspot.com/">Blangkon Koding</a>.</p>
    
        </div>
      </div>
    </div>
    </footer> 
2. Lalu buka file yang telah kalian buat dengan browser kalian, jika berhasil maka akan tampil seperti dibawah ini

 Jika ingin penjelasan tentang kodingnya nanti akan saya jelaskan di channel youtube blangkon koding 

blangkonkodingbootstrapbottomcssfooterhtmljqueryjsloginmakeheaderresponsivewebesignwebresponsivewebsederhanawebsite

Share This :