HTML-Stuff/solecism-exercise.html at master · dri19tcc/HTML-Stuff · 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
<!DOCTYPE html>
<html>
<head>
  <title>Solecism!</title>
  <meta charset="UTF-8">
  <link to a stylesheet?>
</head>
<body>
  <header>
    <nav><ul>
      <li><a href="#">one page</a></li>
      <li><a href="#">another page</a></li>
      <li><a href="#">yet more</a></li>
      <li><a href="#">last one</a></li>
    </ul></nav>
    <h1>Fairy Tales and Nursery Rhymes</h1>
  </header>

  <section>
    <h2>Example Stories</h2>
    <article>
      <p><h3>Jack and the Beanstalk</h3></p>
      <p>There was once upon a time a poor widow who had an only son named Jack, and a cow named Milky-white. And all they had to live on was the milk the cow gave every morning which they carried to the market and sold. But one morning Milky-white gave no milk and they didn’t know what to do.</p>
      <a href="#">Read Full Jack and the Beanstalk Story</a>

      <aside>
        <p><h4>Origins of Jack and the Beanstalk</h4></p>
        <p>This is actually a real story, written down by gun-toting, bean-gardening nuns in 16th century Luxembourg.</p>
        <figure>
          <img alt="Nuns With Guns" src="http://wp.production.patheos.com/blogs/pursuedbytruth/files/2014/12/Nuns_With_Guns.png">
          <p><figcaption><em>Left to right: Pearl, Big Madge, Sister Ashley, Sister Mary-Kate, Sister Christian.</em></figcaption></p>
        </figure>
      </aside>
    </article>

    <article>
      <p><h3>Little Bo Peep</h3></p>
      <p>Little Bo-Peep has lost her sheep, And can't tell where to find them; Leave them alone, and they'll come home, Bringing their tails behind them.</p>
      <p>Little Bo-Peep fell fast asleep, And dreamt she heard them bleating; But when she awoke, she found it a joke, For they were still all fleeting.</p>
      <a href="#">Read Full Little Bo Peep Story</a>
    </article>

    <article>
      <p><h3>The Three Little Kittens</h3></p>
      <p>The three little kittens, they lost their mittens, And they began to cry, "Oh, mother dear, we sadly fear,That we have lost our mittens."</p>
      <p>"What!   Lost your mittens, you naughty kittens! Then you shall have no pie. Meow, meow, meow. Then you shall have no pie."</p>
      <a href="#">Read Full Three Little Kittens Story</a>
    </article>
  </section>

  <aside>
    <h2>More stories</h2>
    <nav><ul>
      <li><a href="#">Stories about pigs</a></li>
      <li><a href="#">Stories with morals</a></li>
      <li><a href="#">Limericks</a></li>
    </ul></nav>
  </aside>
</body>
</html>