WebDevelopment/restaurantHome.html at master · jrwake89/WebDevelopment · 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
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html>
  <head>

    <title>Bojangle's Delights</title>

    <link href="restaurantStyle.css" rel="stylesheet" type="text/css"/>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <noscript> This website works best with Javascript enabled. Plese go to http://www.enable-javascript.com to enable JavaScript in your browser. </noscript>

  </head>

  <body>

    <div id="title">
     <h1 style="text-align: center;">Bojangle's Delights</h1>
    </div>

    <hr />

    <div class="container-fluid" id="navigation">
    <p>
      <ul class="nav nav-pills">
          <li class="active"><a href="restaurantHome.html"><span class="glyphicon glyphicon-home"></a></span></li>
          <li><a href="menu.html">Menu</a></li>
          <li><a href="contactUs.html">Contact Us</a></li>
      </ul>
    </p>
    </div>

   <hr />

     <div class="container">
       <div class="jumbotron">
        <h2 style="text-align: center">NEW LOCATION! Opening on S. Broadway</h2>
       </div><!-- end jumbotron -->
     </div>

     <div class="container">
        <div class="carousel slide" id="myCarousel">

            <!-- Indicators -->
              <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0"></li>
                <li data-target="#myCarousel" data-slide-to="1" ></li>
                <li data-target="#myCarousel" data-slide-to="2" class="active"></li>
              </ol>
            <!-- End Indicators -->

            <!-- Wrapper for slides -->
            <div class="carousel-inner">

              <div class="item" data-slide-number="0" id="slide1">
                <img style="image-align: center" src="images/restaurant.jpg">
                <!-- carousel-caption-->
                <div class="carousel-caption">
                <h2 style="text-align: center">New Location Opening Soon!</h2>
                </div><!-- end carousel-caption-->
                </div>

              <div class="item" data-slide-number="1" id="slide2">
                <img src="images/summer-01.jpg">
                <div class="carousel-caption">
                <h2 style="text-align: center">We are rolling out a seasonal menu, with special options this season!</h2>
                </div>
              </div>

              <div class="item active" data-slide-number="2" id="slide3">
                <img src="images/beer.jpg">
                <div class="carousel-caption">
                <h2 style="text-align: center;">The Drink of the Month is the SG Special Brew</h2>
                </div>
              </div>

            </div>

            <!-- Left and right controls -->
            <a class="left carousel-control" href="#myCarousel" data-slide="prev">
              <span class="icon-prev"></span>
            </a>

            <a class="right carousel-control" href="#myCarousel" data-slide="next">
              <span class="icon-next"></span>
            </a>
          </div>
   </div>

<br />
<br />
  <div class="container">
    <div class="row">

      <div class="col-lg-6 col-sm-12">
       <p style="text-align: center" alt="delicious meals"><img src="images/restaurant2.jpg"></p>
      </div> <!-- end div pic -->

    <br />

      <div class="col-lg-5 col-sm-12" id="info">
        <p style="font-size: 20px;">Bojangle's Delights is a quaint and peaceful restaurant.  Located in the heart of Beijing, China, Bojangle's brings southern, fried goodness to Asian cuisine.  Here we love to welcome all kinds of travelers and the appetites they bring. Food is served a la carte and the chef makes your meals right in front of you. We hope you'll stop by or check out our catering options for parties or other occasions.
        </p>
      </div><!-- end div info -->
    </div> <!--end row -->
  </div> <!-- end container -->

  <hr />
  <footer id="footer" style="text-align: center;">
    <p>Bojangle Drive, Beijing, China, 5021987</p>
    <p>102983374058</p>
  </footer>

  </body>

</html>