myFirstCSS/index.html at main · Enenche23/myFirstCSS · 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
<!DOCTYPE html>
<html>
<head>
    <title> Class Project</title>
</head>
<link rel="stylesheet" href="class.css">
<body>
    <nav class="navbar">
        <a class="navbar-brand" href="#">Cartoon</a>
        <ul class="navbar-nav">
            <li class="nav-items"><a class="nav-link" href="#">Gallery</a></li>
            <li class="nav-items"><a class="nav-link" href="#">About Us</a></li>
            <li class="nav-items"><a class="nav-link" href="#">Contact Us</a></li>
        </ul>
    </nav>

    <section id="firstsection">
        <div class="first">
            <h1>Start play and learn today</h1>
            <p><span>children can play educational games, listen to stories or</span> watch their favorite characters. </p>
            <button class="btn btn-lg">Start<img src="/assets/icons8-up-right-50.png" alt=""></button>
        </div>

        <div>
            <img class="main-image" src="/assets/image 1.png" alt="main-image">
        </div>
    </section>

    <section id="secondsection">
        <div class="flexbox">
            <div class="images"><img id="img1" src="/assets/Group 3.png" alt="a painter"></div>
            <div class="images"><img id="img2" src="/assets/Group 2.png" alt="a builder"></div>
            <div class="images"><img id="img3" src="/assets/Group 1.png" alt="Lady sitting comfortably"></div>
        </div>
    </section>

    <section id="footer" style="text-align: center;">
        &copy; TeachComp by Crystal 2022
    </section>
</body>
</html>