Skip to content

Instantly share code, notes, and snippets.

@thinkphp

thinkphp/rentaCAR.html

Created May 10, 2025 10:38
Show Gist options
  • Save thinkphp/1e9cebb1f0833736ad5477401299bf4b to your computer and use it in GitHub Desktop.
Save thinkphp/1e9cebb1f0833736ad5477401299bf4b to your computer and use it in GitHub Desktop.
Download ZIP
Rentacar HTML
Raw
rentaCAR.html
<body>
<header>
<div class="container header-content">
<div class="logo">SpeedyRent</div>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#cars">Cars</a></li>
<li><a href="#locations">Locations</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</header>
<section class="hero" id="home">
<div class="container hero-content">
<h1>Rent Your Perfect Car</h1>
<p>Choose from our premium selection of vehicles at affordable prices</p>
</div>
</section>
<div class="container">
<div class="search-form">
<form id="search-form">
<div class="form-group">
<select class="form-control" id="pickup-location">
<option value="">Select Pickup Location</option>
<option value="new-york">New York</option>
<option value="los-angeles">Los Angeles</option>
<option value="chicago">Chicago</option>
<option value="miami">Miami</option>
<option value="san-francisco">San Francisco</option>
</select>
<div>
<div class="date-range-container">
<div>
<label class="date-label" for="pickup-date">Pickup Date</label>
<input type="date" class="form-control" id="pickup-date">
</div>
<div>
<label class="date-label" for="return-date">Return Date</label>
<input type="date" class="form-control" id="return-date">
</div>
</div>
<div id="rental-duration" class="rental-duration"></div>
</div>
<select class="form-control" id="car-type">
<option value="">Select Car Type</option>
<option value="economy">Economy</option>
<option value="compact">Compact</option>
<option value="mid-size">Mid-size</option>
<option value="suv">SUV</option>
<option value="luxury">Luxury</option>
</select>
<button type="submit" class="btn">Search Available Cars</button>
</div>
</form>
</div>
</div>
<section class="section" id="cars">
<div class="container">
<h2 class="section-title">Our Available Cars</h2>
<div class="cars-grid" id="cars-container">
<!-- Cars will be loaded here by JavaScript -->
</div>
</div>
</section>
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-column">
<h3>SpeedyRent</h3>
<p>The best car rental service with a wide selection of vehicles to fit your needs.</p>
</div>
<div class="footer-column">
<h3>Quick Links</h3>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#cars">Cars</a></li>
<li><a href="#locations">Locations</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<div class="footer-column">
<h3>Contact Us</h3>
<ul>
<li>Email: [email protected]</li>
<li>Phone: (123) 456-7890</li>
<li>Address: 123 Rental St, Car City, CC 12345</li>
</ul>
</div>
</div>
<div class="copyright">
&copy; 2025 SpeedyRent. All rights reserved.
</div>
</div>
</footer>
<div class="modal" id="booking-modal">
<div class="modal-content">
<div class="modal-header">
<h2>Complete Your Booking</h2>
<button class="close-button" id="close-modal">&times;</button>
</div>
<div class="booking-details" id="booking-details">
<!-- Booking detallii vor fi aici -->
</div>
<form id="booking-form">
<div class="form-group">
<input type="text" class="form-control" placeholder="Full Name" required>
<input type="email" class="form-control" placeholder="Email Address" required>
<input type="tel" class="form-control" placeholder="Phone Number" required>
<input type="text" class="form-control" placeholder="Driver's License Number" required>
</div>
<button type="submit" class="btn" style="width: 100%;">Confirm Booking</button>
</form>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment