Module-3/index.html at main · mufisiru002/Module-3 · 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
86
87
88
89
90
91
92
<!DOCTYPE html>
<!-- saved from url=(0108)https://leguim-repo.github.io/coursera-fullstack-course4/module3-solution/index_optional_ungraded.html#mybar -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <title>Solution for module 3 assingment</title>
    <link rel="stylesheet" href="./bootstrap.min.js.download">
    <link rel="stylesheet" href="./styles.css">
  </head>
<body>
<!-- https://getbootstrap.com/docs/3.3/components/#navbar -->

<nav id="mybar" class="navbar navbar-default">
  <div class="container-fluid">
      <div class="navbar-header">
        <a href="https://leguim-repo.github.io/coursera-fullstack-course4/module3-solution/index_optional_ungraded.html#" class="navbar-brand pull-left">Food, LLC</a>
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#options-collapsable-nav" aria-expanded="false">
          <span class="sr-only">Toggle Navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
    </div>
        <div id="options-collapsable-nav" class="collapse navbar-collapse">
          <ul class="nav navbar-nav navbar-right hiden-xs">
            <li><a href="https://leguim-repo.github.io/coursera-fullstack-course4/module3-solution/index_optional_ungraded.html#sectionChicken" class="text-center visible-xs">Chicken</a></li>
            <li><a href="https://leguim-repo.github.io/coursera-fullstack-course4/module3-solution/index_optional_ungraded.html#sectionBeef" class="text-center visible-xs">Beef</a></li>
            <li><a href="https://leguim-repo.github.io/coursera-fullstack-course4/module3-solution/index_optional_ungraded.html#sectionSushi" class="text-center visible-xs">Sushi</a></li>
          </ul>
      </div>

