master

分支 (1)

管理

管理

master

restaurant
/
about us.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/about%20us.css" />
		<link rel="stylesheet" type="text/css" href="css/about%20us%20dd.css" />
		<!-- Extra Plugin CSS -->
		<link href="vendors/owl-carousel/assets/owl.carousel.min.css" rel="stylesheet">
		<link href="vendors/nice-selector/css/nice-select.css" rel="stylesheet">
		<link href="vendors/popup/magnific-popup.css" rel="stylesheet">
		<!-- Rev slider css -->
		<link href="vendors/revolution/css/settings.css" rel="stylesheet">
		<link href="vendors/revolution/css/layers.css" rel="stylesheet">
		<link href="vendors/revolution/css/navigation.css" rel="stylesheet">
		<!--加载图片库-->
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.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 style="display:none;" 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  navbar-light w-100 fa1">
					<div>
						<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 nava">Home</a>
							</li>
							<li class="nav-item dropdown">
								<a href="about us.html" class="nav-link px-3 default">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 details</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="jumbotron-fluid conyw">
			<div class="jumbotron-fluid bg_img">
				<div class="container">
					<div class="row py-5">
						<div class="col-md-6 col-12 py-5 my-5">
							<h1>
								About Us
							</h1>
							<p>
								Home > <span>About us</span>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- Some Words About Us -->
		<section class="some_about_area bg_tp">
			<div class="container">
				<div class="row py-5">
					<div class="col-lg-5">
						<div class="ab_img">
							<div class="img_1">
								<img src="img/about-1.jpg" alt="">
							</div>
							<div class="img_2">
								<img src="img/about-2.jpg" alt="">
							</div>
						</div>
					</div>
					<div class="col-lg-7">
						<div class="ab_text">
							<h2>Some Words About Us</h2>
							<p>Leverage agile frameworks to provide a robust synopsis for high level overviews. lterative approaches to
								corporate strategy foster collaborative thinking to further the overall value proposition.Organically grow the
								bolistic world view of disruptive innovation via work-place diversity and empowerment.
							</p>
							<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the day, going
								forward, a new normal that has evolved from generation X is on the runway heading towards a streamlined cloud
								solution. User generated content in real-time will have multiple touchpoints for offshoring. strategies to
								ensure proactive domination. At the end of the day, going forward, a new normal that has evolved from
								generation X is on the runway heading towards a streamlined cloud solution
							</p>
						</div>
					</div>
					<div class="col-lg-1 col-12"></div>
				</div>
			</div>
		</section>
		<!-- Take Care of Quality -->
		<section class="about_service_area p_100">
			<div class="container">
				<div class="row about_service_inner">
					<div class="col-lg-4">
						<div class="ab_service_item">
							<div class="ab_s_img">
								<img class="img-fluid" src="img/service/f-service-1.jpg" alt="">
							</div>
							<div class="ab_s_text">
								<a href="#">
									<h4>Take Care of Quality</h4>
								</a>
								<p>Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the
									digital divide with additional clickthroughs.</p>
							</div>
						</div>
					</div>
					<div class="col-lg-4">
						<div class="ab_service_item">
							<div class="ab_s_img">
								<img class="img-fluid" src="img/service/f-service-2.jpg" alt="">
							</div>
							<div class="ab_s_text">
								<a href="#">
									<h4>Taste Driven Food</h4>
								</a>
								<p>Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the
									digital divide with additional clickthroughs.</p>
							</div>
						</div>
					</div>
					<div class="col-lg-4">
						<div class="ab_service_item">
							<div class="ab_s_img">
								<img class="img-fluid" src="img/service/f-service-3.jpg" alt="">
							</div>
							<div class="ab_s_text">
								<a href="#">
									<h4>On Time Delivery</h4>
								</a>
								<p>Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the
									digital divide with additional clickthroughs.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--Our main goal-->
		<section class="our_video_area pad_btm">
			<div class="container">
				<div class="video_inner text-center">
					<h5>Our main goal</h5>
					<h3>We give best quality food <br /> to our customer</h3>
					<a class="d-flex justify-content-center popup-youtube" href="video.html"><img src="img/icon/play-icon.png"
						 alt="">
						Watch intro video <br />about us</a>
				</div>
			</div>
		</section>
		<!-- 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 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-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 -->
        <section class="single_testi_area pad_top">
        	<div class="container">
        		<div class="single_testi_slider owl-carousel">
        			<div class="item">
        				<div class="media d-flex flex-column flex-lg-row align-items-left">
        					<div class="d-flex">
        						<img class="rounded-circle" src="img/testimonials/testi-2.png" alt="">
        					</div>
        					<div class="media-body">
        						<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis.</p>
        						<h4>Michale John</h4>
        						<h5>General Executive</h5>
        					</div>
        				</div>
        			</div>
        			<div class="item">
        				<div class="media d-flex flex-column flex-lg-row align-items-left">
        					<div class="d-flex">
        						<img class="rounded-circle" src="img/testimonials/testi-1.png" alt="">
        					</div>
        					<div class="media-body">
        						<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis.</p>
        						<h4>Michale John</h4>
        						<h5>General Executive</h5>
        					</div>
        				</div>
        			</div>
        		</div>
        	</div>
        </section>

		<!-- 尾部红色 -->
		<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 />
						<i>.</i>
						<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>
		<!-- Optional JavaScript -->
		<!-- jQuery first, then Popper.js, then Bootstrap JS -->
		<script src="js/jquery-3.3.1.min.js"></script>
		<script src="js/popper.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<!-- Rev slider js -->
		<script src="vendors/revolution/js/jquery.themepunch.tools.min.js"></script>
		<script src="vendors/revolution/js/jquery.themepunch.revolution.min.js"></script>
		<script src="vendors/revolution/js/extensions/revolution.extension.actions.min.js"></script>
		<script src="vendors/revolution/js/extensions/revolution.extension.video.min.js"></script>
		<script src="vendors/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
		<script src="vendors/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
		<script src="vendors/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
		<!-- Extra Plugin js -->
		<script src="vendors/owl-carousel/owl.carousel.min.js"></script>
		<script src="vendors/nice-selector/js/jquery.nice-select.min.js"></script>
		<script src="vendors/popup/jquery.magnific-popup.min.js"></script>


		<script src="js/theme-dist.js"></script>

	</body>
</html>