<!Doctype html>
<html>
<head>
<title>Home</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--fonts-->
<link href='#css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'>
<link href='#css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!--//fonts-->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Cafestore Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<!-- js -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- js -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
</head>
<body>
<!-- banner -->
<div class="banner">
<div class="container">
<div class="banner-info text-center">
<a href="index.html"><img src="images/13.png" alt=""/></a>
<div class="strip"></div>
<h1>WELCOME TO THE CAFESTORE</h1>
<p>ENJOY THE EXPERIENCE OF OUR RESTAURANT</p>
</div>
</div>
</div>
<!-- //banner -->
<!-- banner-bottom -->
<div class="banner-bottom">
<div class="container">
<div class="bottom-info">
<div class="bottom-img">
<img src="images/12.png" alt=""/>
</div>
<p>GET FREE COFFEE BY JOIN CAFESTORE!</p>
<div class="join"><a class="hvr-bounce-to-bottom button" href="#">JOIN</a></div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- //banner-bottom -->
<!-- menu -->
<div class="menu">
<div class="container">
<div class="menu-info">
<h3>Check Out Our Menu</h3>
<div class="border"></div>
</div>
<div class="menu-grids">
<div class="menu-grid">
<a href="#small-dialog1" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim"><img src="images/1.jpg" alt=""/>
<div class="caption">
<p>BREAKFAST</p>
</div>
</a>
</div>
<div class="menu-grid">
<a href="#small-dialog2" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim"><img src="images/2.jpg" alt=""/>
<div class="caption">
<p>LUNCH</p>
</div>
</a>
</div>
<div class="menu-grid">
<a href="#small-dialog3" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim"><img src="images/3.jpg" alt=""/>
<div class="caption">
<p>DINNER</p>
</div>
</a>
</div>
<div class="menu-grid">
<a href="#small-dialog4" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim"><img src="images/4.jpg" alt=""/>
<div class="caption">
<p>BRUNCH</p>
</div>
</a>
</div>
<div class="menu-grid">
<a href="#small-dialog5" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim"><img src="images/5.jpg" alt=""/>
<div class="caption">
<p>DESERTS</p>
</div>
</a>
</div>
<div class="menu-grid">
<a href="#small-dialog6" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim"><img src="images/6.jpg" alt=""/>
<div class="caption">
<p>COFFEE</p>
</div>
</a>
</div>
<div class="clearfix"></div>
</div>
<!-- pop-up-box -->
<!-- script for pop-up-box -->
<script type="text/javascript" src="js/modernizr.custom.min.js"></script>
<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<!-- //script for pop-up-box -->
<div id="small-dialog1" class="mfp-hide">
<div class="image-top">
<img src="images/1.jpg" alt="" />
</div>
</div>
<div id="small-dialog2" class="mfp-hide">
<div class="image-top">
<img src="images/2.jpg" alt="" />
</div>
</div>
<div id="small-dialog3" class="mfp-hide">
<div class="image-top">
<img src="images/3.jpg" alt="" />
</div>
</div>
<div id="small-dialog4" class="mfp-hide">
<div class="image-top">
<img src="images/4.jpg" alt="" />
</div>
</div>
<div id="small-dialog5" class="mfp-hide">
<div class="image-top">
<img src="images/5.jpg" alt="" />
</div>
</div>
<div id="small-dialog6" class="mfp-hide">
<div class="image-top">
<img src="images/6.jpg" alt="" />
</div>
</div>
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
<!-- //pop-up-box -->
</div>
</div>
<!-- //menu -->
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >手机网站模板</a></div>
<!-- slider -->
<div class="slider">
<div class="container">
</div>
<div class="slider-info">
<h3>What Our Client Say</h3>
<div class="border a"></div>
<!-- responsiveslides -->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider3").responsiveSlides({
auto: true,
pager: false,
nav: false,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!-- responsiveslides -->
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider3">
<li>
<div class="slider-text">
<h4>“Aenean iaculis, mauris sed aliquet semper, nulla nisl mattis elit,
a volutpat nibh leo id enim. Aenean urna est, tincidunt egestas semper vitae,
facilisis eu tellus.”</h4>
<p>John Smith, San Francisco, CA</p>
</div>
</li>
<li>
<div class="slider-text">
<h4>“Tincidunt iaculis, mauris sed aliquet semper, nulla nisl mattis elit,
a volutpat nibh leo id enim. urna est, tincidunt egestas semper vitae,
facilisis eu tellus, Aenean.”</h4>
<p>Thompson, USA, CA</p>
</div>
</li>
<li>
<div class="slider-text">
<h4>“Facilisis eu tellus, Aenean iaculis, mauris sed aliquet semper, nulla
nisl mattis elit, a volutpat nibh leo id enim. Aenean urna est, tincidunt
egestas semper vitae.”</h4>
<p>John Doe, Argentina, CA</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- //slider -->
<!-- events -->
<div class="slider-bottom">
<div class="container">
<div class="events-info">
<h3>Events</h3>
<div class="border"></div>
<p>Lorem ipsum dolor
甜点西餐咖啡休闲企业网站模板_甜点 西餐 咖啡 休闲 企业 宽屏 bootstrap 响应式 手机 美味 食品 西点 .rar
59 浏览量
2023-08-05
16:11:52
上传
评论
收藏 799KB RAR 举报
甜点西餐咖啡休闲企业网站模板_甜点 西餐 咖啡 休闲 企业 宽屏 bootstrap 响应式 手机 美味 食品 西点 .rar （29个子文件） 
甜点西餐咖啡休闲企业网站模板_甜点 西餐 咖啡 休闲 企业 宽屏 bootstrap 响应式 手机 美味 食品 西点 餐饮 cpts_73_gx js 
jquery.magnific-popup.js 45KB responsiveslides.min.js 3KB modernizr.custom.min.js 2KB easing.js 5KB move-top.js 1KB jquery.min.js 92KB css style.css 31KB popuo-box.css 6KB bootstrap.css 118KB
index.html 10KB single.html 5KB images 
2.jpg 29KB 10.jpg 35KB 6.jpg 26KB
12.png 3KB 1.jpg 44KB 17.jpg 73KB left.png 3KB 11.png 2KB 5.jpg 39KB 13.png 3KB 8.jpg 33KB 18.jpg 55KB 16.png 4KB 3.jpg 37KB 7.jpg 368KB 14.png 4KB 9.jpg 42KB 4.jpg 30KB资源评论
