vehicles.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vehicle Booking</title>
    <link rel="stylesheet" href="styles_vehicles.css">
</head>
<body>
    <div id="vehicles_container">
        <div class="vehicle">
            <img src="suv.jpg" alt="SUV">
            <h2>SUV</h2>
            <p>Explore Hawaii with style and comfort in our spacious SUVs.</p>
        </div>
        
        <div class="vehicle">
            <img src="convertible.jpg" alt="Convertible">
            <h2>Convertible</h2>
            <p>Feel the breeze and soak up the sun as you cruise around in our sleek convertibles.</p>
        </div>
        
        <div class="vehicle">
            <img src="jeep.jpg" alt="Jeep">
            <h2>Jeep</h2>
            <p>Embark on off-road adventures and explore rugged terrain in our sturdy Jeeps.</p>
        </div>
        
        <div class="vehicle">
            <img src="scooter.jpg" alt="Scooter">
            <h2>Scooter</h2>
            <p>Navigate through narrow streets and discover hidden gems on our convenient scooters.</p>
        </div>
        
        <div class="vehicle">
            <img src="cycle.jpg" alt="Bicycle">
            <h2>Bicycle</h2>
            <p>Experience the beauty of Hawaii at our own pace on our eco-friendly bicycles.</p>
        </div>
    </div>
</body>
</html>