Briel Rental adalah website showcase untuk layanan rental mobil premium yang menawarkan pengalaman booking yang mudah dan user-friendly. Website ini dirancang dengan fokus pada kemudahan penggunaan, desain yang menarik, dan responsivitas di berbagai perangkat.
- Form reservasi terintegrasi di hero section
- Pemilihan tipe mobil dengan dropdown
- Input lokasi pick-up dan drop-off
- Pemilihan tanggal dan waktu yang fleksibel
- Modal popup untuk konfirmasi booking
- Suzuki Ertiga - Rp.400.000/hari
- Honda BRV - Rp.600.000/hari
- Toyota Fortuner - Rp.1.500.000/hari
- Mitsubishi Pajero - Rp.1.500.000/hari
- Toyota Haice - Rp.1.500.000/hari
- Toyota Alphard - Rp.2.500.000/hari
- Reservasi Telepon - Booking mudah via telepon
- Cicil Mudah - Opsi pembayaran fleksibel
- Asisten Perjalanan - Bantuan 24/7
- Asuransi Jiwa - Perlindungan ekstra
- Antar Kota - Layanan lintas kota
- Supir Profesional - Opsi dengan supir
- Fully responsive untuk desktop, tablet, dan mobile
- Optimized untuk berbagai ukuran layar
- Touch-friendly interface
- HTML5 - Struktur website
- CSS3 - Styling dan animasi
- JavaScript - Interaktivitas dan fungsi
- Bootstrap 5 - Framework CSS untuk responsive design
- jQuery - JavaScript library
- Owl Carousel - Carousel/slider component
- WOW.js - Scroll animations
- Font Awesome - Icon library
- Google Fonts - Typography (Lato & Montserrat)
- Animate.css - CSS animations
- CounterUp - Number counter animations
- Lightbox - Image gallery
- Waypoints - Scroll triggers
- Modern dan clean design
- Smooth animations dan transitions
- Professional color scheme
- Optimized images dan assets
Brielrental/
├── css/
│ ├── bootstrap.min.css
│ └── style.css
├── img/
│ ├── car-images/ (BRV.png, ertiga.png, fortuner.png, etc.)
│ ├── banner-images/ (carousel-1.jpg, carousel-2.jpg)
│ └── other-assets/
├── js/
│ └── main.js
├── lib/
│ ├── animate/
│ ├── counterup/
│ ├── easing/
│ ├── lightbox/
│ ├── owlcarousel/
│ ├── waypoints/
│ └── wow/
├── scss/
│ └── bootstrap/ (SCSS source files)
└── index.html
- Web server (Apache, Nginx, atau XAMPP)
- Browser modern (Chrome, Firefox, Safari, Edge)
- Clone atau download repository ini
- Extract ke folder web server (htdocs untuk XAMPP)
- Buka browser dan akses
http://localhost/Brielrental - Website siap digunakan!
# Jika menggunakan local server
cd /path/to/Brielrental
# Buka dengan live server atau XAMPP- Topbar dengan kontak info dan social media
- Navigation bar dengan sticky effect
- Hero carousel dengan booking form
- About Section - Informasi perusahaan
- Services Section - Layanan yang ditawarkan
- Car Categories - Katalog kendaraan dengan carousel
- Steps Section - Proses booking yang mudah
- Blog Section - Artikel dan tips
- Testimonials - Review pelanggan
- Quick links
- Operating hours
- Contact information
- Social media links
- Mobile: < 576px
- Tablet: 576px - 991px
- Desktop: ≥ 992px
- Smooth scrolling navigation
- Carousel autoplay dengan controls
- Counter animations
- Back to top button
- Modal popups untuk booking
- Sticky navbar dengan shadow effect
- WOW.js scroll animations
- Hover effects pada cards
- Smooth transitions
- Icon animations
- Loading spinner
- Fade-in effects
- Phone: +62 857 7879 8039
- Email: brielrental@mail.com
- Operating Hours:
- Senin - Jumat: 09.00 - 20.00
- Sabtu: 10.00 - 17.00
- Hari Libur: Hubungi untuk informasi
Developed by: Jibril Ibrahim
Proyek ini dibuat sebagai showcase website untuk Briel Rental. Semua hak cipta dilindungi.
Current Version: 1.0.0
Website ini merupakan showcase untuk layanan rental mobil dengan fokus pada:
- User experience yang optimal
- Design yang modern dan profesional
- Kemudahan dalam proses booking
- Responsivitas di semua perangkat
Briel Rental - Rental mobil terbaik di Indonesia dengan layanan premium dan pengalaman booking yang mudah! 🚗✨