"Restaurant Menu"
Bootstrap 4.1.1 Snippet by jeevan123456

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
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<section class="bg-family py-5 ">
<div class="container">
<div class="divider"></div>
<div class="row text-center ">
<div class="col-md-12">
<h1 class="display-4" style="letter-spacing: 20px; ">STARTERS</h1>
<h3 style="letter-spacing: 15px; ">Non-Vegetarian</h3>
</div>
</div>
<div class="divider"></div>
<div class="mt-5"></div>
<div class="row mb-3">
<div class="col-md-6">
<div class="row menu-list">
<div class="col-md-4">
<img class="img-responsive"src="https://b.zmtcdn.com/data/pictures/chains/3/18989823/c85e28c34f1fc350bcc343ef60302648.jpg?impolicy=newcropandfit&cropw=640&croph=640&cropoffsetx=0&cropoffsety=0&cropgravity=NorthWest&fitw=200&fith=200&fittype=ignore">
</div>
<div class="col-md-8">
<h4>Mutton Burra</h4>
<p style="color:white !important; font-style: italic;">Double chops of mutton, marinated with spices and creamy yogurt and roasted until juicy and smoky.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="row menu-list">
<div class="col-md-4">
<img class="img-responsive"src="https://b.zmtcdn.com/data/pictures/chains/3/18989823/c85e28c34f1fc350bcc343ef60302648.jpg?impolicy=newcropandfit&cropw=640&croph=640&cropoffsetx=0&cropoffsety=0&cropgravity=NorthWest&fitw=200&fith=200&fittype=ignore">
</div>
<div class="col-md-8">
<h4>Chicken Sheekh Kabab</h4>
<p style="color:white !important; font-style: italic;">Succlent kebabs made from tender meat, masalas and seasoning, put on a sweker and grilled golden.</p>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
.bg-family {background: #041137; color:#DAA520 !important;}
img {width:100%;}
/****************** Crane Listing View Classes ***********/
.menu-list img {min-height: 150px; max-height: 150px; overflow: hidden;}
.divider {
border:0;
height:2px;
margin-top:20px;
margin-bottom:20px;
background:url("http://lorempixel.com/400/200/sports/") 0 0;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: