<!--
Author: W3layouts
Author URL: http://w3layouts.com
-->
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Bistros - Restaurants Category Responsive Website Template - Menu : W3Layouts</title>
<!-- google-fonts -->
<link href="//fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap"
rel="stylesheet">
<!-- //google-fonts -->
<!-- Template CSS Style link -->
<link rel="stylesheet" href="assets/css/style-starter.css">
</head>
<body>
<!--header-->
<header id="site-header" class="fixed-top">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg stroke">
<h1>
<a class="navbar-brand d-flex align-items-center" href="index.html">
Bistros <i class="fa fa-cutlery ml-2" aria-hidden="true"></i></a>
</h1>
<!-- if logo is image enable this
<a class="navbar-brand" href="#index.html">
<img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
</a> -->
<button class="navbar-toggler collapsed bg-gradient" type="button" data-toggle="collapse"
data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
<span class="navbar-toggler-icon fa icon-close fa-times"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav ml-lg-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About Us</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="menu.html">Menu</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
<!-- search button -->
<div class="search-right">
<form action="#search" method="GET" class="search-box position-relative">
<div class="input-search">
<input type="search" placeholder="Enter Keyword" name="search" required="required"
autofocus="" class="search-popup">
</div>
<button type="submit" class="btn search-btn"><i class="fa fa-search"
aria-hidden="true"></i></button>
</form>
</div>
<!-- //search button -->
</ul>
</div>
<!-- toggle switch for light and dark theme -->
<div class="cont-ser-position">
<nav class="navigation">
<div class="theme-switch-wrapper">
<label class="theme-switch" for="checkbox">
<input type="checkbox" id="checkbox">
<div class="mode-container">
<i class="gg-sun"></i>
<i class="gg-moon"></i>
</div>
</label>
</div>
</nav>
</div>
<!-- //toggle switch for light and dark theme -->
</nav>
</div>
</header>
<!--//header-->
<!-- inner banner -->
<div class="inner-banner">
<div class="w3l-breadcrumb">
<div class="container">
<h4 class="inner-text-title font-weight-bold text-white mb-sm-3 mb-2">Our Menu</h4>
<ul class="breadcrumbs-custom-path">
<li><a href="index.html">Home</a></li>
<li class="active"><span class="fa fa-chevron-right mx-2" aria-hidden="true"></span>Menu</li>
</ul>
</div>
</div>
</div>
<!-- //inner banner -->
<!-- menu -->
<div class="menu-w3ls py-5" id="menu">
<div class="container py-md-5 py-4">
<h3 class="title-big mb-2">Breakfast</h3>
<div class="row menu-body">
<!-- Section starts: Breakfast -->
<div class="col-lg-6 menu-section">
<!-- Item starts -->
<div class="menu-item">
<div class="row no-gutters">
<div class="col-9 menu-item-name">
<h6>Tomato Toast “Ricotta”</h6>
</div>
<div class="col-3 menu-item-price text-right">
<h6>$36</h6>
</div>
</div>
<div class="menu-item-description">
<p>Lorem ipsum dolor sit amet, consectetur tredjh adipiscing elit.</p>
</div>
</div>
<!-- Item ends -->
<!-- Item starts -->
<div class="menu-item">
<div class="row no-gutters">
<div class="col-9 menu-item-name">
<h6>Avocado Toast with Egg</h6>
</div>
<div class="col-3 menu-item-price text-right">
<h6>$28</h6>
</div>
</div>
<div class="menu-item-description">
<p>Lorem ipsum dolor sit amet, consectetur tredjh adipiscing elit.</p>
</div>
</div>
<!-- Item ends -->
<!-- Item starts -->
<div class="menu-item">
<div class="row no-gutters">
<div class="col-9 menu-item-name">
<h6>Nut, Banana & Seed Toast</h6>
</div>
<div class="col-3 menu-item-price text-right">
<h6>$18</h6>
</div>
</div>
<div class="menu-item-description">
<p>Lorem ipsum dolor sit amet, consectetur tredjh adipiscing elit.</p>
</div>
</div>
<!-- Item ends -->
<!-- Item starts -->
<div class="menu-item">
<div class="row no-gutters">
<div class="col-9 menu-item-name">
<h6>Berry & Yogurt Smoothie</h6>
</div>
<div class="col-3 menu-item-price text-right">
<h6>$76</h6>
</div>
</div>
<div class="menu-item-description">
<p>Lore
创意休闲餐厅响应式网页模板-适配移动端设备-HTML网页源码.zip
版权申诉
143 浏览量
2024-04-01
15:38:11
上传
评论
收藏 2.73MB ZIP 举报
创意休闲餐厅响应式网页模板-适配移动端设备-HTML网页源码.zip （43个子文件） 
创意休闲餐厅响应式网页模板-适配移动端设备-HTML网页源码 html 
menu.html 30KB assets js 
bootstrap.min.js 57KB theme-change.js 692B jquery.magnific-popup.min.js 20KB jquery-3.3.1.min.js 68KB owl.carousel.js 88KB counter.js 3KB css style-starter.css 262KB images 
g3.jpg 53KB g2.jpg 60KB about5.jpg 26KB ban4.jpg 9KB b2.jpg 56KB about1.jpg 66KB image2.jpg 123KB team4.jpg 19KB team3.jpg 19KB about4.jpg 18KB inner-banner.jpg 105KB team2.jpg 22KB g6.jpg 27KB testi2.jpg 4KB about2.jpg 45KB
image1.png 821KB banner1.jpg 215KB g5.jpg 59KB image3.jpg 158KB testi1.jpg 2KB g4.jpg 42KB team1.jpg 17KB about3.jpg 54KB ban2.jpg 12KB g1.jpg 56KB testi3.jpg 2KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB index.html 28KB contact.html 18KB about.html 30KB资源评论
