Djitugo Web Training - Nama Kalian

Widgets, Container and Layouting

Assignment

Silahkan buat ulang sama persis seluruh page ini di page ‘Test’ kalian

Perhatikan dan sesuaikan :
– Style (Font, Jarak, Warna, Alignment, Ukuran, dll.)
– Layout
– Positioning
– Widget yang digunakan
– Responsive (tampilan di Desktop, Tablet dan Mobile)

Explore, perhatikan dan sesuaikan bagian Content, Style, Advanced dan Structure pada page ini

Section 1

Section ini terdapat 1 Container yang berisi 2 Container di dalamnya

Foto berikut ditambahkan menggunakan Widget Image

Foto berikut adalah Background dari Container ini

Section 2

Section ini terdapat 1 Container yang berisi 3 Container di dalamnya

Buatlah semua button ini mengarah ke nomor WhatsApp kalian.
Perhatikan warna Button saat di Hover oleh Cursor

Buatlah button ini hanya muncul di Desktop

Button Desktop

Buatlah button ini hanya muncul di Tablet

Button Tablet

Buatlah button ini hanya muncul di Mobile

Button Mobile

Section 3

Section ini terdapat 1 Container yang berisi 2 Container di dalamnya

Buatlah Biodata sesuai dengan data kalian, isi link sesuai dengan Social Media/data kalian.
Perhatikan animasi saat section ini muncul

Nama :
Umur :
Tempat/Tanggal Lahir :

  • @instagramkalian
  • No WhatsApp kalian
  • Alamat kalian

Ganti foto ini dengan foto pribadi kalian

SELAMAT MENGERJAKAN