html5-platform/blog.html at master · PeggyWiltz/html5-platform · 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
<!doctype html>
<html class="no-js" lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Our Exciting Blog</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  	<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  	<link rel="stylesheet" type="text/css" href="css/application.css" media="screen" />
  </head>
  <body>
    <header role="banner">
      <h1>
        Yay Food Trucks
      </h1>
    </header>
    <nav role="navigation">
      <ul>
        <li class="navlink">
          <a href="index.html">Home</a>
        </li>
        <li class="navlink">
          <a href="#"><strong>Blog</strong></a>
        </li>
        <li class="navlink">
          <a href="contacts.html">Contacts</a>
        </li>
        <li class="navlink">
          <a href="orders.html">Orders</a>
        </li>
        <li class="navlink">
          <a href="#">Stuff</a>
        </li>
      </ul>
    </nav>
    <main role="main">
      <section>
        <article>
          <header>
            <h2 tabindex="0">
              Wok n Roll
            </h2>
          </header>
          <details>Posted on <time datetime="2015-06-09 13:58">June 9</time> by Peggy</details>
          <p>Bacon ipsum dolor amet jerky leberkas andouille swine ham id cupim, spare ribs jowl. Alcatra brisket anim enim drumstick chicken flank doner tempor consequat swine velit magna. Bresaola tri-tip sed brisket. Pig officia in, incididunt pork strip steak quis. Cupim minim labore consequat consectetur swine culpa, ex deserunt. Venison tail ut nisi tempor frankfurter. Dolore shankle beef irure mollit do, ipsum laborum minim tri-tip swine ullamco.
          <p>Chicken prosciutto laborum ribeye pork loin ham hock sirloin venison picanha nulla nisi ground round. Tri-tip pancetta doner, magna mollit beef in velit. Commodo ea ut incididunt, salami chuck tri-tip ad. Pancetta ground round in esse bacon shankle salami pork belly duis ham magna velit cupim. Bresaola pork chop swine ipsum ball tip turducken boudin.
          <p>We rate Wok n Roll as: <meter max="5" value="3" title="Yum">3 out of 5</meter>
          <footer class="clearfix">
            Share on your favorite social network <button role="button">FB LOGO</button>
          </footer>
        </article>
        <article>
          <header>
            <h2 tabindex="0">
              Food Pun #2
            </h2>
          </header>
          <details>Posted on <time datetime="2015-06-09 14:58">June 9</time> by Sarah</details>
          <p>I love cheese, especially mascarpone queso. Mascarpone when the cheese comes out everybody's happy squirty cheese stilton red leicester mascarpone cottage cheese port-salut. Swiss chalk and cheese mascarpone brie fondue say cheese cream cheese cheeseburger. Monterey jack feta taleggio swiss danish fontina cheeseburger ricotta halloumi. Cheeseburger.

          <p>Cheddar chalk and cheese hard cheese. Ricotta the big cheese cow fondue hard cheese cut the cheese cheese triangles smelly cheese. Cheese and wine queso red leicester camembert de normandie cheddar cheesecake bavarian bergkase mascarpone. Rubber cheese the big cheese squirty cheese cheesy grin lancashire mascarpone.

          <p>Squirty cheese croque monsieur feta. Blue castello halloumi monterey jack cheese and wine caerphilly cheese triangles taleggio airedale. Halloumi cheese and wine cheddar stinking bishop cream cheese dolcelatte mozzarella dolcelatte. Manchego halloumi cheese and biscuits.
          <p>We rate Food Pun #2: <meter max="5" value="1" title="Yuck!">1 out of 5</meter>

          <footer class="clearfix">
            Share on your favorite social network <button role="button">FB LOGO</button>
          </footer>
        </article>
      </section>
    </main>
    <footer class="clearfix" role="contentinfo">
      <p id="copyright">&copy Peggy and Sarah 2015</p>
    </footer>
  </body>
</html>