Skip to content

jeebrielibr/brielrental

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚗 Briel Rental - Website Showcase

📋 Deskripsi Proyek

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.

✨ Fitur Utama

🎯 Booking System yang Mudah

  • 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

🚙 Katalog Kendaraan

  • 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

🛠️ Layanan Unggulan

  • 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

📱 Responsive Design

  • Fully responsive untuk desktop, tablet, dan mobile
  • Optimized untuk berbagai ukuran layar
  • Touch-friendly interface

🛠️ Teknologi yang Digunakan

Frontend Technologies

  • HTML5 - Struktur website
  • CSS3 - Styling dan animasi
  • JavaScript - Interaktivitas dan fungsi
  • Bootstrap 5 - Framework CSS untuk responsive design

Libraries & Dependencies

  • 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

Design Features

  • Modern dan clean design
  • Smooth animations dan transitions
  • Professional color scheme
  • Optimized images dan assets

📁 Struktur Proyek

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

🚀 Cara Menjalankan

Prerequisites

  • Web server (Apache, Nginx, atau XAMPP)
  • Browser modern (Chrome, Firefox, Safari, Edge)

Installation

  1. Clone atau download repository ini
  2. Extract ke folder web server (htdocs untuk XAMPP)
  3. Buka browser dan akses http://localhost/Brielrental
  4. Website siap digunakan!

Development Setup

# Jika menggunakan local server
cd /path/to/Brielrental
# Buka dengan live server atau XAMPP

🎨 Komponen Website

Header Section

  • Topbar dengan kontak info dan social media
  • Navigation bar dengan sticky effect
  • Hero carousel dengan booking form

Main Content

  • 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

Footer Section

  • Quick links
  • Operating hours
  • Contact information
  • Social media links

📱 Responsive Breakpoints

  • Mobile: < 576px
  • Tablet: 576px - 991px
  • Desktop: ≥ 992px

🎯 Fitur Interaktif

JavaScript Functionality

  • 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

CSS Animations

  • Hover effects pada cards
  • Smooth transitions
  • Icon animations
  • Loading spinner
  • Fade-in effects

📞 Informasi Kontak

  • 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

👨‍💻 Developer

Developed by: Jibril Ibrahim

📄 Lisensi

Proyek ini dibuat sebagai showcase website untuk Briel Rental. Semua hak cipta dilindungi.

🔄 Versi

Current Version: 1.0.0

📝 Catatan

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! 🚗✨

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors