381Assignment1/index.html at main · Alvin-L-05/381Assignment1 · 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
<!--
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
File : index.html
Assignment : 01
Group members : Alvin Long, Thanishque Harshaa
UCIDs : 30184369, 30171412
Submission : Feb 5, 2024
File description : The homepage of the e-commerce website
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
-->

<!--
Requirements:
• Create the home page layout with HTML. The home page will have navigation links to
other pages of the website, vision and mission of the company, and feedback from the
previous customers.
• Display at least two customer feedback
-->

<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>One-Stop Car Shop</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <!-- Logo and website name go here -->
        <img src="images/logo.jpg" alt="Your Logo" width="175" height="100">
        <h1>One-Stop Car Shop</h1>
    </header>
    <!-- Navigation Section -->
    <div>
        <nav>
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="products.html">Products</a></li>
                <li><a href="contact.html">Contact</a></li>
                <li><a href="login.html">Login</a></li>
            </ul>
        </nav>
    </div>

    <main>

       <!-- About Us Section -->
<section class="about-us">
    <h2>Your Journey Starts Here: One-Stop Car Shop</h2>
    <p>Welcome to the One Stop Car Shop, where your automotive dreams come to life. Our passion for cars goes beyond selling vehicles; it's about creating an unparalleled experience for every customer who walks through our doors.</p>

    <h3>Our Vision</h3>
    <p>At One-Stop Car Shop, we envision a future where everyone finds their perfect ride effortlessly. Whether you're a first-time buyer or a seasoned car enthusiast, our goal is to be your trusted partner on your journey to discover the vehicle that suits your lifestyle.</p>

    <h3>Mission Excellence</h3>
    <p>Our mission is to provide a seamless and enjoyable car-buying experience by offering a diverse range of high-quality vehicles, transparent information, and exceptional customer service. We strive to be the one-stop destination for all your automotive needs.</p>

    <h3>Quality Assurance</h3>
    <p>Quality is at the core of everything we do. Every vehicle in our inventory undergoes rigorous inspections to ensure reliability and performance. We stand behind the quality of our cars, giving you peace of mind with every purchase.</p>

    <h3>Join Us on the Road Ahead</h3>
    <p>Embark on a journey with One-Stop Car Shop, where your dream car is just a step away. Explore our collection, experience top-notch service, and let us be part of your exciting road ahead. Your perfect car awaits!</p>
</section>


        <!-- Shop Now Button (as a link to the Products page) -->
        <section class="shop-now">
            <a href="products.html">
                <button>Shop Now</button>
            </a>
        </section>
        <!-- Customer Reviews/Testimonials Section -->
        <section class="customer-reviews">
            <!-- Add reviews as needed -->
            <h2>Customer Reviews</h2>
            <p>Jason Santham: "Wide range of cars and great quality and customer service!"</p>
            <p>The Rock: "Love shopping cars here!"</p>
        </section>
    </main>
    <footer>
        <!-- Copyright notice goes here -->
        <p>&copy; 2024 One-Stop Car Shop. All rights reserved.</p>
    </footer>
</body>
</html>