CV atau daftar riwayat hidup versi web dengan bootstrap 4 "Biru utama"

Pada kesempatan ini, saya ingin membagikan CV atau daftar riwayat hidup berbentuk web secara gratis. CV ini dibuat melalui html dan css dengan menggunakan frontend framework bootstrap 4 saya beri nama "Biru utama", karena memang dari segi warna didominasi oleh warna biru.
Desain dari CV tampil baik di layar desktop maupun mobile atau responsive. Untuk layar desktop terbagi dua kolom, kolom kiri berisi data singkat sedang kolom kanan terdiri dari uraian karir, pendidikan, keahlian dan kontak. Bagian kanan pada tampilan desktop bisa di scroll apabila panjang layar tak bisa menampung data pada CV. Pada tampilan mobile hanya ada satu kolom dari atas ke bawah.

Berikut adalah tampilan CV di layar desktop maupun mobile vertikal atau horisontal.

Tampilan pada layar desktop :
Gambar CV "Biru Utama" tampil di layar desktop vertikal

Gambar tampilan CV "Biru Utama" di layar desktop horisontal


Tampilan pada layar mobile :
Gambar tampilan CV "Biru Utama" di layar mobile vertikal

Gambar tampilan CV "Biru Utama" di layar mobile horisontal

Sebenarnya desain dari CV "Biru Utama" adalah modifikasi dari CV dengan bootstrap desain pertama. Halaman CV ini juga bisa diprint atau di simpan dalam bentuk pdf. Tampilan terbaik jika diprint menurut saya pada saat tampil di desktop dan vertikal.
Silahkan gunakan sebaik-baiknya jika Anda berminat dengan "Biru Utama", dengan tidak menyalahi aturan yang ada baik hukum atau agama. Untuk unduh file CV "Biru Utama" ini tersedia dalam google drive.
Terima kasih semoga berguna dan bermanfaat.


Komentar

Posting Komentar

Postingan populer dari blog ini

Cara membuat resume atau cv dengan bootstrap 4 bagian pertama

Gambar
Gambar tampilan CV  atau resume dengan bootstrap. Lihat demo CV Resume atau cv bisa ditampilkan dalam bentuk digital yaitu halaman web. Tidak melulu dalam bentuk print out kertas. Dalam pembuatan resume atau cv pada tulisan ini digunakan bantuan framework library html css dan javascript yaitu bootstrap 4. Dalam bootstrap kita bisa menggunakan class yang sudah disediakan. Bootstrap populer karena mudah penggunaannya serta tampilan yang mendukung versi mobile atau responsive. Disamping hal tersebut bootstrap tampil baik dalam berbagai browser. Penulis menggunakan handphone android untuk pembuatan resume ini. Alat-alat yang digunakan membuat cv adalah : Icode-go sebagai kode editor. Chrome sebagai browser. Bootstrap sebagai framework library html css dan javascript. Jquery yang merupakan library javascript diperlukan bootstrap untuk class tertentu.  Fontawesome untuk menambahkan ikon. X-plore File Manager (opsional) untuk mengelola file dan membuka file html deng...
Baca selengkapnya

Membuat resume atau CV dengan bootstrap 4 bagian kontak dan footer

Gambar
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-x...
Baca selengkapnya