fenrir-codeup-web-exercises/welcome.html at main · CodeupClassroom/fenrir-codeup-web-exercises · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hello World Exercise</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <h1 class="fancy-header">Hello World!</h1>
    <img src="img/pexels-startup-stock-photos-7374.jpg" alt="Web developers hard at work making new content" width="320"
        height="210">

    <p>Hello World!</p>

    <p>I want to have a lot of text here to see what it looks like I wish that I had a way to just make a bunch of text
    </p>

    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda autem debitis expedita facere illum ipsa
        ipsum laudantium modi nam nemo neque, nobis non quae quod soluta sunt unde veniam voluptatibus?

        Lorem ipsum dolor sit amet, consectetur adipisicing elit. A adipisci aut delectus dolorum eaque est et maiores
        minima odio optio, possimus praesentium reprehenderit tempore, vero, voluptatum! Cumque perferendis quia sequi?
    </p>

    <p><strong>this is my cool poem</strong><br><br>
        <hr>
        walking outside in the <em>breeze</em> <br> a subtle <em>moment</em> with a friend <br> <em><strong>i think of
                my code</strong></em>
    </p>

    <a href="https://www.barbie.com" target="_blank">Search for barbies</a>

    <h1>Biggest Heading</h1>
    <h3>Middle of the road Heading</h3>
    <h6>Hello World! (Smallest heading)</h6>


    <span>Hello World, I am Ken!</span> <span>Hello World!</span>

    <h6>Things I like for lunch</h6>
    <ol>
        <li>Mexican food</li>
        <li>Indian food</li>
        <li>Hot sandwich</li>
    </ol>

    <h6>Places I've been on vacation</h6>
    <ul>
        <li>New Orleans, LA</li>
        <li>Grand Cayman</li>
        <li>Columbus, OH</li>
    </ul>

    <!--        I want to make a table:
            I need to use the table element, set up rows, and DATA for those rows
-->
    <table>
        <tr>
            <th>Student ID</th>
            <th>Student Name</th>
            <th>Cohort</th>
        </tr>

        <tr>
            <td>94</td>
            <td>Nicholas Gilmore</td>
            <td>Titan</td>
        </tr>

        <tr>
            <td>77</td>
            <td>Daniel Deane</td>
            <td>Fenrir</td>
        </tr>

        <tr>
            <td>10</td>
            <td>Kenneth Howell</td>
            <td>Deimos</td>
            <td>Writes cool poems</td>
        </tr>
    </table>

    <br><br>
    <a href="#top">Test link :D :D :D</a>
</body>

</html>