CSS3_WebDev_Essentials/Text.html at main · seoProductions/CSS3_WebDev_Essentials · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS3 Text</title>
    <link rel="stylesheet" href="Text.css">
</head>
<body>
<div id="top-page">
    <h1>Decorating Text</h1>
    <h3>using CSS :)</h3>
</div>

<div id="mid-page">
    <h2>The Raven</h2>
    <h3>By Edgar Allan Poe</h3>
    <p>
        Once upon a midnight dreary, while I pondered, weak and weary,<br>
        Over many a quaint and curious volume of forgotten lore,<br>
        While I nodded, nearly napping, suddenly there came a tapping,<br>
        As of someone gently rapping, rapping at my chamber door. “<br>
        “'Tis some visitor,” I muttered, “tapping at my chamber door—<br>
        Only this, and nothing more.”
    </p>
    <p>
        Ah, distinctly I remember it was in the bleak December, <br>
        And each separate dying ember wrought its ghost upon the floor. <br>
        Eagerly I wished the morrow;—vainly I had sought to borrow <br>
        From my books surcease of sorrow—sorrow for the lost Lenore— <br>
        For the rare and radiant maiden whom the angels name Lenore— <br>
        Nameless here for evermore. <br>
    </p>
    <p>
        And the silken sad uncertain rustling of each purple curtain <br>
        Thrilled me—filled me with fantastic terrors never felt before; <br>
        So that now, to still the beating of my heart, I stood repeating, “ <br>
        “'Tis some visitor entreating entrance at my chamber door— <br>
        Some late visitor entreating entrance at my chamber door;— <br>
        This it is, and nothing more.” <br>
    </p>
</div>
<div id="bottom-page">
    <h2><span id="read-more">Read more</span></h2>
    <h4>This poem is not mine. You can read the rest
        <a href="https://www.owleyes.org/text/raven/read/the-raven#root-219281-1"> here.</a>
        <strong>NOTE:</strong> this link takes you to another page!
    </h4>
</div>


</body>
</html>