responsiveDesign/index.html at master · kahlow/responsiveDesign · 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>
  <head>
    <title>Responsive Design</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/style.css" rel="stylesheet" media="screen">
  </head>
  <body>
    <div id="width"></div>
    <div id="page">
      <h1>Responisve Web Design with meat, cats and friends!</h1>
      <div class="main">
        <div class="navbar">
          <ul>
            <div class="l1"><li><a href="#">Link1</a></li></div>
            <div class="l2"><li><a href="#">Link2</a></li></div>
            <div class="l3"><li><a href="#">Link3</a></li></div>
            <div class="l4"><li><a href="#">Link4</a></li></div>
            <div class="l5"><li><a href="#">Link5</a></li></div>
            <div class="l6"><li><a href="#">Link6</a></li></div>
          </ul>
        </div>
        <div class="content">
          <div class="p1">
            <p>Bacon ipsum dolor sit amet jowl corned beef pig sausage. Chicken andouille kielbasa tenderloin, fatback short ribs beef bacon corned beef sirloin pig drumstick spare ribs. Turducken spare ribs t-bone ribeye chuck bresaola bacon, biltong meatloaf. Pork drumstick flank short loin shank frankfurter beef ribs jerky strip steak. Fatback pork ham hock ball tip filet mignon. Chicken pancetta meatloaf short loin, turducken turkey boudin shankle pork jerky andouille spare ribs.</p>
          </div>
          <div class="p2">
            <p>Strip steak leberkas t-bone, tenderloin brisket doner fatback frankfurter pancetta. Tongue jerky prosciutto, venison jowl capicola doner turkey frankfurter kielbasa pork pancetta meatloaf. Sausage swine pork chop tongue, pig corned beef ham pork loin. Ball tip brisket rump tri-tip pork leberkas tongue kielbasa prosciutto frankfurter pork belly short loin. Kielbasa frankfurter salami, ham hock prosciutto andouille pork brisket biltong flank.</p>
          </div>
          <div class="p3">
            <p>Bacon strip steak doner drumstick ham hock t-bone andouille swine brisket corned beef pastrami meatloaf bresaola leberkas filet mignon. Bresaola venison prosciutto, sirloin short ribs swine shank shoulder meatball rump ham hock spare ribs ham kielbasa. Sirloin shank turducken, spare ribs tri-tip shankle rump ham hock frankfurter. Pork chop filet mignon pork belly pig ham hock capicola. Short loin spare ribs frankfurter, pork loin brisket capicola chicken leberkas t-bone ribeye prosciutto. Chicken shankle pork chop ham sausage. Sausage andouille frankfurter jerky strip steak.</p>
          </div>
          <div class="p4">
            <p>Tri-tip shank ham, sirloin venison turducken shankle ball tip biltong bresaola. Boudin kielbasa turkey ribeye salami bacon beef ribs pork, jerky sausage jowl t-bone chicken short ribs. Kielbasa bresaola chuck leberkas, strip steak fatback beef ribs rump shoulder filet mignon turducken capicola hamburger beef. Bresaola turkey brisket, strip steak beef ribs ham hock fatback meatball sirloin. Pork loin short loin pig turkey. Ham cow andouille tri-tip hamburger. Hamburger tail pig filet mignon turducken brisket tongue drumstick strip steak ground round.</p>
          </div>
          <div class="p5">
            <p>Kielbasa boudin capicola turducken prosciutto, shankle rump drumstick corned beef ribeye chicken strip steak flank biltong. Strip steak turkey ground round, shank rump prosciutto tri-tip flank corned beef pig ham beef ribs. Pastrami bacon corned beef tenderloin. Bacon pork chop fatback beef ribs salami short ribs, pork leberkas ground round pancetta strip steak pig prosciutto. Corned beef chicken tenderloin turducken andouille ham leberkas.</p>
          </div>
        </div>
        <div class="pictureRow">
          <ul>
            <li><img src="http://placekitten.com/200/200" /></li>
            <li><img src="http://placekitten.com/g/200/200" /></li>
            <li><img src="img/ghostdad.jpg" /></li>
            <li><img src="img/LOPAN.jpg" /></li>
            <li><img src="http://placekitten.com/300/200" /></li>
          </ul>
        </div>
        <div style="clear: both;">
      </div>
    </div>
    <script src="http://code.jquery.com/jquery.js"></script>
    <script src="js/script.js"></script>
  </body>
</html>