generated from SchoolOfCode/stage_2_step_7_tribute_page
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
87 lines (86 loc) · 3.69 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<main id="main">
<h1 id="title">The Herring Gull</h1>
<p>Britain's favourite sea bird 😁</p>
<figure id="img-div">
<img
id="image"
src="https://images.unsplash.com/photo-1441298405295-c4c308d5432e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2940&q=80"
alt="A herring gull"
/>
<figcaption id="img-caption">
Iconic sea birds, commonly referred to as SeaGulls.
</figcaption>
</figure>
<section id="tribute-info">
<h3 id="headline">3 reasons humans love to hate them:</h3>
<ol>
<li><strong>"Thieves"</strong> - Herring Gulls and other species of Sea Gull have often been accused of stealing ice cream from children and fish n' chips from adults.
<figure id="cream-img-div">
<img
id="cream-image"
src="https://www.thetimes.co.uk/imageserver/image/%2Fmethode%2Ftimes%2Fprodmigration%2Fweb%2Fbin%2F2ea19721-d987-343d-b38e-1f622fb5d686.jpg?crop=1500%2C1000%2C0%2C0&resize=1500"
alt="A Sea Gull stealing someone's ice cream."
/>
<figcaption id="img-caption">
A Sea Gull stealing someone's ice cream.
</figcaption>
</figure> </li>
<li><strong>"Noise-makers"</strong> - Herring Gulls and other larger species of Sea Gull have often been accused of disturbing the peace with their cacophonies when humans are trying to sleep.
</li>
<li>
<strong>"Unsanitary"</strong> - Herring Gulls have often been accused of relieving themselves on the clothing and rooftops of humans. Whilst their excrement may be considered artistic by <a
id="pollock-link"
href="https://en.wikipedia.org/wiki/Jackson_Pollock"
target="_blank"
>Jackson Pollock</a> fans, most humans claim it damages paintwork.
<figure id="poop-img-div">
<img
id="poop-image"
src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d4/DefecatingSeagull.jpg/2560px-DefecatingSeagull.jpg"
alt="A Herring gull expelling waste near Île-de-Bréhat"
/>
<figcaption id="img-caption">
A Herring gull expelling waste near Île-de-Bréhat
</figcaption>
</figure>
</li>
</ol>
<h3> The Sea Gull: A Poem </h3>
<blockquote
cite="http://news.rediff.com/report/2009/sep/14/pm-pays-tribute-to-father-of-green-revolution-borlaug.htm"
>
<p>
"For the seagull, he is a daring bird,<br>
And he loves with the storm to sail;<br>
To ride in the strength of the billowy sea;<br>
And to breast the driving gale.<br>
The little boat, she is tossed about,<br>
Like a seaweed, to and fro;<br>
The tall ship reels like a drunken man,<br>
As the gusty tempests blow.<br>
But the seagull laughs at the pride of man,<br>
And sails in a wild delight<br>
On the torn-up breast of the night-black sea,<br>
Like a foam-cloud, calm and white."<br>
</p>
<cite>-- An exerpt from 'The Sea Gull' by Mary Howitt</cite>
</blockquote>
<h3>
If time and inclination coincide, please read further about this wonderful bird.
<a
id="tribute-link"
href="https://en.wikipedia.org/wiki/European_herring_gull"
target="_blank"
>Herring Gulls on Wikipedia</a
>.
</h3>
</section>
</main>
</body>
</html>