Cars-html/index.html at main · bcordero06/Cars-html · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <title>Cars </title>
    <link rel="stylesheet" href="./css/style.css" />
  </head>
  <body>
    <header id="main_page_header">
    <h1>The Diffrerent Types Of Cars</h1>

    <h2>Here are that diffrent type of cars that range from Sedans,
        all the way to luxury Cars</h2>
    </header>
    <div>
    <main id = "page1_content">
    <section id = "Sedans">
        <h2>Sedans</h2>
        <p>These types of cars being sedans are the regualar cars, which are the traditional 4 door
            cars where its ment for a max of 5 people in one car,that can run from subcompact,compact,midsize and full size sedans
            not only there being regular sedans,theres also luxury sedans that are way nicer and are known
            for their conmfort and their interior made of premium matieral</p>
        <h3>Notable Sedan Models</h3>
        <img src="./img2/Civic.jpeg" alt="Honda Civic" style="width:50%;" />
        <img src="./img2/es.jpeg" alt="Lexus ES" style="width:50%;" />
        <img src="./img2/Mazda.jpeg" alt="Mazda 3" style="width:50%;" />
        <img src="./img2/K4.jpeg" alt="Kia K4" style="width:50%;" />

    <h3>Notable Sedans</h3>
    <ul>
        <li>Altima</li>
        <li>Camry</li>
        <li>Prius</li>
        <li>Kicks</li>
    </ul>
    </section>
    </div>

    <div>
    <section id = "Suv">
        <h2>Suv</h2>
        <p>
            Suv also known as sport utility vechicle,that are also known as their raised ground clearance also their four wheel drive
            these cars are also known for having more space for passengers allow for a third row that be either two seats or three seats
            in the third row just like sedans suvs range from crossover being the smaller version of the suvs to compact that are a platform of a compact csegment car
            another being midsize suv which are the most popular chioces and the ones you see everday.another being the full size which are the big one the ines that have a third row seating
            and lastly the extedned length which are the biggest of all cars you see that have more space in the back but are also known as heavy duty picksups but with a roof.
        </p>
        <h3>Notable Suv Models</h3>
        <img src="./img2/esca.jpeg" alt="Cadillac Escalade" style="width:50%;" />
        <img src="./img2/crv.jpeg" alt="Honda CR-V" style="width:50%;" />
        <img src="./img2/rav4.jpeg" alt="Toyota RAV4" style="width:50%;" />
        <img src="./img2/Rogue.jpeg" alt="Nissan Rogue" style="width:50%;" />

    <h3>Other Notable Suvs</h3>
    <ul>
        <li>Hyudai Paliside</li>
        <li>Nissan Murano</li>
        <li>Porsche Cayenne</li>
        <li>Subarau Outback</li>
    </ul>
    </section>
    </div>

    <section>
        <footer id = "footer">
            <nav>
        <h2>Page 2 Cars seen in Chicago</h2>
        <p>This page show the cars that are seen in Chicago and their popularity</p>
        <a href="page2.html" class="btn btn-primary">Read more on Page 2</a>
            </nav>
        </footer>
    </section>
    </main>
  </body>
</html>