-
Notifications
You must be signed in to change notification settings - Fork 141
/
index.html
153 lines (146 loc) · 6.96 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
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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>WATS3010 Basic CSS Assignment</title>
<meta name="description" content="WATS3010 Basic CSS Assignment.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- TODO: Add stylesheet link to head of document -->
</head>
<body>
<header class="page-header">
<h1>Kubla Khan <small>(1816)</small></h1>
<p>by Samuel Taylor Coleridge</p>
</header>
<aside class="more-info">
<h2>More Information</h2>
<p>
<img src="images/coleridge.jpg" alt="Samuel Taylor Coleridge portrait" /> For more information about Samuel Taylor Coleridge, check out these resources:
</p>
<ul class="info-links">
<li><a href="http://en.wikipedia.org/wiki/Samuel_Taylor_Coleridge">Wikipedia Page</a></li>
<li><a href="http://www.poets.org/poetsorg/poet/samuel-taylor-coleridge">Academy of Poets Page</a></li>
<li><a href="http://www.poets.org/poetsorg/poem/rime-ancient-mariner">Rime of the Ancient Mariner</a></li>
</ul>
<ul class="social-links">
<li><a href="http://facebook.com">Facebook</a></li>
<li><a href="http://twitter.com">Twitter</a></li>
<li><a href="http://instagram.com">Instagram</a></li>
</ul>
</aside>
<section id="content">
<h2>Poem</h2>
<ul class="poem">
<li>In Xanadu did Kubla Khan</li>
<li>A stately pleasure-dome decree:</li>
<li>Where Alph, the sacred river, ran</li>
<li>Through caverns measureless to man</li>
<li>Down to a sunless sea.</li>
<li>So twice five miles of fertile ground</li>
<li>With walls and towers were girdled round:</li>
<li>And there were gardens bright with sinuous rills,</li>
<li>Where blossomed many an incense-bearing tree;</li>
<li>And here were forests ancient as the hills,</li>
<li>Enfolding sunny spots of greenery.</li>
<li>But oh! that deep romantic chasm which slanted</li>
<li>Down the green hill athwart a cedarn cover!</li>
<li>A savage place! as holy and enchanted</li>
<li>As e’er beneath a waning moon was haunted</li>
<li>By woman wailing for her demon-lover!</li>
<li>And from this chasm, with ceaseless turmoil seething,</li>
<li>As if this earth in fast thick pants were breathing,</li>
<li>A mighty fountain momently was forced:</li>
<li>Amid whose swift half-intermitted burst</li>
<li>Huge fragments vaulted like rebounding hail,</li>
<li>Or chaffy grain beneath the thresher’s flail:</li>
<li>And ’mid these dancing rocks at once and ever</li>
<li>It flung up momently the sacred river.</li>
<li>Five miles meandering with a mazy motion</li>
<li>Through wood and dale the sacred river ran,</li>
<li>Then reached the caverns measureless to man,</li>
<li>And sank in tumult to a lifeless ocean:</li>
<li>And ’mid this tumult Kubla heard from far</li>
<li>Ancestral voices prophesying war!</li>
<li>The shadow of the dome of pleasure</li>
<li>Floated midway on the waves;</li>
<li>Where was heard the mingled measure</li>
<li>From the fountain and the caves.</li>
<li>It was a miracle of rare device,</li>
<li>A sunny pleasure-dome with caves of ice!</li>
<li>A damsel with a dulcimer</li>
<li>In a vision once I saw:</li>
<li>It was an Abyssinian maid,</li>
<li>And on her dulcimer she played,</li>
<li>Singing of Mount Abora.</li>
<li>Could I revive within me</li>
<li>Her symphony and song,</li>
<li>To such a deep delight ’twould win me</li>
<li>That with music loud and long</li>
<li>I would build that dome in air,</li>
<li>That sunny dome! those caves of ice!</li>
<li>And all who heard should see them there,</li>
<li>And all should cry, Beware! Beware!</li>
<li>His flashing eyes, his floating hair!</li>
<li>Weave a circle round him thrice,</li>
<li>And close your eyes with holy dread,</li>
<li>For he on honey-dew hath fed</li>
<li>And drunk the milk of Paradise.</li>
</ul>
<footer class="content-footer">
<p class="citation">
Poem text provided by
<a href="http://www.public-domain-poetry.com/samuel-taylor-coleridge/kubla-khan-7339">
Public Domain Poetry
</a>.
</p>
</footer>
</section>
<footer class="page-footer">
<div class="citation">
Images and text on this page taken from Wikipedia:
<ul>
<li>
<a href="http://en.wikipedia.org/wiki/Kubla_Khan">Kubla Khan</a>
</li>
<li>
<a href="http://en.wikipedia.org/wiki/File:Coleridge2.jpg">Image of Samuel Taylor Coleridge</a>
</li>
</ul>
</div>
<div class="citation">
Additional resources provided that may or may not be used on this page:
<ul>
<li>
<a href="http://en.wikipedia.org/wiki/File:Xanadu_on_Map_of_Asia.JPG">Xanadu on Map of Asia</a>
</li>
<li>
<a href="http://www.publicdomainpictures.net/view-image.php?image=26028&picture=hard-paper-texture">
Hard Paper Texture
</a>
</li>
<li>
<a href="http://www.publicdomainpictures.net/view-image.php?image=50044&picture=sand">
Sand
</a>
</li>
<li>
<a href="http://www.publicdomainpictures.net/view-image.php?image=102762&picture=hiking-the-sand-dunes">
Hiking the Sand Dunes
</a>
</li>
</ul>
</div>
<p class="page-credits">
© JANE STUDENT, 2015.
</footer>
</body>
</html>
<!-- Create styles that help visually group the information on the page.
Remove the bullets on lists where bullets do not help with readability.
Use at least one background image somewhere on the page.
Use two fonts on the page: One font for headings and another font for body text. (Do not use MORE than two fonts on the page.)
Use margin and padding to control spacing on the page.
Use line-height to make the text easily readable.
Use background-color and color to alter the appearance of a section.
Size the image that is included on the page appropriately. -->