<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>BOCO - Multicusine Restaurant Theme</title>
<!-- google fonts -->
<link href="https://fonts.googleapis.com/css?family=Dancing+Script:400,700|Merriweather+Sans:400,700"
rel="stylesheet">
<!-- bootstrap css-->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- animate on scroll (aos) css-->
<link rel="stylesheet" href="css/jquery-ui.min.css">
<!-- font awesome -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- main style sheet -->
<link rel="stylesheet" href="css/style.css">
<!-- favicon image -->
<link rel="icon" type="image/png" href="img/favicon.png">
</head>
<body>
<header class="header slideshow" data-scroll-index="0">
<div class="navigation">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="#">
<img src="img/favicon.png" alt="logo" class="header-logo">
</a>
<button class="custom-toggler navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarSupportedContent">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html" data-scroll-nav="0">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about" data-scroll-nav="1">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services" data-scroll-nav="2">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#menu" data-scroll-nav="3">Menu</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#gallery" data-scroll-nav="4">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#chefs" data-scroll-nav="5">Chefs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact" data-scroll-nav="6">Contact Us</a>
</li>
</ul>
</div>
</nav>
<!-- header main-->
<div class="header__container">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-10 col-sm-10 mx-auto align-self-center">
<h1 class="heading-primary mb-5">BOCO Multicusine Restaurant</h1>
<p class="paragraph">Donec ut diam auctor, pellentesque ante dapibus, aliquam ante.
Donec in eros a
felis dapibus pellentesque sit amet in ex.</p>
<h2 class="heading-tertiary mb-5">Call Us <a href="#">+91 922414922414</a></h2>
</div>
<div class="col-lg-4 col-md-6 col-sm-10 mx-auto">
<!-- header form -->
<form action="#" class="booking-form">
<div class="form-group">
<input type="name" class="booking-form__input" placeholder="Name">
</div>
<div class="form-group">
<input type="phone" class="booking-form__input" placeholder="Phone Number">
</div>
<div class="form-group">
<input type="text" class="booking-form__input" placeholder="date" id="date">
</div>
<div class="form-group">
<select class="form__input" onclick="this.setAttribute('value', this.value);">
<option value=""></option>
<option value="">Lunch</option>
<option value="">Dinner</option>
<option value="">Barbecue (Only Dinner)</option>
</select>
</div>
<div class="form-group">
<select class="form__input" onclick="this.setAttribute('value', this.value);">
<option value=""></option>
<option value="">01</option>
<option value="">02</option>
<option value="">03</option>
<option value="">04</option>
<option value="">Above 4 upto 10</option>
</select>
</div>
<button class="btn-boco">Book Now</button>
</form>
<!-- end of header form -->
</div>
</div> <!-- end of row -->
</div><!-- end of container -->
</div>
<!-- end of header main -->
<div class="scrolldown">
<a href="#about" class="scroll-icon" data-scroll-nav="1">
Scroll Down
<i class="fa fa-long-arrow-right" aria-hidden="true"></i>
</a>
</div><!-- end of scroll down -->
</div>
</header><!-- end of header section -->
<!-- go to top -->
<button onclick="topFunction()" id="gotop" title="Go to top"><span><i class="fa fa-arrow-up" aria-hidden="true"></i>
</span></button>
<!-- end of go to top -->
<!-- about section -->
<section class="about section-padding" data-scroll-index="1">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-sm-10 mx-auto align-self-center">
<h2 class="heading-primary">Welcome to Boco Restaurant</h2>
<p class="paragraph">Nam semper egestas est eu lacinia. Duis venenatis neque libero, a ultrices urna
interdum eget. Fusce augue elit, malesuada eu mauris vitae, gravida dignissim purus.</p>
<p class="paragraph">Donec ut diam auctor, pellentesque ante dapibus, aliquam ante. Donec in eros a
felis dapibus pellentesque sit amet in ex. Nam varius mauris ut tincidunt ultricies.</p>
<button class="btn-boco">Read More</button>
</div>
<div class="col-md-6 col-sm-10 mx-auto">
<img src="img/dining-01.png" alt="about section text" class="about__img">
</div>
</div>
</div>
</section>
<!-- end of about section -->
<!-- services section -->
<section class="services section-padding" data-scroll-index="2">
<div class="container-fluid">
<div class="row">
<div class="col-md-10 col-sm-10 mx-auto text-center">
<div class="services__content">
<h2 class="heading-primary">Our Services</h2>
</div>
<
精品美食展示餐厅网页模板-适配移动端&PC端-HTML网站源码.zip
版权申诉
80 浏览量
2024-03-31
13:27:09
上传
评论
收藏 5.84MB ZIP 举报
精品美食展示餐厅网页模板-适配移动端&PC端-HTML网站源码.zip （61个子文件） 
精品美食展示餐厅网页模板-适配移动端&PC端-HTML网站源码 html media 
vid-bg.mp4 1.14MB js 
jquery-ui.min.js 143KB waypoints.min.js 8KB bootstrap.min.js 57KB scrollIt.min.js 1KB main.js 6KB jquery.filterizr.min.js 22KB popper.min.js 19KB jquery.min.js 86KB img 
gallery-02.png 390KB dining-02.png 118KB
team-02.jpg 11KB dining-03.png 97KB icon-02.png 40KB hero-01.jpg 328KB menu menu-07.jpg 81KB menu-06.jpg 85KB menu-02.jpg 76KB menu-05.jpg 112KB menu-08.jpg 78KB menu-01.jpg 89KB menu-04.jpg 71KB menu-03.jpg 117KB gallery-04.png 290KB gallery-01.png 368KB gallery-05.jpg 102KB hero-02.jpg 335KB team-01.jpg 22KB hero-04.jpg 210KB gallery-06.png 259KB team-03.jpg 15KB gallery-03.png 356KB icon-03.png 79KB dining-01.png 126KB icon-01.png 34KB favicon.png 21KB hero-03.jpg 155KB css style.css 22KB jquery-ui.min.css 20KB bootstrap.css 172KB font-awesome.min.css 30KB images ui-bg_glass_75_d0e5f5_1x400.png 336B ui-icons_6da8d5_256x240.png 4KB ui-icons_217bc0_256x240.png 4KB ui-icons_d8e7f3_256x240.png 4KB ui-icons_469bdd_256x240.png 4KB ui-icons_2e83ff_256x240.png 4KB ui-bg_inset-hard_100_f5f8f9_1x100.png 333B ui-bg_gloss-wave_55_5c9ccc_500x100.png 6KB ui-bg_inset-hard_100_fcfdfd_1x100.png 292B ui-bg_glass_95_fef1ec_1x400.png 332B ui-icons_f9bd01_256x240.png 4KB ui-icons_cd0a0a_256x240.png 4KB ui-bg_glass_85_dfeffc_1x400.png 341B
index.html 37KB fonts FontAwesome.otf 132KB fontawesome-webfont.eot 162KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB fontawesome-webfont.ttf 162KB资源评论
