forked from suwebdev/wats3010-css
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (139 loc) · 6.5 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>WATS1010 Basic CSS Assignment</title>
<meta name="description" content="WATS1010 Basic CSS Assignment.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles.css">
</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">
<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">
<p 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>
</p>
<p 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>
<p class="page-credits">
© JANE STUDENT, 2015. This page was made for <a href="http://webdev.seattleu.edu/courses.html">WATS1010: Introduction to Web Development</a>.
</p>
</footer>
</body>
</html>