Frontend-Practice/Practice_1.html at master · daijonbereola/Frontend-Practice · 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
<!--Challenge 2: https://en.wikiversity.org/wiki/Web_Design/CSS_challenges-->
<!DOCTYPE html>
<html>
  <head>
    <title>HTML/CSS Coding Challenge</title>
  </head>
  <body style="background-color: rgb(255, 204, 108);">
    <div style=
        "font-family: Optima, Segoe, Segoe UI, Candara, Calibri, Arial, sans-serif;
        line-height: normal;
        margin:25px;
        margin-right: 250px;
        margin-left: 250px;
        background-color: lightyellow;
        border-radius:25px;
        box-shadow: 5px 5px 3px rgb(165, 112, 42);
        "
        id="wrap">

        <div style=
        "border-bottom: solid;
        border-width: 2px;
        padding-top: 15px;
        letter-spacing: 2px;
        margin: 5px;
        font-variant: small-caps;
        color:rgb(255, 204, 108);
        border-color: black;
        text-shadow: 2px 2px 1px black;"
        >
            <h1 style=
            "text-align: center;
            font-size: 50px;
            font-style: italic;
            ">Shakespeare's Sonnet #18</h1>
        </div>
      <p style=
      "font-size: 16px;
      text-align: justify;
      margin: 20px;
      line-height: 20px;
      padding-left: 5px;
      padding-right: 5px;
      ">
         This is one of the most famous of the sonnets. It is referenced
         in the film Dead Poets Society and gave names to the band The
         Darling Buds and the book and television series The Darling Buds
         of May. <span style="font-weight: bold;">Read it and weep!</span>
      </p>
      <ul style=
      "font-size: 18px;
      padding-bottom:10px;
      text-align: justify;
      line-height: 30px;
      list-style: none;
      text-align: center;
      font-style: italic;
      ">
        <li><span style="font-weight: bold; font-size: 20px;">S</span>hall I compare thee to a summer's day?</li>
        <li><span style="font-weight: bold; font-size: 20px;">T</span>hou art more lovely and more temperate:</li>
        <li><span style="font-weight: bold; font-size: 20px;">R</span>ough winds do shake the darling buds of May,</li>
        <li><span style="font-weight: bold; font-size: 20px;">A</span>nd summer's lease hath all too short a date:</li>
        <li><span style="font-weight: bold; font-size: 20px;">S</span>ometime too hot the eye of heaven shines,</li>
        <li><span style="font-weight: bold; font-size: 20px;">A</span>nd often is his gold complexion dimm'd,</li>
        <li><span style="font-weight: bold; font-size: 20px;">A</span>nd every fair from fair sometime declines,</li>
        <li><span style="font-weight: bold; font-size: 20px;">B</span>y chance, or nature's changing course untrimm'd:</li>
        <li><span style="font-weight: bold; font-size: 20px;">B</span>ut thy eternal summer shall not fade,</li>
        <li><span style="font-weight: bold; font-size: 20px;">N</span>or lose possession of that fair thou ow'st,</li>
        <li><span style="font-weight: bold; font-size: 20px;">N</span>or shall death brag thou wander'st in his shade,</li>
        <li><span style="font-weight: bold; font-size: 20px;">W</span>hen in eternal lines to time thou grow'st,</li>
        <li><span style="font-weight: bold; font-size: 20px;">S</span>o long as men can breathe, or eyes can see,</li>
        <li><span style="font-weight: bold; font-size: 20px;">S</span>o long lives this, and this gives life to thee.</li>
      </ul>

      <p style=
      "margin: 20px;
      padding-bottom: 20px;
      font-style:oblique;
      ">See the
      <a style="color:brown;"href="http://en.wikipedia.org/wiki/Shakespeare%27s_Sonnets">
      Shakespeare's sonnets</a> Wikipedia article for more information
      </p>
    </div>
  </body>
</html>