html5-platform/index.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
<!doctype html>
<html class="no-js" lang="" manifest="offline.appcache">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Welcome to Yay Food Trucks</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="#"><strong>Home</strong></a>
        </li>
        <li class="navlink">
          <a href="blog.html">Blog</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">
      <video src="multimedia/rooster_1.mp4" autoplay loop controls="" height="200"></video>
      <p>Aliquam facilisis lectus dui, et volutpat nisi varius sit amet. Cras ut ornare nunc. Vivamus vehicula est vitae tristique eleifend. Mauris tristique libero neque. Donec tristique ex quis turpis egestas, in lacinia quam gravida. Nulla quis egestas velit. Morbi vitae eleifend ligula. Mauris hendrerit volutpat dapibus. Nunc scelerisque, urna in porta sollicitudin, dolor turpis commodo orci, nec hendrerit arcu sem eget sapien.
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus et neque vel nisl vulputate finibus at ultricies purus. Integer tempor lectus in diam sollicitudin ornare. Pellentesque id sem in tellus imperdiet vulputate. Duis vitae pretium nulla. Cras posuere augue et lacus semper pharetra. Vestibulum fermentum orci neque, eget eleifend nisl faucibus a. Praesent velit urna, accumsan congue est ut, sodales dapibus diam. <em>Cras dignissim, tellus at tempus blandit, ante risus tempor orci, nec feugiat massa ex ac lacus.</em> Mauris sit amet eros vel augue interdum pharetra ac ac tortor. Donec ultricies purus quis ex hendrerit hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ultricies purus quis ex hendrerit hendrerit. Quisque consequat malesuada nulla, non ornare massa aliquet nec. <del cite="http://www.peggywiltz.com">Aenean leo dolor, efficitur et lacus nec, interdum lobortis ligula.</del></p>
      <aside>
        <strong>Duis vitae pretium nulla. Cras posuere augue et lacus semper pharetra. Vestibulum fermentum orci neque, eget eleifend nisl faucibus a.</strong>
      </aside>
      <p>Aliquam facilisis lectus dui, et volutpat nisi varius sit amet. Cras ut ornare nunc. Vivamus vehicula est vitae tristique eleifend. Mauris tristique libero neque. Donec tristique ex quis turpis egestas, in lacinia quam gravida. Nulla quis egestas velit. Morbi vitae eleifend ligula. Mauris hendrerit volutpat dapibus. Nunc scelerisque, urna in porta sollicitudin, dolor turpis commodo orci, nec hendrerit arcu sem eget sapien.
      <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam vel dui vel velit finibus rhoncus sit amet sit amet lectus. Duis egestas varius nibh mollis convallis. Aenean volutpat condimentum neque, sed imperdiet nunc faucibus eget. Etiam interdum luctus tortor. Donec pulvinar condimentum urna, ac varius mauris tincidunt non. Fusce luctus mauris vitae finibus vulputate. Praesent nec varius diam, vel tincidunt metus. Maecenas risus dui, dictum vel posuere eget, vestibulum at nunc. Sed accumsan malesuada nibh. Curabitur vel varius quam. Curabitur egestas urna id purus dignissim faucibus a nec tortor. Sed consequat, ex a blandit lobortis, massa lectus tempus mauris, eu tincidunt quam felis quis massa. Quisque tincidunt placerat augue at placerat. Phasellus pulvinar luctus placerat. Curabitur fringilla scelerisque ipsum, at feugiat mi scelerisque eget.</p>
      <p>Food trucks near you!<p>
      <article class="map">
        <p>Searching the Internet to find you: <span id="geostatus">checking...</span></p>
      </article>
    </main>
    <footer class="clearfix" role="contentinfo">
      <p id="copyright">&copy Peggy and Sarah 2015</p>
    </footer>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="js/geo.js"></script>
  </body>
</html>