Selanjutnya kita akan membuat bagian rekomendasi rumah, seperti biasa kita siapkan dulu kerangnkanya sebagai berikut : Kemudia kita membuat row baru untuk menyimpan card yang ada pada desain, seperti berikut : Kemudian masukan data dibawah didalam row Kemudian tambahkan file…
Setelah kita membuat desain section layanan kami sekarang kita akan membuat desain Serach Bar, langkah pertama silahkan tambahkan section search lalu tambahkan code berikut : Setelah itu tambahkan code css berikut : Selanjutnya kita akan mebuat kerang dari Navs and…
Setelah selesai membuat section hero kali ini kita akan membuat section Layanan Kami, untuk langkah pertama silahkan membuat sebuah section seperti dibawah ini : Selnanjutnya tambahkan card didalamnya seperti code dibawah : Setelah itu tambahkan style.css dengan code berikut :…
Setelah selesai membuat navigasi, kali ini kita akan membuat sebuah Hero Section. Langkah awal yang perlu dipersiapkan adalah membuat kerangka section hero seperti berikut : Setelah itu tambahkan h1 dan paragraf Setelah itu masukan tombol temukan rumah Masukan gambar hero…
Untuk membuat Web Company Profile dengan bootstrap pertama kita harus membuat struktur folder untuk menyimpan file nya. Pertama silahkan buat folder companyprofile, kemudian buka foldernya dengan Visual Studio Code. Setelah terbuka silahkan buat file baru dengan nama index.html Setelah jadi…
Kali ini kita akan menambahkan fitur rumah, buat desain sesuai dengan gambar dibawah ini : Setelah itu kita akan membuat kontak dengan cara membuat container full yang isinya adalah gambar seperti dibawah ini : Setelah itu kita buat Footer seperti…
Setelah selesai dengan section Laynan Kami sekarang kita akan mendesain bagian Search dan Rekomendasi Rumah, Seperti gambar berikut : Setelah itu kita akan membuat bagian Rekomendasi Rumah seperti gambar dibawah ini:
Setelah kita selesai mendesain Navbar selanjutnya kita akan desain bagian Hero seperti berikut : Selanjutnya masukan gambar yang ada pada resource yang sudah disiapkan, Seperti dibawah ini : Setelah ini kita akan melakukan masking, agar gambarnya lebih rapi, yaitu dengan…
Setelah Mindmap dan asset sudah sisap sekarang kita langsung saja login ke setelah itu Import resource yang sudah siap, setelah itu ikuti langkah dibawah ini : Setting grid terlebih dahulu menjadi 12 kolom, caranya dengan cara klik Layout Grid,…
Untuk membuat desain company profile kita perlu Mind Map agar bisa memudahkan dalam mebuat desain Setelah melihat mind map diatas barulah kita bisa melanjutkan proses desain UI Company Profile dengan FIGMA. Persiapkan Asset, silahkan klik disini