Sebuah website statis yang menampilkan keindahan Pulau Bali. Proyek ini merupakan tugas sekolah sekaligus proyek web pertama saya untuk mempelajari dasar-dasar HTML, CSS, dan JavaScript.
Penasaran dengan hasilnya? Kamu bisa langsung kunjungi websitenya di sini:
https://stefano-bspn.github.io/Bali-Project/
- Desain Responsif: Tampilan website dapat menyesuaikan diri dengan baik di berbagai ukuran layar, mulai dari desktop hingga mobile.
- Navigasi Sidebar: Terdapat navigasi sidebar yang muncul di perangkat mobile untuk kemudahan penggunaan.
- Slider Gambar Interaktif: Pada halaman "Destinations", terdapat slider gambar yang dinamis untuk menampilkan berbagai tujuan wisata.
Proyek ini dibangun menggunakan teknologi web fundamental:
- HTML5: Untuk struktur dan konten website.
- CSS3: Untuk styling, layouting, dan animasi.
- JavaScript (Vanilla): Untuk fungsionalitas interaktif seperti sidebar dan slider.
Bali-Project/
├── assets/
│ ├── css/
│ │ ├── destination-style.css
│ │ ├── get-started-stye.css
│ │ ├── index-style.css
│ │ └── information-style.css
│ ├── images/
│ │ └── (Semua aset gambar)
│ └── js/
│ └── main.js
│
├── pages/
│ ├── destination.html
│ ├── get-started.html
│ └── information.html
│
└── index.html
Jika kamu ingin menjalankan proyek ini di komputermu sendiri, ikuti langkah berikut:
- Clone repository ini:
git clone https://github.com/stefano-bspn/Bali-Project.git
- Buka file
index.html: Navigasi ke folder proyek dan buka fileindex.htmllangsung di browser favoritmu.
Made with ❤️ by Stefano.
- GitHub: @stefano-bspn