module3-solution/index1.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
<!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</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/styles1.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>Our Menu</h1>
  </div>
  <div id="menu_item" class="container">
    <!-- <div class="col-lg-4 col-md-6 col-sm-12"> -->
    <div class="col-lg-12 col-md-12 col-sm-12">
      <h4 class="menu_item text-center" id="menu_item1">Chicken</h4>
      <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>
    </div>
    <!-- <div class="col-lg-4 col-md-6 col-sm-12"> -->
    <div class="col-lg-12 col-md-12 col-sm-12">
      <h4 class="menu_item text-center" id="menu_item1">Beef</h4>
      <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>
    </div>
    <!-- <div class="col-lg-4 col-md-12 col-sm-12"> -->
    <div class="col-lg-12 col-md-12 col-sm-12">
      <h4 class="menu_item text-center" id="menu_item1">Sushi</h4>
      <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>
    </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>