forked from chasesinghofen/chasesinghofen
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbobsGrillMenu.html
138 lines (108 loc) · 5.2 KB
/
bobsGrillMenu.html
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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="grill.css">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body>
<div class="jumbotron text-center">
<h1>City Center Bar & Grill</h1>
<p> TV | Music | Grilled Favorites | Happy Hour | </p>
</div>
<div class="container text-muted">
<div class="row">
<div class="col-sm-4">
<h3>Breakfast Menu</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ex, voluptate minus. Repellat unde illum sequi sed quasi veritatis rerum adipisci eum quibusdam nemo maiores libero commodi voluptates, dolorem accusantium praesentium!</p>
</div>
<div class="col-sm-4">
<h3>Lunch Menu</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet soluta voluptatibus excepturi quod sunt debitis tempore itaque id. Omnis perspiciatis veniam sit laborum ut illo itaque nostrum, at nemo praesentium.</p>
</div>
<div class="col-sm-4">
<h3>Dinner Menu</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde ad accusamus aut repudiandae minima iusto quibusdam distinctio nesciunt corrupti? Earum quidem nobis eaque, sed impedit quasi possimus sunt voluptas ipsa!</p>
</div>
</div>
</div>
<!--2nd jumbotron
<div class="jumbotron text-center">
<h1>City Center Bar & Grill</h1>
<p> TV | Music | Grilled Favorites | Happy Hour | </p>
</div>
-->
<hr class="hr">
<div class="container text-muted">
<!--Card 1-->
<div class="row">
<div class="col-md-6 col-lg-3">
<div class="card">
<img src="img/img/breakfeast.jpeg" alt="pic" class="img-fluid card-img-top">
<div class="card-block">
<div class="card-title">
<h4 class="card-title">Breakfast<h4>
</div>
<div class="card-text">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repellat repellendus obcaecati expedita libero voluptate, fugiat exercitationem laudantium sapiente, veritatis ullam odit alias, qui repudiandae labore incidunt! Consequuntur quasi quibusdam natus.
</div>
<a href="#" class="btn btn-primary">Search Menu</a>
</div>
</div>
</div>
<!--Card 2-->
<div class="col-md-6 col-lg-3">
<div class="card">
<img src="img/img/burger.jpeg" alt="pic" class="img-fluid card-img-top">
<div class="card-block">
<div class="card-title">
<h4>Lunch<h4>
</div>
<div class="card-text">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repellat repellendus obcaecati expedita libero voluptate, fugiat exercitationem laudantium sapiente, veritatis ullam odit alias, qui repudiandae labore incidunt! Consequuntur quasi quibusdam natus.
</div>
<a href="#" class="btn btn-primary">Search Menu</a>
</div>
</div>
</div>
<!--Card 3-->
<div class="col-md-6 col-lg-3">
<div class="card">
<img src="img/img/dinner.jpeg" alt="pic" class="img-fluid card-img-top">
<div class="card-block">
<div class="card-title">
<h4>Dinner<h4>
</div>
<div class="card-text">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repellat repellendus obcaecati expedita libero voluptate, fugiat exercitationem laudantium sapiente, veritatis ullam odit alias, qui repudiandae labore incidunt! Consequuntur quasi quibusdam natus.
</div>
<a href="#" class="btn btn-primary">Search Menu</a>
</div>
</div>
</div>
<!--Card 4-->
<div class="col-md-6 col-lg-3">
<div class="card">
<img src="img/img/chxwings.jpeg" alt="pic" class="img-fluid card-img-top">
<div class="card-block">
<div class="card-title">
<h4>Apps & Drinks<h4>
</div>
<div class="card-text">
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repellat repellendus obcaecati expedita libero voluptate, fugiat exercitationem laudantium sapiente, veritatis ullam odit alias, qui repudiandae labore incidunt! Consequuntur quasi quibusdam natus.
</div>
<a href="#" class="btn btn-primary">Search Menu</a>
</div>
</div>
</div>
</div>
</div>
<!-- this is the end of the Boostap 4 Cards-->
</body>
<footer class="footer text-center">
©Singhofen Restuaraunt Menu Template 2018
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</html>