RapidCode-CarStore/index.html at main · CodingNinjasCUIET/RapidCode-CarStore · 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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>WeCars - A Cars Serving Website</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>
<body>
    <header>
        <nav>
            <div><a href="#">WeCars</a></div>
            <ul>
                <li><a href="#home">Home</a></li>
                <li><a href="#rent">Customers</a></li>
                <li><a href="#service">Services</a></li>
                <li><a href="#ride">Our Past</a></li>
                <li><a href="#contact">Contact</a></li>
                <li><a href="DSignUp.html">Sign Up</a></li>
                <li><a href="DSignIn.html">Sign In</a></li>
                <li><img src="/img/user.png" width="40px" height="25px" alt="Profile"></li>
            </ul>
        </nav>
    </header>

    <!-- Hero Section with Image -->
    <section id="hero">
        <img src="/img/hero.png" alt="Luxury Car" width="100%" height="auto">
        <h1>Drive with Confidence</h1>
        <p>Experience the best car services with WeCars. Book, ride, and enjoy!</p>
        <a href="#"><button>Get Started</button></a>
    </section>

    <section id="rent">
        <h2>Maintain it via 3 working steps</h2>

        <div>
            <img src="/img/location.png" alt="Choose Location" width="500px">
            <h4>Choose a location</h4>
            <p>Select your location from where you want your car to be picked.</p>
        </div>

        <div>
            <h4>Pick-up date</h4>
            <p>Specify the date and time you wish to pick up your car.</p>
            <input type="date">
        </div>

        <div>
            <h4>Book your car</h4>
            <p>Finally, book the slot for your car.</p>
            <button>Book Now</button>
        </div>
    </section>


    <section id="service">
        <h2>Feel the best experience with our deals</h2>
        <ul>
            <li>
                <i class="fas fa-wallet" style="font-size: 24px;"></i>
                <h4>Deals for every budget</h4>
                <p>From economy cars to luxury vehicles, we have services for everyone.</p>
            </li>
            <li>
                <i class="fas fa-tag" style="font-size: 24px;"></i>
                <h4>Best price guarantee</h4>
                <p>Get competitive rates and book with confidence.</p>
            </li>
            <li>
                <i class="fas fa-headset" style="font-size: 24px;"></i>
                <h4>Support 24/7</h4>
                <p>Our team is available 24/7 to assist you.</p>
            </li>
        </ul>
    </section>

    <!-- Why Choose Us Section -->
    <section id="why-choose-us">
        <h2>Why Choose WeCars?</h2>
        <ul>
            <li>🚗 Hassle-free booking process</li>
            <li>🧼 Safe and sanitized vehicles</li>
            <li>💰 Affordable pricing with no hidden charges</li>
            <li>☎️ Expert customer support</li>
        </ul>
    </section>

    <section id="ride">
        <h2>We ensure the best customer experience</h2>
        <ul>
            <li>🏆 Competitive pricing</li>
            <li>💳 Flexible Payment Plans</li>
            <li>🚦 Roadside Assistance 24/7</li>
        </ul>
    </section>

    <!-- Testimonials Section with Images -->
    <section id="testimonials">
        <h2>What Our Customers Say</h2>

        <div>
            <img src="img/customer1.png" alt="Customer 1" width="80">
            <p>"WeCars made my travel easy and stress-free!" - John D.</p>
        </div>

        <div>
            <img src="img/customer2.png" alt="Customer 2" width="80">
            <p>"Great service, affordable prices, and excellent support!" - Sarah W.</p>
        </div>

        <div>
            <img src="img/customer3.png" alt="Customer 3" width="80">
            <p>"Highly recommended! Booking was seamless and hassle-free." - Alex T.</p>
        </div>
    </section>


    <section id="contact">
        <h2>Download the free WeCars app</h2>
        <img src="img/app-download.png" alt="WeCars App" width="200">
        <p>Manage bookings, find deals, and access 24/7 support.</p>
    </section>

    <!-- Footer -->
    <footer>
        <div>
            <h3>About WeCars</h3>
            <p>Your trusted car service provider for easy and efficient vehicle management.</p>
        </div>
        <div>
            <h3>Contact Us</h3>
            <p>Email: support@wecars.com</p>
            <p>Phone: +1 234 567 890</p>
        </div>
        <div>
            <h3>Follow Us</h3>
            <p>Facebook | Twitter | Instagram</p>
        </div>
        <p>Copyright © 2024 WeCars. All rights reserved.</p>
    </footer>
</body>
</html>