Membuat Tampilan Home

haaloooww TIMUR 4, Velin mau sharing tentang Velin mencoba otak atik domain velin yangmi.raharja.info masih terbilang baru sih cuma ya velin mulai cicil buat program velin nanti nya, dan masih dalam home awal, berikut kodingannya.

didalam file html ada tag <html>, <head>, <body> berguna untuk kodingan kita terstruktur pertama di mulai dari bagian atas atau head, lalu dilanjutkan dengan badan utama atau body

<link href=”css/bootstrap.min.css” rel=”stylesheet” />

kita menggunakan boostrap sebagai framework front end nya, boostrap berguna untuk mempercantik halaman web kita dan juga membuat nya tersusun rapi.

pertama kita akan membuat navigasi bar atau navbar, navbar ini berguna untuk berpindah ke halaman lain

<li><a href=”index.html”>PERGURUAN TINGGI RAHARJA</a></li>

<li><a href=”#”>Kelas</a></li>

contoh nya seperti yang bisa kita lihat pada kodingan diatas, kita membuat PERGURUAN TINGGI RAHARJA dan Kelas. untuk PERGURUAN TINGGI RAHARJA kita memberi link index.html yang dimana jika kita meng klik tulisan PERGURUAN TINGGI RAHARJA kita akan kembali ke halaman home, dan untuk Kelas masih kosong.

jumbotron seperti yang bisa dilihat di bagian atas yaitu terdapat gambar yang berguna untuk memperindah tampilan home.

<div class=”col-md-12″>
<div class=”con1″>
<h2>Lorem Ipsum</h2>

<h3>Lorem Ipsum</h3>
</div>
</div>

dan ini untuk bagian content yang terdapat di bagian tengah halaman website, content ini bisa di sesuaikan seberapa banyak kita mau dan kita bisa mengatur akan dilempar ke halaman apa saat kita meng klik nya.

dan jadi lah untuk halaman awal nya seperti ini.

klik DISINI

Sekian sharing velin tentang home Velin, semoga nanti nya ada peningkatan untuk membuat tools2 lainnya.

Views All Time
Views All Time
82
Views Today
Views Today
1
83 Total Views 1 Views Today

Article written by

life is learn

7 Responses

Leave a Reply

You must be logged in to post a comment.