*Gunakan Earphone / Headphone for Recommendation
Hallo semuanya, selamat datang di Channel Ngoding Mastery, pada video kali ini kita akan membuat sebuah Website Landing Page Responsive dengan menggunakan HTML CSS (FLEXBOX) & JAVASCRIPT serta pada Website yang akan kita buat pada video kali ini, akan kita tambahkan animasi yang di ambil dari Website animate css dan animate on scroll (AOS).
- chapter -
00:00 - Intro
00:38 - Overview Website yang akan dibuat
03:14 - Membuat Struktur Folder
04:24 - Membuat Struktur HTML
04:59 - Menambahkan Font Poppins dari Font Google
06:29 - Menambahkan Icon dari Remix Icon
07:32 - CSS Reset
08:19 - Membuat Navigation Bar di ukuran Desktop
24:13 - Membuat Navigation Bar (Sidebar) di ukuran Tablet atau Mobile
31:20 - Memfungsikan Menu Bar dengan menggunakan Javascript
34:35 - Menambahkan Style ketika Menu Bar Aktif
40:55 - Menambahkan Icon pada Menu Navigation (Sidebar)
48:00 - Menambahkan Text dibagian Header
55:14 - Membuat sebuah Section About di ukuran Desktop
1:04:24 - Mengubah Style Section About di ukuran Tablet sampai Mobile
1:14:22 - Memperbaiki Posisi Sidebar ketika di ukuran Mobile
1:17:37 - Memperbaiki Icon di ukuran Tablet kebawah
1:19:20 - Penutupan
- Assets Image -
https://drive.google.com/drive/folders/1X_EogIeGZs9t7b5WD5mD-_U3M0zs88Au?usp=sharing
- SAWER WER | SUPPORT ME -
https://saweria.co/dikydev27
- Playlist Video Tutorial Flexbox -
https://www.youtube.com/playlist?list=PLxLtIf3VX_3At0wacILmuuSm_06as1oNy
- Part 2 -
https://www.youtube.com/watch?v=kr4Z61iyFug&t=26s
- Final / Part 3 -
https://www.youtube.com/watch?v=-gzs8Jq2CBM&t=9s
- Artist Attribution
Music By: "KaizanBlu"
Track Name: "Time Flies" ENTENDED VERSION 'Time'
• Instagram - https://www.instagram.com/kaizanblu/
• SoundCloud - https://soundcloud.com/kaizanblu/
• Facebook - https://www.facebook.com/kaizanblumusic/
• TikTok - @kaizanblu http://vm.tiktok.com/aCYwfx/
• YouTube - https://www.youtube.com/channel/UCUtx...
Licence: Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)
• Music published by: Chill Out Records @ https://goo.gl/fh3rEJ
- Credit Image -
https://www.pexels.com/
------------------------------------------------------------------------
Terimakasih telah mengunjungi Channel ini
------------------------------------------------------------------------
Subscribe dan Like video ini jika kalian suka
Hallo semuanya, selamat datang di Channel Ngoding Mastery, pada video kali ini kita akan membuat sebuah Website Landing Page Responsive dengan menggunakan HTML CSS (FLEXBOX) & JAVASCRIPT serta pada Website yang akan kita buat pada video kali ini, akan kita tambahkan animasi yang di ambil dari Website animate css dan animate on scroll (AOS).
- chapter -
00:00 - Intro
00:38 - Overview Website yang akan dibuat
03:14 - Membuat Struktur Folder
04:24 - Membuat Struktur HTML
04:59 - Menambahkan Font Poppins dari Font Google
06:29 - Menambahkan Icon dari Remix Icon
07:32 - CSS Reset
08:19 - Membuat Navigation Bar di ukuran Desktop
24:13 - Membuat Navigation Bar (Sidebar) di ukuran Tablet atau Mobile
31:20 - Memfungsikan Menu Bar dengan menggunakan Javascript
34:35 - Menambahkan Style ketika Menu Bar Aktif
40:55 - Menambahkan Icon pada Menu Navigation (Sidebar)
48:00 - Menambahkan Text dibagian Header
55:14 - Membuat sebuah Section About di ukuran Desktop
1:04:24 - Mengubah Style Section About di ukuran Tablet sampai Mobile
1:14:22 - Memperbaiki Posisi Sidebar ketika di ukuran Mobile
1:17:37 - Memperbaiki Icon di ukuran Tablet kebawah
1:19:20 - Penutupan
- Assets Image -
https://drive.google.com/drive/folders/1X_EogIeGZs9t7b5WD5mD-_U3M0zs88Au?usp=sharing
- SAWER WER | SUPPORT ME -
https://saweria.co/dikydev27
- Playlist Video Tutorial Flexbox -
https://www.youtube.com/playlist?list=PLxLtIf3VX_3At0wacILmuuSm_06as1oNy
- Part 2 -
https://www.youtube.com/watch?v=kr4Z61iyFug&t=26s
- Final / Part 3 -
https://www.youtube.com/watch?v=-gzs8Jq2CBM&t=9s
- Artist Attribution
Music By: "KaizanBlu"
Track Name: "Time Flies" ENTENDED VERSION 'Time'
• Instagram - https://www.instagram.com/kaizanblu/
• SoundCloud - https://soundcloud.com/kaizanblu/
• Facebook - https://www.facebook.com/kaizanblumusic/
• TikTok - @kaizanblu http://vm.tiktok.com/aCYwfx/
• YouTube - https://www.youtube.com/channel/UCUtx...
Licence: Creative Commons Attribution-ShareAlike 4.0 International (CC BY-SA 4.0)
• Music published by: Chill Out Records @ https://goo.gl/fh3rEJ
- Credit Image -
https://www.pexels.com/
------------------------------------------------------------------------
Terimakasih telah mengunjungi Channel ini
------------------------------------------------------------------------
Subscribe dan Like video ini jika kalian suka
- Category
- Web design
Be the first to comment