Bila tidak ingin menampilkan gambar cukup delete semua kode diatas.
#2: Gambar Web Dev
Hampir sama dengan gambar stay home, hanya saja gambar yang satu ini menggunakan link dan bisa di klik
Silahkan ganti gambarnya (berwarna kuning) dan juga ganti link tautan (berwarna hijau), caranya sama dengan mengganti gambar stayhome
Kode:
<a alt=”web-dev” title=” Web Dev Score” href=”https://web.dev/measure/”> <div > <img alt=”internet” class=”lazy” src=”https://1.bp.blogspot.com/-_Twe1QIDkfM/XvwABcQvxDI/AAAAAAAAHZw/QQ28-22Zm0UX7Wc1CgWRA_tYp1huHEn8gCK4BGAsYHg/lazy-load.jpg” data-src=”https://1.bp.blogspot.com/-Gm7IpfO08Ig/Xv1LPwi5jSI/AAAAAAAAHew/4oKEiXd2SscMwPgXVYa8W1nPx09q3HEHQCK4BGAsYHg/d/web-dev-score-2.png” /><br/><br/><br/><br/></div> </a>
Bila teman2 tidak suka dengan tampilan tersebut cukup hapus semua kode diatas
#3: Menu Front End
Bagian ini hanyalah sebuah text biasa tanpa link, untuk memodifikasi silahkan cari kode berikut ini:
<div class=”judulfrontend”><h3 class=”title”>Menu Front End :</h3><span>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. <br/><br/> Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. </span></div>
#4: Menu Thumbnail Kotak 6 buah
Menu ini adalah gabungan antara gambar, text dan diberikan link
Ingat !!, lebar gambar ini sudah fix, jadi bila ingin mengganti gambar teman2 terlebih dahulu harus menyiapkan gambar sendiri dengan panjang 331px dan lebar 174px
Gambar (berwarna kunung), Hyperlink (berwarna hijau), dan text (berwarna oranye), berikut ini keseluruhan kodenya :
Bayangkan bila gambar di menu ini diganti dengan foto produk, diberi link ke artikel yang isinya foto foto produk, atau bisa juga linknya diganti link ke whatsApp…. bukankah menjadi landing page toko online?
dan jumlahnya pun bisa diperbanyak bukan hanya 6, tinggal salin dan tambahkan kode tersbut dibawahnya……bisa display puluhan product