Membuat resume atau CV dengan bootstrap 4 bagian kontak dan footer
Tiba di bagian akhir pembuatan CV menggunakan bootstrap 4, yaitu pembuatan bagian kontak dan footer. Untuk konsep desain bagian kontak sama dengan konsep desain bagian pendidikan. Kesamaannya adalah menggunakan class list-group dan list-group-horizontal. Lebih jelas bisa dilihat dari kode di bawah ini.
<div class="row mt-2 kontak mb-4">
<h2 class="ml-4 text-primary">
<i class="fas fa-inbox ml-2 mr-2"></i>Kontak
</h2>
<div class="col-md-12">
<ul class="list-group list-group-horizontal-md border-left-0 border-right-0">
<li class="list-group-item flex-fill border-left-0 border-right-0">
<p><i class="fas fa-mobile-alt ml-2 mr-2"></i>085-xxx-xxx-xxx</p>
<p><i class="fab fa-whatsapp ml-2 mr-2"></i>081-xxx-xxx-xxx </p>
</li>
<li class="list-group-item flex-fill border-left-0 border-right-0">
<p><i class="fab fa-facebook mr-2"></i>facebook</p>
<p><i class="fab fa-instagram mr-2"></i> instagram</p>
</li>
<li class="list-group-item flex-fill border-right-0 border-left-0"><i class="fas fa-mail-bulk mr-2"></i>emailmu@domain.com</li>
</ul>
</div>
</div>
Sedangkan untuk bagian footer tampilannya sangat sederhana. Bagian ini tidak tampil pada layar mobile. Kode bagian footer bisa dilihat seperti dibawah ini.
<footer>
<div class="col-md-12 bg-warning foot">
<p class="align-middle text-center text-white bg-primary rounded mt-n2 pt-2" style="height:40px">
Dibuat oleh siagusi untuk indonesia
</p>
</div>
</footer>
<div class="col-md-12 bg-warning foot">
<p class="align-middle text-center text-white bg-primary rounded mt-n2 pt-2" style="height:40px">
Dibuat oleh siagusi untuk indonesia
</p>
</div>
</footer>
Tampilan bagian kontak dan footer di layar dekstop.
Tampilan bagian kontak di layar mobile.
Dari tulisan yang sudah saya tulis berarti semua bagian resume atau CV yang dibuat menggunakan bootstrap 4 sudah selesai. Anda bisa mengunduh versi lengkapnya resume atau CV desain pertama melalui one drive.
Terima kasih semoga berguna dan bermanfaat.
Komentar
Posting Komentar