EasyDrive-Rentals/index.html at main · Boora-Raman/EasyDrive-Rentals · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>EasyDrive Rentals</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap.min.css">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
        <a href="./" class="navbar-brand"><i class="fas fa-car"></i> EasyDrive Rentals</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                    <a class="nav-link" href="index.html"><i class="fas fa-home"></i> Home</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="Register.html"><i class="fas fa-pen"></i> Register A Vehicle</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="Rent.html"><i class="fas fa-suitcase"></i> Rent A Vehicle</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="Login.html"><i class="fas fa-user"></i> Log In</a>
                </li>
            </ul>
        </div>
    </nav>

    <section class="grid-container">
        <section class="carousel-container">
            <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="./images/parked11.png" class="d-block w-100" alt="Carousel Image 1">
                    </div>
                    <div class="carousel-item">
                        <img src="./images/parked22.png" class="d-block w-100" alt="Carousel Image 2">
                    </div>
                    <div class="carousel-item">
                        <img src="./images/rent11.png" class="d-block w-100" alt="Carousel Image 3">
                    </div>
                    <div class="carousel-item">
                        <img src="./images/rent22.png" class="d-block w-100" alt="Carousel Image 4">
                    </div>
                </div>
                <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </section>

        <section class="details">
            <h1>Welcome to EasyDrive Rentals!</h1>
            <p>EasyDrive Rentals is your ultimate destination for hassle-free transportation. We've redefined the rental experience to ensure that every journey is convenient, affordable, and stress-free.</p>
            <p>Forget about the paperwork and long waits. With EasyDrive Rentals, booking your ride is as simple as a few clicks. Our user-friendly platform allows you to browse, select, and secure your vehicle in minutes, leaving you more time to focus on your adventure.</p>
            <p>Our diverse fleet caters to every need and preference. Whether you're navigating city streets or embarking on a family adventure, our well-maintained vehicles ensure a comfortable and safe journey every time.</p>
            <p>Join us today and experience the freedom and flexibility. Whether you're planning your next adventure or looking to capitalize on your vehicle's earning potential, we're here to make transportation simple and stress-free.</p>
        </section>

        <section class="service">
            <h2>Our Services</h2>
            <p>EasyDrive Rentals offers a range of services tailored to your vehicle rental needs. Whether you're looking to rent a vehicle or earn extra income by renting out your own, we've got you covered.</p>
        </section>

        <section class="services">
            <div class="service-item">
                <h3>Earn with Your Vehicle</h3>
                <h4>Vehicle Registration</h4>
                <p>Unlock the potential of your vehicle by registering it with EasyDrive Rentals. Earn passive income by renting it out to our community of users.</p>
                <p>Our registration process is simple and hassle-free. Get started now and turn your vehicle into a lucrative asset!</p>
                <a class="btn btn-primary" href="./register"><i class="fas fa-pen"></i> Register A Vehicle</a>
            </div>
            <div class="service-item">
                <h3>Rent A Vehicle</h3>
                <h4>Explore Our Fleet</h4>
                <p>Discover the convenience of renting a vehicle from EasyDrive Rentals. Enjoy a seamless experience with our diverse and reliable fleet of vehicles.</p>
                <p>Choose from a variety of vehicles tailored to your needs. Whether it's a compact car for city exploration or a spacious SUV for a family road trip, we've got the perfect ride for you. Book now!</p>
                <a class="btn btn-primary" href="./rent"><i class="fas fa-suitcase"></i> Rent A Vehicle</a>
            </div>
        </section>
    </section>

    <footer>
        <p>&copy; 2024 EasyDrive Rentals. All rights reserved. |
            <a href="#" class="footer-link">Privacy Policy</a>
            |
            <a href="#" class="footer-link">Terms of Service</a>
        </p>
    </footer>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.min.js"></script>
    <script>
        $(document).ready(function () {
            $('.carousel').carousel({
                interval: 3000,
                ride: 'carousel',
                pause: 'hover',
                wrap: true,
                keyboard: true
            });
        });
    </script>
</body>
</html>