module3-solution/index2.html at master · pympk/module3-solution · 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Module3-solution-optional</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/styles2.css">
  </head>
<body>
  <header>
    <nav id="header-nav" class="navbar navbar-default">
      <div class="container">
        <div class="navbar-header">
          <div class="navbar-brand">
            <h1>Food, LLC</h1>
          </div>
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#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><!-- .navbar-header -->
        <div id="collapsable-nav" class="collapse navbar-collapse">
          <ul id="nav-list" class="nav navbar-nav navbar-right">
            <li id="nav-list-first-p" class="visible-xs">
              <p>Chicken</p>
            </li>
            <li class="visible-xs">
              <p>Beef</p>
            </li>
            <li class="visible-xs">
              <p>Sushi</p>
            </li>
          </ul>
        </div><!-- #collapsable-nav -->
      </div><!-- .container -->
    </nav><!-- #header-nav -->
  </header>
  <div class="page-header">
    <h1 class="body_h1">Our Menu</h1>
  </div>
  <div class="container">
    <div id="menu_item" class="col-md-4 col-sm-6">
      <h3 class="text-center" id="menu_item1">Chicken</h3>
      <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Officiis beatae possimus voluptate iure illum mollitia libero hic aperiam ratione consectetur ullam cupiditate nisi obcaecati excepturi tempora itaque eum, dolores vel? Suscipit ipsa culpa totam non laborum inventore veniam quas iste pariatur vel. A fugit tenetur labore non blanditiis, velit temporibus assumenda nostrum.</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis ex rem omnis? Error quia quidem rerum animi eaque ipsa in sunt nisi? Sunt maxime tempora dolorem quibusdam sed repudiandae sit? Suscipit ipsa culpa totam non laborum inventore veniam quas iste pariatur vel. A fugit tenetur labore non blanditiis, velit temporibus assumenda nostrum.</p>
      <p>(End of Chicken section) <a href="index2.html">Back To Top</a>.</p>
    </div>
    <div id="menu_item" class="col-md-4 col-sm-6">
      <h3 class="text-center" id="menu_item2">Beef</h3>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis ex rem omnis? Error quia quidem rerum animi eaque ipsa in sunt nisi? Sunt maxime tempora dolorem quibusdam sed repudiandae sit? Suscipit ipsa culpa totam non laborum inventore veniam quas iste pariatur vel. A fugit tenetur labore non blanditiis, velit temporibus assumenda nostrum.</p>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad ab illum sunt repudiandae? Praesentium iste natus ea ab veniam possimus quibusdam eius voluptate ullam officia, modi earum voluptatem. Itaque, inventore! Suscipit ipsa culpa totam non laborum inventore veniam quas iste pariatur vel. A fugit tenetur labore non blanditiis, velit temporibus assumenda nostrum.</p>
      <p>(End of Beef section) <a href="index2.html">Back To Top</a>.</p>
    </div>
    <div id="menu_item" class="col-md-4 col-sm-12">
      <h3 class="text-center" id="menu_item3">Sushi</h3>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad ab illum sunt repudiandae? Praesentium iste natus ea ab veniam possimus quibusdam eius voluptate ullam officia, modi earum voluptatem. Itaque, inventore! Suscipit ipsa culpa totam non laborum inventore veniam quas iste pariatur vel. A fugit tenetur labore non blanditiis, velit temporibus assumenda nostrum.</p>
      <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Officiis beatae possimus voluptate iure illum mollitia libero hic aperiam ratione consectetur ullam cupiditate nisi obcaecati excepturi tempora itaque eum, dolores vel? Suscipit ipsa culpa totam non laborum inventore veniam quas iste pariatur vel. A fugit tenetur labore non blanditiis, velit temporibus assumenda nostrum.</p>
      <p>(End of Sushi section) <a href="index2.html">Back To Top</a>.</p>
    </div>
  </div>


  <!-- <div id="call-btn" class="visible-xs">
    <a class="btn" href="tel:410-602-5008">
    <span class="glyphicon glyphicon-earphone"></span>
    410-602-5008
    </a>
  </div>
  <div id="xs-deliver" class="text-center visible-xs">* We Deliver</div> -->

  <!-- <div id="main-content" class="container">
    <div class="jumbotron">
      <img src="images/jumbotron_768.jpg" alt="Picture of restaurant" class="img-responsive visible-xs">
    </div>

    <div id="home-tiles" class="row">
      <div class="col-md-4 col-sm-6 col-xs-12">
        <a href="menu-categories.html"><div id="menu-tile"><span>menu</span></div></a>
      </div>
      <div class="col-md-4 col-sm-6 col-xs-12">
        <a href="single-category.html"><div id="specials-tile"><span>specials</span></div></a>
      </div>
      <div class="col-md-4 col-sm-12 col-xs-12">
        <a href="https://www.google.com/maps/place/David+Chu's+China+Bistro/@39.3635874,-76.7138622,17z/data=!4m6!1m3!3m2!1s0x89c81a14e7817803:0xab20a0e99daa17ea!2sDavid+Chu's+China+Bistro!3m1!1s0x89c81a14e7817803:0xab20a0e99daa17ea" target="_blank">
          <div id="map-tile">
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3084.675372390488!2d-76.71386218529199!3d39.3635874269356!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c81a14e7817803%3A0xab20a0e99daa17ea!2sDavid+Chu&#39;s+China+Bistro!5e0!3m2!1sen!2sus!4v1452824864156" width="100%" height="250" frameborder="0" style="border:0" allowfullscreen></iframe>
            <span>map</span>
          </div>
        </a>
      </div> -->
    </div><!-- End of #home-tiles -->
  </div><!-- End of #main-content -->


  <!-- jQuery (Bootstrap JS plugins depend on it) -->
  <script src="js/jquery-2.1.4.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/script.js"></script>
</body>
</html>