Postingan

Membuat Resume atau CV dengan bootstrap 4 bagian kedua desain header dan desain menu

Gambar
Setelah menyelesaikan langkah awal pembuatan resume atau cv dengan bootstrap 4, yaitu menyiapkan dokumen awal dan melengkapi berkas. Kini tiba ke langkah selanjutnya yaitu mendesain header dan menu. Rencana saya akan mendesain resume atau CV terbagi dua tampilan yaitu tampilan mobile dengan maksimal resolusi 768px dan tampilan di atas resolusi tersebut. Untuk desain mobile, header dan menu tampil bersama dilayar, sedangkan tampilan layar resolusi diatas dari 768px hanya header saja yang tampil ditambah ornamen atau hiasan untuk memperindah tampilan. Gambar desain header dan menu tampilan mobile Gambar desain header tampilan desktop Desain header/tajuk/kepala Pada bagian header, tampilan layar dibagi dua bagian, untuk bagian pertama berisi logo dan tulisan sedang bagian kedua berisi profil singkat pemilik CV. Pada tampilan mobile dua bagian header tersebut tampil vertikal atas dan bawah. Sedangkan pada layar di atas resolusi 768px dua ...

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...