css_project/index.html at gh-pages · IvyMurage/css_project · 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
<!DOCTYPE html>
<html>

<head>
    <title>Holiday guide</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <h1>Three things to do over the holiday</h1>
    <ol>
        <li>
            <h3>Spider-Man: Homecoming</h3>
            <img src="http://bit.ly/spiderman_homecoming1" height="200" alt="Spider man">
            <p>
                This is probably one of Marvel's best movies. It's action packed and one you should definitely check
                out.
                <a href="http://imax.or.ke/movies/180" target="_blank">learn more</a>
            </p>
        </li>

        <li>
            <h3>Tranformers: The Last Knight</h3>
            <img src="http://bit.ly/transformers_the_last" height="200" alt="OPtimus Prime">
            <p>
                This will definitely get those of you who have missed the deep voice of Optimus Prime. It's not the best
                transformers movie, but it's not terrible either.
                <a href="http://imax.or.ke/movies/181" target="_blank">learn more</a>
            </p>
        </li>

        <li>
            <h3>Sleep</h3>
            <img src="https://bit.ly/3cGfJRQ" height="200" alt="Too sleepy">
            <p>
                This list would not be complete without adding sleep. While some of you may be tempted to think it's a
                waste of time for such a short holiday, I highly advice against it. In fact, if there's one thing you
                should do, its to sleep!
                <a href="https://www.ted.com/talks/wendy_troxel_why_school_should_start_later_for_teens" target="_blank">learn more</a>
            </p>
        </li>

    </ol>
</body>

</html>