Skip to content

stefano-bspn/Bali-Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🏝️ The Beauty of Bali - A Travel Landing Page

GitHub license HTML5 CSS3 JavaScript

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.


✨ Live Demo

Penasaran dengan hasilnya? Kamu bisa langsung kunjungi websitenya di sini:

https://stefano-bspn.github.io/Bali-Project/


🚀 Fitur-fitur Utama

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

🛠️ Teknologi yang Digunakan

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.

📂 Struktur Folder

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

🏃‍♂️ Menjalankan Proyek Secara Lokal

Jika kamu ingin menjalankan proyek ini di komputermu sendiri, ikuti langkah berikut:

  1. Clone repository ini:
    git clone https://github.com/stefano-bspn/Bali-Project.git
  2. Buka file index.html: Navigasi ke folder proyek dan buka file index.html langsung di browser favoritmu.

✍️ Author

Made with ❤️ by Stefano.