GUI_hw1/index.html at main · Joshua119/GUI_hw1 · 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<!--    HW Assignment 1
        File: index.html
        Joshua Sullivan, Joshua_Sullivan1@student.uml.edu
        9/13/2021
        This webpage catalogues several of the most common species of birds around the Umass Lowell campus.
-->

<html lang="en">
    <head>
        <title>Birds around Umass Lowell</title>
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <meta charset="UTF-8">
        <meta name="keywords" content="Birds, UMass Lowell">
        <meta name="author" content="Joshua Sullivan">
    </head>

    <body>

        <!--  Page Title  -->
        <h1>Birds Around Umass Lowell</h1>

        <!--Table is organized into Animal Name, interesting information, and image columns.-->
        <table>
            <tbody>
                <tr>
                    <td class="name">House Sparrow</td>

                    <td class="list">
                        <ul>
                            <li>Passer domesticus</li>
                            <li>Was introduced to the United States in Brooklyn, NY to control the Linden Moth population</li>
                            <li>One of the most common birds in North America</li>
                            <li>Sometimes considered pests</li>
                        </ul>
                    </td>

                    <!-- Image Source: audubon.org -->
                    <td><img src="images/house_sparrow.jpg" alt="house sparrow"></td>
                </tr>

                <tr>
                    <td class="name">Red-tailed Hawk</td>

                    <td class="list">
                        <ul>
                            <li>Buteo jamaicensis</li>
                            <li>The most widespread large hawk in North America</li>
                            <li>Their plumage may vary wildly other than their eponymous red tail</li>
                            <li>Surprisingly not the inspiration for the UML Riverhawk mascot</li>
                        </ul>
                    </td>

                    <!-- Image Source: audubon.org -->
                    <td><img src="images/red-tailed_hawk.jpg" alt="Red Tailed Hawk"></td>
                </tr>

                <tr>
                    <td class="name">Pigeon</td>

                    <td class="list">
                        <ul>
                            <li>Columba livia</li>
                            <li>"Rats of the Sky"</li>
                            <li>Surprisingly Intelligent</li>
                            <li>Foragers that primarily eat seeds</li>
                        </ul>
                    </td>

                    <!-- Image Source: audubon.org -->
                    <td><img src="images/pigeon.jpg" alt="Pigeon"></td>
                </tr>

                <tr>
                    <td class="name">Mallard Duck</td>

                    <td class="list">
                        <ul>
                            <li>Anas platyrhynchos</li>
                            <li>Almost all domested ducks are descended from this species</li>
                            <li>The males have bright green heads while the females do not</li>
                            <li>The males do not quack</li>
                        </ul>
                    </td>

                    <!-- Image Source: audubon.org -->
                    <td><img src="images/mallard_duck.jpg" alt="Mallard Duck"></td>
                </tr>

                <tr>
                    <td class="name">American Crow</td>

                    <td class="list">
                        <ul>
                            <li>Corvus brachyrhynchos</li>
                            <li>One of the most intelligent bird species in the world</li>
                            <li>Can remember human faces</li>
                            <li>Omnivores</li>
                        </ul>
                    </td>

                    <!-- Image Source: audubon.org -->
                    <td><img src="images/crow.jpg" alt="Crow"></td>
                </tr>

                <tr>
                    <td class="name">Peregrine Falcon</td>

                    <td class="list">
                        <ul>
                            <li>Falco peregrinus</li>
                            <li>The fastest animal in the world</li>
                            <li><a href="https://www.uml.edu/falcons/nest-box.aspx" class="peregrine_link">Fox Hall regularly hosts peregrine falcons on its roof</a></li>
                            <li>largely eats other birds</li>
                        </ul>
                    </td>

                    <!-- Image Source: uml.edu -->
                    <td><img src="images/peregrine_falcon.jpg" alt="Peregrine Falcon"></td>
                </tr>
            </tbody>
        </table>

        <!--Lists sources and useful references-->
        <footer>
            <h2 class="footer_title">References</h2>

            <ul class="link_list">
                <li><a href="https://www.audubon.org/">Audubon.org</a></li>
                <li><a href="https://www.allaboutbirds.org/news/">Allaboutbirds.org</a></li>
                <li><a href="https://www.uml.edu/falcons/mascot.aspx">UML Riverhawk Mascot History</a>
            </ul>
        </footer>
    </body>
</html>