flexWeek2CSS/dayTwo.html at main · WF-InstructorMelissa/flexWeek2CSS · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/dayTwo.css">
    <title>Week 2</title>

</head>
<body>
    <header>
        <h1>Hey there class</h1>
        <nav>
            <a href="#">I am a link</a>
            <a href="#">Me too</a>
        </nav>
    </header>
    <main>
        <h2>I am an h2 tag and I look different by nature to my friend h1 above</h2>
        <img src="./images/bee.png" alt="Bee" class="main">
        <h3>Supercala<span class="hotpink">fragalistic</span>expialidosious</h3>
        <p>I am a p tag and I too look different</p>
        <table>
            <tr>
                <th>Name</th>
                <th>Image</th>
            </tr>
            <tr>
                <td>BookWorm Octocat</td>
                <td><img src="./images/bookWorkOctocat.png" alt="Octocat"></td>
            </tr>
            <tr>
                <td>Computer Octocat</td>
                <td><img src="./images/computerOctocat.png" alt="Octocat">
            </tr>
            <tr>
                <td>Investigative Octocat</td>
                <td><img src="./images/investigativeOctocat.png" alt="Octocat"></td>
            </tr>
            <tr>
                <td>Mad Scientist Octocat</td>
                <td><img src="./images/madScientistOctocat.png" alt="Octocat"></td>
            </tr>
            <tr>
                <td>Power Octocat</td>
                <td><img src="./images/powerOctocat.png" alt="Octocat"></td>
            </tr>
            <tr>
                <td>Wizard Octocat</td>
                <td><img src="./images/wizardOctocat.png" alt="Octocat"></td>
            </tr>
        </table>
        <div class="yellowRow">
            <img src="./images/bookWorkOctocat.png" alt="Octocat">
            <img src="./images/computerOctocat.png" alt="Octocat" id="computer">
            <img src="./images/investigativeOctocat.png" alt="Octocat">
        </div>
        <img src="./images/madScientistOctocat.png" alt="Octocat">
        <img src="./images/powerOctocat.png" alt="Octocat">
        <img src="./images/wizardOctocat.png" alt="Octocat">
    </main>
    <footer>
        <h3>Created for Buckley's class</h3>
        <img src="./images/bee.png" alt="Bee" class="bee">
        <img src="./images/bee.png" alt="Bee" class="bee">
        <img src="./images/bee.png" alt="Bee" class="altBee">
        <img src="./images/bee.png" alt="Bee" class="altBee">
    </footer>
</body>
</html>