</div></nav>


  <div id="header" class="container-fluid">
    <h1>Our Menu</h1>
  </div>

  <div id="content" class="container-fluid">
    <div class="row">
      <div class="col-lg-4 col-md-6 col-sd-12">
        <section id="sectionChicken" class="section-chicken">
          <h2 id="title" class="chicken">Chicken</h2>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id ultricies turpis, a sagittis turpis. Fusce viverra urna in tincidunt fermentum. Phasellus interdum posuere viverra. Sed enim turpis, consequat in nunc ut, imperdiet fringilla neque. Nam eu arcu vitae ligula tincidunt euismod et quis nulla. Donec pharetra elementum velit, ut aliquam quam aliquet at. Pellentesque nec augue auctor, dapibus orci eu, elementum risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam commodo sodales tellus, vel lacinia nibh convallis at. Pellentesque hendrerit dignissim libero quis volutpat. Ut sapien massa, sodales at felis vel, aliquam euismod ex. Donec eu magna enim. Suspendisse sagittis ullamcorper dolor non vulputate. Maecenas gravida, quam vitae dapibus vestibulum, urna ex vehicula felis, sit amet tincidunt orci ligula sed nunc. Integer vulputate dictum leo non suscipit.
            Phasellus sit amet cursus erat, id suscipit erat. Donec eget eros elementum elit commodo rhoncus ac ac velit. Aliquam et faucibus ante, quis mattis mi. Ut porttitor placerat ligula tempus consectetur. Fusce eu blandit nisl, sed luctus mi. Nam sit amet auctor massa, non tempus nisl. Duis non molestie urna, vitae semper lorem. Duis scelerisque magna sodales tincidunt viverra.
            Nam volutpat, purus ac rhoncus porttitor, sem metus aliquet sapien, sed ullamcorper enim dui vitae arcu. Aenean accumsan auctor lorem vitae euismod. Aliquam erat volutpat. Integer sit amet mauris velit. Nulla sapien justo, tincidunt vel varius eget, euismod at eros. Aenean scelerisque eu libero nec pharetra. Nullam porta commodo commodo. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque interdum vulputate lacus a ornare. Donec fermentum mi non ipsum vestibulum posuere. Proin vitae purus vitae nulla gravida finibus sit amet sollicitudin lectus. Aenean ornare augue vel nibh malesuada laoreet. Donec in porttitor enim, ut eleifend quam. In sit amet risus urna. Vestibulum ante ipsum primis.
          </p>
          <p>(End of Chicken Section) <a href="https://leguim-repo.github.io/coursera-fullstack-course4/module3-solution/index_optional_ungraded.html#mybar">Back to Top</a></p>
        </section>
      </div>

      <div class="col-lg-4 col-md-6 col-sd-12">
        <section id="sectionBeef" class="section-beef">
          <h2 id="title" class="beef">Beef</h2>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id ultricies turpis, a sagittis turpis. Fusce viverra urna in tincidunt fermentum. Phasellus interdum posuere viverra. Sed enim turpis, consequat in nunc ut, imperdiet fringilla neque. Nam eu arcu vitae ligula tincidunt euismod et quis nulla. Donec pharetra elementum velit, ut aliquam quam aliquet at. Pellentesque nec augue auctor, dapibus orci eu, elementum risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam commodo sodales tellus, vel lacinia nibh convallis at. Pellentesque hendrerit dignissim libero quis volutpat. Ut sapien massa, sodales at felis vel, aliquam euismod ex. Donec eu magna enim. Suspendisse sagittis ullamcorper dolor non vulputate. Maecenas gravida, quam vitae dapibus vestibulum, urna ex vehicula felis, sit amet tincidunt orci ligula sed nunc. Integer vulputate dictum leo non suscipit.
            Phasellus sit amet cursus erat, id suscipit erat. Donec eget eros elementum elit commodo rhoncus ac ac velit. Aliquam et faucibus ante, quis mattis mi. Ut porttitor placerat ligula tempus consectetur. Fusce eu blandit nisl, sed luctus mi. Nam sit amet auctor massa, non tempus nisl. Duis non molestie urna, vitae semper lorem. Duis scelerisque magna sodales tincidunt viverra.
            Nam volutpat, purus ac rhoncus porttitor, sem metus aliquet sapien, sed ullamcorper enim dui vitae arcu. Aenean accumsan auctor lorem vitae euismod. Aliquam erat volutpat. Integer sit amet mauris velit. Nulla sapien justo, tincidunt vel varius eget, euismod at eros. Aenean scelerisque eu libero nec pharetra. Nullam porta commodo commodo. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque interdum vulputate lacus a ornare. Donec fermentum mi non ipsum vestibulum posuere. Proin vitae purus vitae nulla gravida finibus sit amet sollicitudin lectus. Aenean ornare augue vel nibh malesuada laoreet. Donec in porttitor enim, ut eleifend quam. In sit amet risus urna. Vestibulum ante ipsum primis.
          </p>
          <p>(End of Beef Section) <a href="https://leguim-repo.github.io/coursera-fullstack-course4/module3-solution/index_optional_ungraded.html#mybar">Back to Top</a></p>
        </section>
      </div>

      <div class="col-lg-4 col-md-12 col-sd-12">
        <section id="sectionSushi" class="section-sushi">
          <h2 id="title" class="sushi">Sushi</h2>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc id ultricies turpis, a sagittis turpis. Fusce viverra urna in tincidunt fermentum. Phasellus interdum posuere viverra. Sed enim turpis, consequat in nunc ut, imperdiet fringilla neque. Nam eu arcu vitae ligula tincidunt euismod et quis nulla. Donec pharetra elementum velit, ut aliquam quam aliquet at. Pellentesque nec augue auctor, dapibus orci eu, elementum risus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nam commodo sodales tellus, vel lacinia nibh convallis at. Pellentesque hendrerit dignissim libero quis volutpat. Ut sapien massa, sodales at felis vel, aliquam euismod ex. Donec eu magna enim. Suspendisse sagittis ullamcorper dolor non vulputate. Maecenas gravida, quam vitae dapibus vestibulum, urna ex vehicula felis, sit amet tincidunt orci ligula sed nunc. Integer vulputate dictum leo non suscipit.
            Phasellus sit amet cursus erat, id suscipit erat. Donec eget eros elementum elit commodo rhoncus ac ac velit. Aliquam et faucibus ante, quis mattis mi. Ut porttitor placerat ligula tempus consectetur. Fusce eu blandit nisl, sed luctus mi. Nam sit amet auctor massa, non tempus nisl. Duis non molestie urna, vitae semper lorem. Duis scelerisque magna sodales tincidunt viverra.
            Nam volutpat, purus ac rhoncus porttitor, sem metus aliquet sapien, sed ullamcorper enim dui vitae arcu. Aenean accumsan auctor lorem vitae euismod. Aliquam erat volutpat. Integer sit amet mauris velit. Nulla sapien justo, tincidunt vel varius eget, euismod at eros. Aenean scelerisque eu libero nec pharetra. Nullam porta commodo commodo. Interdum et malesuada fames ac ante ipsum primis in faucibus. Quisque interdum vulputate lacus a ornare. Donec fermentum mi non ipsum vestibulum posuere. Proin vitae purus vitae nulla gravida finibus sit amet sollicitudin lectus. Aenean ornare augue vel nibh malesuada laoreet. Donec in porttitor enim, ut eleifend quam. In sit amet risus urna. Vestibulum ante ipsum primis.
          </p>
          <p>(End of Sushi Section) <a href="https://leguim-repo.github.io/coursera-fullstack-course4/module3-solution/index_optional_ungraded.html#mybar">Back to Top</a></p>
        </section>
      </div>
    </div>
  </div>


  <!-- jQuery (Bootstrap JS plugins depend on it) -->
  <script src="./Solution for module 3 assingment_files/jquery-1.11.3.min.js.download"></script>
  <script src="./Solution for module 3 assingment_files/bootstrap.min.js.download"></script>
  <script src="./Solution for module 3 assingment_files/script.js.download"></script>

</body></html>