master

分支 (1)

管理

管理

master

restaurant
/
index.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<!--1.视图标签-->
	<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no" />
	<!--加载CSS文件-->
	<link rel="stylesheet" type="text/css" href="bootstrap-4.5.0/dist/css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="css/index.css" />
	<link rel="stylesheet" type="text/css" href="css/index%20dd.css" />
	<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.css" />
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link href="vendors/owl-carousel/assets/owl.carousel.min.css" rel="stylesheet">
	<link href="vendors/revolution/css/navigation.css" rel="stylesheet">
	<link rel="stylesheet" href="css/responsive.css">
	<link href="css/examples.css" rel="stylesheet" type="text/css">
	<!--加载JS文件-->
	<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="UTF-8"></script>
	<script src="bootstrap-4.5.0/dist/js/bootstrap.bundle.min.js" type="text/javascript" charset="UTF-8"></script>
	<script src="bootstrap-4.5.0/dist/js/bootstrap.js" type="text/javascript" charset="UTF-8"></script>
	<script src="js/popper.js" type="text/javascript"></script>
	<script src="js/gotop.js" type="text/javascript" charset="utf-8"></script>
	<title></title>
</head>
<body>

		<!-- 返回顶部按钮 -->
		<div class="back-to" id="toolBackTop">
			<a title="返回顶部" onclick="window.scrollTo(0,0);return false;" href="#top" class="back-top"></a>
		</div>

		<!--头部-->
		<div class="bg">
			<div class="container">
				<ul class="d-flex flex-wrap justify-content-center flex-column flex-lg-row align-items-center">
					<li class="mo py-3">
						<a href="#" class="text-muted">
							<span class="fa fa-phone "></span>Book Table?Call Us Now:
							<span class="m-0 text-white">1800 456 7890</span>
						</a>
					</li>
					<li class="mo py-3 ml-lg-auto">
						<a href="#" class="text-muted mx-2">Our Story</a>
					</li>
					<li class="mo py-3 d-lg-block d-none">
						<span class="mx-2">|</span>
					</li>
					<li class="mo py-3">
						<a href="#" class="text-muted">News & Articles</a>
					</li>
					<li class="mo py-3 d-lg-block d-none">
						<span class="mx-2">|</span>
					</li>
					<li class="mo py-3">
						<a href="#" class="text-muted">Franchies Opportunity</a>
					</li>
					<li class="mo py-3">
						<a href="javascript:void(0)" class="text-muted mx-2 nav-link dropdown-toggle px-3 nava" data-toggle=dropdown>EN</a>
					</li>
				</ul>
			</div>
		</div>


		<!-- 导航栏 -->
		<div class="container-fluid position-sticky sticky-top ttt">
			<div class="container navs">

				<div class="navbar navbar-expand-lg text-center py-3 px-0 navbar-light w-100 fa1">
					<div>
						<!-- logo图 -->
						<img src="img/f-logo.png" class="" />
					</div>
					<button class="navbar-toggler ml-auto my-2 fa1" data-toggle="collapse" data-target="#menu">
						<!--折叠按钮的图片：bars-->
						<i class="fa fa-bars"></i>
					</button>

					<div class="collapse navbar-collapse ds1" id="menu">
						<!-- 导航栏 -->
						<ul class="navbar-nav ml-auto">
							<li class="nav-item dropdown">
								<a href="index.html" class="nav-link px-3 default">Home</a>
							</li>
							<li class="nav-item dropdown">
								<a href="about us.html" class="nav-link px-3 nava">About US</a>
							</li>
							<li class="nav-item dropdown">
								<a href="Menu.html" class="nav-link px-3 nava">Menu</a>
							</li>
							<li class="nav-item dropdown">
								<a href="Services.html" class="nav-link px-3 nava">Pags</a>
							</li>
							<li class="nav-item dropdown">
								<a href="news.html" class="nav-link dropdown-toggle px-3 nava" data-toggle=dropdown>Blog</a>
								<div class="dropdown-menu">
									<a href="blog.html" class="dropdown-item px-3">Blog</a>
									<a href="blog-detail.html" class="dropdown-item px-3">Blog-detail</a>
								</div>
							</li>
							<li class="nav-item dropdown">
								<a href="shop.html" class="nav-link dropdown-toggle px-3 nava" data-toggle=dropdown>Shop</a>
								<div class="dropdown-menu">
									<a href="shop.html" class="dropdown-item px-3">shop</a>
									<a href="shop_details.html" class="dropdown-item px-3">shop_details</a>
								</div>
							</li>
							<li class="nav-item dropdown">
								<a href="contact US.html" class="nav-link px-3 nava">Contact US</a>
							</li>
							<li class="nav-item dropdown lidown">
								<a href="index.html" class="nav-link px-3">RESERVATION</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>

		<!--轮播-->
		<div class="carousel" id="Carousel" data-ride="carousel">

			<!--指示器-->
			<ol class="carousel-indicators">
				<li data-target="#Carousel" data-slide-to="0" class="active"></li>
				<li data-target="#Carousel" data-slide-to="1"></li>
				<li data-target="#Carousel" data-slide-to="2"></li>
			</ol>


			<!--轮播图区域-->
			<ul class="carousel-inner nav">
				<!-- 第一张图 -->
				<li class="carousel-item active dingwei11">
					<div class="navimg">
						<div class="dingwei1">
							<p class="p1">
								Fresh Ingreients, Tasty Meal
							</p>
							<p class="p2 mb-5">
								Food indulgence in mind, come next door and sate your desires with our<br /> ever changing internationally and
								seasonally inspired small plates.
							</p>
							<a href="index.html" class="btn mt-5">Know more</a>
						</div>
						<img class="d-block w-100" src="img/home-slider/slider-1.jpg" />
					</div>
				</li>
				<!-- 第二张图 -->
				<li class="carousel-item dingwei12">
					<div>
						<div class="dingwei2">
							<p class="p1">
								Our Food to Make You Feel Good!
							</p>
							<p class="p2 mb-5">
								Food indulgence in mind, come next door and sate your desires with our<br /> ever changing internationally and
								seasonally inspired small plates.
							</p>
							<a href="index.html" class="btn mt-5">Know more</a>
						</div>
						<img class="d-block w-100" src="img/home-slider/slider-2.jpg" />
					</div>
				</li>
				<!-- 第三张图 -->
				<li class="carousel-item dingwei13">
					<div>
						<div class="dingwei3">
							<p class="p1">
								Always Fresh & Delicious Food!
							</p>
							<a href="index.html" class="btn mt-4">Book a table</a>
						</div>
						<img class="d-block w-100" src="img/home-slider/slider-3.jpg" />
					</div>
				</li>
			</ul>
			<!--左右按钮-->
			<a href="#Carousel" class="carousel-control-prev" data-slide="next">
				<span class="carousel-control-prev-icon"></span>
			</a>
			<a href="#Carousel" class="carousel-control-next" data-slide="prev">
				<span class="carousel-control-next-icon"></span>
			</a>
		</div>


		<!-- Welcome to Just Restro -->
		<div class="container-fluid bg-white">
			<div class="container py-5 topx">
				<div class="row toprow">
					<!-- 左边区域 -->
					<div class="col-lg-6 col-12">
						<h1>
							Welcome to Just Restro
						</h1>
						<i>
							Our team of registered nurses and skilled healthcare professionals provide in-home nursing.
						</i>
						<p>
							Override the digital divde with additional clickthroughs from DevOps.
							Nanotechnology immersion along the information highway will close the
							loop on focusing solely on the bottom line digital divide with additional click-
							throughs from DevOps immersion along.additional clickthroughsdivide with
							additional clickthroughs from DevOps,Nanotechnology immersion along
							from DevOps.
						</p>
						<p>
							<img src="img/signature.png" class="w-100" />
						</p>
					</div>
					<!-- 右边两张图 -->
					<div class="col-lg-6 col-12 you">
						<ul class="row">
							<li class="li1 col-6">
								<div><img src="img/wlc-1.jpg" class="mr-2 w-100 h-100" /></div>
							</li>
							<li class="li2 col-6">
								<div><img src="img/wlc-2.jpg" class="ml-2 w-100" /></div>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>


		<!-- Our Favourite Dishes -->
		<div class="dishes_area">
			<div class="container pt-5">
				<div class="left_title">
					<h2 class="text-white">Our Favourite Dishes</h2>
					<p>A dependable, compassionate presence you can trust. <span> ______</span></p>
				</div>
				<!-- 点击按钮切换商品图 -->
				<div class="dishes_slider owl-carousel">
					<div class="item">
						<div class="product_item">
							<div class="product_img">
								<img class="img-fluid" src="img/product/product-1.jpg" alt="">
							</div>
							<div class="product_text">
								<a href="#">
									<h4>Spicy Crab Ramen</h4>
								</a>
								<div class="cat_list">
									<a href="#">Potato</a>
									<a href="#">Bread</a>
									<a href="#">Cheese</a>
								</div>
								<a href="#">
									<h5>$25</h5>
								</a>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="product_item">
							<div class="product_img">
								<img class="img-fluid" src="img/product/product-2.jpg" alt="">
							</div>
							<div class="product_text">
								<a href="#">
									<h4>Fried Potatoes Veg</h4>
								</a>
								<div class="cat_list">
									<a href="#">Pork</a>
									<a href="#">Veggies</a>
									<a href="#">Shoyu</a>
								</div>
								<a href="#">
									<h5>$17</h5>
								</a>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="product_item">
							<div class="product_img">
								<img class="img-fluid" src="img/product/product-3.jpg" alt="">
							</div>
							<div class="product_text">
								<a href="#">
									<h4>Roast Pork (2 Sticks)</h4>
								</a>
								<div class="cat_list">
									<a href="#">Potato</a>
									<a href="#">Bread</a>
									<a href="#">Cheese</a>
								</div>
								<a href="#">
									<h5>$27</h5>
								</a>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="product_item">
							<div class="product_img">
								<img class="img-fluid" src="img/product/product-4.jpg" alt="">
							</div>
							<div class="product_text">
								<a href="#">
									<h4>Crab With Curry</h4>
								</a>
								<div class="cat_list">
									<a href="#">Pork</a>
									<a href="#">Veggies</a>
									<a href="#">Shoyu</a>
								</div>
								<a href="#">
									<h5>$12</h5>
								</a>
							</div>
						</div>
					</div>

				</div>
				<!-- 底部按钮 -->
				<div class="text-center py-3 pt-5 pb-5 diva">
					<a href="Menu.html" class="btn py-2 px-5">View All Favourite Dishes</a>
				</div>
				<div class="row d-lg-block d-none divp">
					<div class="col-12">
						<p></p>
					</div>
				</div>
			</div>
		</div>

		<!--Discover Menu-->
		<div class="container-fluid dmbgcol">
			<div class="row d-lg-none d-block divp">
				<div class="col-12">
					<p></p>
				</div>
			</div>
			<div class="container">
				<h2 class="P" align="center">Discover Menu</h2>
				<p align="center" class="gray">Duis aute irure dolor in reprehenderit voluptate</p>
				<div class="navcolor">
					<!-- 选项卡导航 -->
					<ul class="nav1 nav bg-white justify-content-center border-bottom-0">
						<li>
							<a href="#Courses" class="nav-link" data-toggle="tab">Main Courses</a>
						</li>
						<li class="nav-link d-xl-block d-none">|</li>
						<li>
							<a href="#Courses" class="nav-link" data-toggle="tab">Dessert</a>
						</li>
						<li class="nav-link d-xl-block d-none">|</li>
						<li>
							<a href="#Singnature" class=" nav-link active" data-toggle="tab">Singnature</a>
						</li>
						<li class="nav-link d-xl-block d-none">|</li>
						<li>
							<a href="#Courses" class="nav-link" data-toggle="tab">Starter</a>
						</li>
						<li class="nav-link d-xl-block d-none">|</li>
						<li>
							<a href="#Courses" class="nav-link" data-toggle="tab">Drinks</a>
						</li>
						<li class="nav-link d-xl-block d-none">|</li>
						<li>
							<a href="#Courses" class="nav-link" data-toggle="tab">Fast Food</a>
						</li>
					</ul>
				</div>
				<!-- 选项卡内容 -->
				<div class="py-5">
					<div class="tab-content">
						<div class="tab-pane active" id="Singnature">
							<div class="row">
								<div class="col-xl-6 col-sm-12">
									<ol class="p-0">
										<li class="nav pt-3">
											<h5>Pasta with Fish</h5>
										</li>
										<li class="nav pb-3 bb ">
											<span class="gray">Pork/Lemons/Onions</span>
											<span class="ml-auto">
												<h5 class='red'>$8.99<h5>
											</span>
										</li>
										<li class="nav pt-3">
											<h5>Vegetarina Fried Noodeles</h5>
										</li>
										<li class="nav pb-3 bb ">
											<span class="gray">Potato/Bread/Cheese</span>
											<span class="ml-auto">
												<h5 class='red'>$14.99</h5>
											</span>
										</li>
										<li class="nav pt-3">
											<h5>Grilled Pork With Preserved Limon</h5>
										</li>
										<li class="nav pb-3 bb ">
											<span class="gray">Pork/Tenderloin/Yogurt</span>
											<span class="ml-auto">
												<h5 class='red'>$8.99</h5>
											</span>
										</li>
										<li class="nav pt-3">
											<h5>Pasta with Fish</h5>
										</li>
										<li class="nav pb-3 ">
											<span class="gray">pork/Lemons/Onions</span>
											<span class="ml-auto">
												<h5 class='red'>$8.99</h5>
											</span>
										</li>
									</ol>
								</div>
								<div class="col-xl-6 col-sm-12">
									<ol class="p-0">
										<li class="nav pt-3">
											<h5>Pasta with Fish</h5>
										</li>
										<li class="nav pb-3 bb ">
											<span class="gray">pork/Lemons/Onions</span>
											<span class="ml-auto">
												<h5 class='red'>$8.99</h5>
											</span>
										</li>
										<li class="nav pt-3">
											<h5>Pasta with Fish</h5>
										</li>
										<li class="nav pb-3 bb ">
											<span class="gray">pork/Lemons/Onions</span>
											<span class="ml-auto">
												<h5 class='red'>$8.99</h5>
											</span>
										</li>
										<li class="nav pt-3">
											<h5>Pasta with Fish</h5>
										</li>
										<li class="nav pb-3 bb ">
											<span class="gray">pork/Lemons/Onions</span>
											<span class="ml-auto">
												<h5 class='red'>$8.99</h5>
											</span>
										</li>
										<li class="nav pt-3">
											<h5>Pasta with Fish</h5>
										</li>
										<li class="nav pb-3  ">
											<span class="gray">pork/Lemons/Onions</span>
											<span class="ml-auto">
												<h5 class='red'>$8.99</h5>
											</span>
										</li>

									</ol>
								</div>
							</div>
						</div>
						<div class="tab-pane fade  " id="Courses">
							<div class="row">
								<div class="col-xl-6 col-sm-12">
									<ol class="p-0">
										<li class="nav pt-3 ">
											<h5>Pasta with Fish</h5>
										</li>
										<li class="nav pb-3 bb ">
											<span class="gray">Pork/Lemons/Onions</span>
											<span class="ml-auto">
												<h5 class='red'>$8.99<h5>
											</span>
										</li>
										<li class="nav pt-3 ">
											<h5>Vegetarina Fried Noodeles</h5>
										</li>
										<li class="nav pb-3 bb ">
											<span class="gray">Potato/Bread/Cheese</span>
											<span class="ml-auto">
												<h5 class='red'>$14.99</h5>
											</span>
										</li>
										<li class="nav pt-3">
											<h5>Grilled Pork With Preserved Limon</h5>
										</li>
										<li class="nav pb-3 bb ">
											<span class="gray">Pork/Tenderloin/Yogurt</span>
											<span class="ml-auto">
												<h5 class='red'>$8.99</h5>
											</span>
										</li>
										<li class="nav pt-3">
											<h5>Pasta with Fish</h5>
										</li>
										<li class="nav pb-3 ">
											<span class="gray">pork/Lemons/Onions</span>
											<span class="ml-auto">
												<h5 class='red'>$8.99</h5>
											</span>
										</li>


									</ol>
								</div>
								<div class="col-xl-6 col-sm-12">
									<ol class="p-0">
										<li class="nav pt-3">
											<h5>Pasta with Fish</h5>
										</li>
										<li class="nav pb-3 bb ">
											<span class="gray">pork/Lemons/Onions</span>
											<span class="ml-auto">
												<h5 class='red'>$8.99</h5>
											</span>
										</li>
										<li class="nav pt-3">
											<h5>Pasta with Fish</h5>
										</li>
										<li class="nav pb-3 bb ">
											<span class="gray">pork/Lemons/Onions</span>
											<span class="ml-auto">
												<h5 class='red'>$8.99</h5>
											</span>
										</li>
										<li class="nav pt-3">
											<h5>Pasta with Fish</h5>
										</li>
										<li class="nav pb-3 bb ">
											<span class="gray">pork/Lemons/Onions</span>
											<span class="ml-auto">
												<h5 class='red'>$8.99</h5>
											</span>
										</li>
										<li class="nav pt-3">
											<h5>Pasta with Fish</h5>
										</li>
										<li class="nav pb-3  ">
											<span class="gray">pork/Lemons/Onions</span>
											<span class="ml-auto">
												<h5 class='red'>$8.99</h5>
											</span>
										</li>
									</ol>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>


		<!-- 中部短图 -->
		<section class="our_video_area pad_btm">
			<div class="container">
				<div class="video_inner text-center py-5">
					<h2 class="text-white">Uktimate Dinning Experience Like No Other</h2>
					<p class="text-white">
						Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.Sedvestibulum ord
						quam.<br />
						Pellentesque habitant morbi tristique se
					</p>
					<a href="index.html" class="px-5 py-2 mb-5">Book A Table</a>
				</div>
			</div>
		</section>


		<!-- 两个对话框 -->
		<div class="container-fluid dhk">
			<div class="container py-5">
				<h2 class="text-center text-white">
					What OutChehts Says<br />____
				</h2>
				<div class="row">
					<!-- 左边对话框 -->
					<div class="col-md-6 col-12 w-100">
						<div class="disflex">
							<div class="dialogBottom dialog">
								<p class="p-3">
									Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni
									dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, psam volu ptatem quia voluptas
									sit aspernatur aut odit aut fugit sed quia con- sequuntur magni dolorqui dolorem ipsum quia dolo.
								</p>
							</div>
						</div>

						<ul>
							<li class="li1">
								<img src="img/testimonials/testi-1.png" />
							</li>
						</ul>
						<ul>
							<li class="li1 ml-3">
								<p class="text-white">
									Mark John - CEO Falcon
								</p>
								<p class="lip">
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
								</p>
							</li>
						</ul>
					</div>
					<!-- 右边对话框 -->
					<div class="col-md-6 col-0 w-100 d-sm-block d-none">
						<div class="disflex">
							<div class="dialogBottom dialog">
								<p class="p-3">
									Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni
									dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, psam volu ptatem quia voluptas
									sit aspernatur aut odit aut fugit sed quia con- sequuntur magni dolorqui dolorem ipsum quia dolo.
								</p>
							</div>
						</div>
						<ul>
							<li class="li1">
								<img src="img/testimonials/testi-1.png" />
							</li>
						</ul>
						<ul>
							<li class="li1 ml-3">
								<p class="text-white">
									Mark John - CEO Falcon
								</p>
								<p class="lip">
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
									<span class="fa fa-star"></span>
								</p>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>


		<!-- Our Chefs -->
		<div class="container-fluid bg-white">
			<div class="container ourchefs pt-5">
				<h2>
					Our Chefs ___
				</h2>
				<p>
					Our Chefs are trained specifically to provide quality food.
				</p>
				<!-- 四个厨师 -->
				<div class="row row1 pt-3">
					<div class="col-lg-3 col-md-6 col-12 px-0 ww text-center">
						<img src="img/team/team-1.jpg" />
						<div class="text-center bg-white ourdiv py-3">
							<h4>
								Michalc Dcsulva
							</h4>
							<span>
								Mater Chef
							</span>
						</div>
					</div>
					<div class="col-lg-3 col-md-6 col-12 px-0 ww text-center">
						<img src="img/team/team-2.jpg" />
						<div class="text-center bg-white py-3">
							<h4>
								Roseen Joc
							</h4>
							<span>
								junior Cook
							</span>
						</div>
					</div>
					<div class="col-lg-3 col-md-6 col-12 px-0 ww text-center">
						<img src="img/team/team-3.jpg" />
						<div class="text-center bg-white py-3">
							<h4>
								MErry Vonkee
							</h4>
							<span>
								Non Veg Special
							</span>
						</div>
					</div>
					<div class="col-lg-3 col-md-6 col-12 px-0 ww text-center">
						<img src="img/team/team-4.jpg" />
						<div class="text-center bg-white py-3">
							<h4>
								Rossmanx
							</h4>
							<span>
								Cooking Special Chef
							</span>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- Our Restaurant -->
		<div class="container-fluid pt-5 zxbgimg">
			<div class="container px-0 py-5">
				<div class="row py-5 w">
					<!-- 左边图片 -->
					<div class="col-lg-8 col-12 px-0 img">
						<img src="img/blog/main-blog/blog-4.jpg" class="w-100" />
					</div>
					<!-- 右边文章 -->
					<div class="col-lg-4 col-12 w-100 px-0 ck">
						<div class="bg-white py-3 w-100 px-4">
							<h1>
								Our Restaurant
							</h1>
							<i>
								Checkout Our Restaurant
							</i>
							<p>
								Lorem ipsum dolor sit amet,comsectetur adioisicing elit,sed do eiusmod tempor incididunt ut labore et dolore
								magna aliqua,Ut enim ad minim veniam.
							</p>
							<h5>
								<a href="index.html">See Restaurant Tour</a>
							</h5>
						</div>
					</div>
				</div>
			</div>
		</div>


		<!-- Articles & Blogs -->
		<div class="container-fluid bg-white">
			<div class="container arb py-5">
				<h2>Articles & Blogs</h2>
				<p class="p1">
					Lorem ipsum dolor sit amet, cons ectetur elit.
				</p>
				<div class="row">
					<div class="col-md-4 col-12 px-3">
						<div class="arbs">
							<div class="arbss">
								<img src="img/blog/home-blog/blog-1.jpg" class="w-100">
							</div>
							<p class="p2 pt-2">
								July 12, 2018
							</p>
							<h5>
								Top 5 Tips for Best food During the Holidays
							</h5>
							<p class="p2">
								Lorem ipsum dolor sit amet, cons ectetur elit. Vestibulum nec odios Suspe ndisse cursus mal suada faci lisis.
							</p>
							<p class="p3">
								Continue Reading ..
							</p>
						</div>
					</div>
					<div class="col-md-4 col-12">
						<div class="arbs">
							<div class="arbss">
								<img src="img/blog/home-blog/blog-2.jpg" class="w-100">
							</div>
							<p class="p2 pt-2">
								July 12, 2018
							</p>
							<h5>
								Top 5 Tips for Best food During the Holidays
							</h5>
							<p class="p2">
								Lorem ipsum dolor sit amet, cons ectetur elit. Vestibulum nec odios Suspe ndisse cursus mal suada faci lisis.
							</p>
							<p class="p3">
								Continue Reading ..
							</p>
						</div>
					</div>
					<div class="col-md-4 col-12">
						<div class="arbs">
							<div class="arbss">
								<img src="img/blog/home-blog/blog-3.jpg" class="w-100">
							</div>
							<p class="p2 pt-2">
								July 12, 2018
							</p>
							<h5>
								Top 5 Tips for Best food During the Holidays
							</h5>
							<p class="p2">
								Lorem ipsum dolor sit amet, cons ectetur elit. Vestibulum nec odios Suspe ndisse cursus mal suada faci lisis.
							</p>
							<p class="p3">
								Continue Reading ..
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>


		<!-- 尾部红色 -->
		<div class="container-fluid wbh">
			<div class="container">
				<div class="row py-3">
					<!-- 文字 -->
					<div class="col-md-5 col-12 py-3">
						<p class="my-auto">
							Join our Newsletter list to get all the latest offers,
							discounts and other benefits
						</p>
					</div>
					<!-- 搜索框 -->
					<div class="col-md-5 col-12 py-2 my-auto input1">
						<input type="text" class="w-100 py-2 pl-2 mx-auto" placeholder="Enter your email address" />
					</div>
					<!-- 按钮 -->
					<div class="col-md-2 col-12 py-2 my-auto text-center w-100 button1">
						<button class="border-0 px-4 py-2">Subscribe Now</button>
					</div>
				</div>
			</div>
		</div>


		<!-- 尾部背景图区域 -->
		<div class="container-fluid wbimg">
			<div class="container">
				<div class="row py-5">
					<!-- 第一列 -->
					<div class="col-lg-3 col-md-6 col-12">
						<img src="img/logo.png" />
						<br />
						<br />
						<p class="mt-3">
							At vero eos et accusamus et iusto odio dignissimos ducimus qui
							bland itiis praesentium voluptatum deleniti atque corrupti.
						</p>
						<p>
							<span class="fa fa-facebook text-center qq"></span>
							<span class="fa fa-linkedin text-center qq"></span>
							<span class="fa fa-twitter text-center qq"></span>
							<span class="fa fa-google-plus text-center qq"></span>
						</p>
					</div>
					<!-- 第二列 -->
					<div class="col-lg-3 col-md-6 col-12">
						<h3 class="text-white">
							Quick links<br />
							<span class="s1">—</span>
						</h3>

						<p class="pt-2">
							Your Account
						</p>
						<p>
							View Order
						</p>
						<p>
							Privacy Policy
						</p>
						<p>
							Terms & Conditionis
						</p>
					</div>
					<!-- 第三列 -->
					<div class="col-lg-3 col-md-6 col-12">
						<h3 class="text-white">
							Work Times<br />
							<span class="s1">—</span>
						</h3>

						<p class="pt-2">
							Mon.:Fri.: 8 am- 8 pm
						</p>
						<p>
							Sat. : 9am - 4pm
						</p>
						<p>
							Sun. : Closed
						</p>
					</div>
					<!-- 第四列 -->
					<div class="col-lg-3 col-md-6 col-12">
						<h3 class="text-white">
							Contact Info<br />
							<span class="s1">—</span>
						</h3>

						<p class="pt-2">
							(1800) 574 9687
						</p>
						<p>
							Bapoon Restro
						</p>
						<p>
							256, baker Street,, New Youk, 5245Justrestro@contact.co.in
						</p>
					</div>
				</div>
			</div>

			<!-- 最底部 -->
			<div class="container ww py-3">
				<div class="row">
					<div class="col-md-6 col-12 px-0 left">
						<span class="span1">
							<i class="fa fa-copyright"></i> Copyright Bapoon Restro WordPress Theme.All right reserved.
						</span>
					</div>
					<div class="col-md-4 col-0"></div>
					<div class="col-md-2 col-12 px-0 right">
						<span class="span2">
							Purchase Now
						</span>
					</div>
				</div>
			</div>
		</div>
	</div>

</body>
<script src="dist/jquery.preloader.min.js" type="text/javascript"></script>
<script src="vendors/owl-carousel/owl.carousel.min.js"></script>
<script src="js/index.js" type="text/javascript" charset="utf-8"></script>

</html>