<!--Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Coffee House A Cafe category Flat bootstrap Responsive Website Template|Home:: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }>
</script>
<meta name="keywords" content="Coffee-House Responsive web template, Bootstrap Web Templates, Flat Web Templates, AndriodCompatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<!--Google Fonts-->
<link href='http://fonts.googleapis.com/css?family=Exo:100,200,300,400,500,600,700,800,900,100italic,200italic,300italic,400italic,500italic,600italic,700italic,800italic,900italic' rel='stylesheet' type='text/css'>
<!-- 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>
<!-- //end-smoth-scrolling -->
</head>
<body>
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!--banner start here-->
<div class="banner">
<div class="banner-bg">
<div class="container">
<div class="header-main">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=""/></a>
</div>
<span class="menu"> <img src="images/icon.png" alt=""/></span>
<div class="clear"> </div>
<div class="navg">
<ul class="res">
<li><a class="active" href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="service.html">Services</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<script>
$( "span.menu").click(function() {
$( "ul.res" ).slideToggle("slow", function() {
// Animation complete.
});
});
</script>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- Slideshow 4 -->
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<div class="banner-main">
<div class="banner-contant" >
<h3>Coffee Makes Good Day</h3>
<P>Aliquam erat volutpat. Suspendisse congue massa quisenim lectus tempor.<br> Duis sit amet efficitur and web page editors now use Lorem </P>
</div>
</div>
</li>
<li>
<div class="banner-main-two">
<div class="banner-contant" >
<h3>Day With Start Good Coffee</h3>
<P>as opposed to using 'Content here, content here', making it look like readable English.<br> Many desktop publishing packages and web page editors now use Lorem </P>
</div>
</div>
</li>
<li>
<div class="banner-main-three">
<div class="banner-contant" >
<h3>Coffee House</h3>
<P>as opposed to using 'Content here, content here', making it look like readable English.<br> Many desktop publishing packages and web page editors now use Lorem </P>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
<!--banner Slider Ends Here -->
</div>
<!--banner end here-->
<!--cafe start here-->
<div class="coff">
<div class="container">
<div class="coff-main">
<div class="col-md-4 coff-top-grid1">
<div class="coff-top-gridmater">
<p>01</p>
<h3>Cream Coffee</h3>
</div>
</div>
<div class="col-md-4 coff-top-grid2">
<div class="coff-top-gridmater">
<p>02</p>
<h3>Cappuccino</h3>
</div>
</div>
<div class="col-md-4 coff-top-grid3 black">
<div class="coff-top-gridmater">
<p>03</p>
<h3>Black Coffee</h3>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--cafe end here-->
<!--cafe info start here-->
<div class="cafe-info">
<div class="container">
<div class="cafeinfo-main">
<div class="col-md-4 coff-middle-left">
<img src="images/lv-cup.jpg" alt=""/>
<div class="coff-mdleft-matter">
<h3>randomised words<br> which don't look<br>even slightly</h3>
<div class="coff-bwn">
<a href="#"> GO-ON</a>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-8 coff-middle-right">
<div class="coff-middle-top">
<h3>Our Specials</h3>
</div>
<div class="coff-middle-grids-main">
<div class="coff-middle-grid">
<div class="coff-icons"> <img src="images/cafe-machion.png" alt=""/> </div>
<div class="middle-right-text">
<h4>Many desktop publishing packages</h4>
<p>Aliquam erat volutpat. Suspendisse congue massa quisenim sollicitudin, in pharetra lectus tempor. Duis sit amet efficitur mi. </p>
</div>
<div class="clearfix"> </div>
</div>
<div class="coff-middle-grid">
<div class="coff-icons"> <img src="images/dram.png" alt=""/> </div>
<div class="middle-right-text">
<h4>Paper desktop publishing packages</h4>
<p>Aliquam erat volutpat. Suspendisse congue massa quisenim sollicitudin, in pharetra lectus tempor.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="coff-middle-grid">
<div class="coff-icons"> <img src="images/coff-key.png" alt=""/> </div>
<div class="middle-right-text">
<h4>Nthing desktop publishing packages</h4>
<p>Aliquam erat volutpat. Suspendisse congue massa quis</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--cafe info end here-->
<!--grines start here-->
<div class="grines">
<div class="container">
<div class="grines-main">
<div class="grines-grid1 bg-one">
<div class="grines-text">
<div class="coffee"> <img src="images/food.png" alt=""/> </div>
<h3>Tasty Food</h3>
</div>
</di
HTML网站源码-咖啡屋点心响应式网页模板-适配移动端&PC端.zip
版权申诉
92 浏览量
2024-03-30
11:50:53
上传
评论
收藏 921KB ZIP 举报
HTML网站源码-咖啡屋点心响应式网页模板-适配移动端&PC端.zip （48个子文件） 
HTML网站源码-咖啡屋点心响应式网页模板-适配移动端&PC端 html js 
responsiveslides.min.js 3KB easing.js 5KB move-top.js 1KB jquery.min.js 92KB
service.html 6KB css style.css 33KB bootstrap.css 118KB index.html 12KB contact.html 7KB about.html 9KB single.html 10KB images 
cup-banner.jpg 40KB t6.jpg 14KB b1.jpg 30KB
cf3.png 103KB mus.png 2KB b2.jpg 40KB valentia.jpg 36KB li-ar.png 680B sea.png 433B banner.jpg 68KB coff-key.png 2KB logo.png 3KB cursors.png 3KB cafe-machion.png 1KB t3.jpg 20KB ftr-contact.png 3KB lv-cup.jpg 52KB copy.jpg 152KB food.png 3KB ftr-banner.jpg 26KB user.png 4KB t7.jpg 12KB gd2.png 2KB top-cup.jpg 25KB footer-icons.png 3KB cf1.png 60KB arr.png 715B t2.jpg 16KB dram.png 2KB star-cup.jpg 33KB cf2.png 68KB gam.png 3KB spon-cup.jpg 23KB spon-cup .jpg 23KB icon.png 1KB t8.jpg 39KB blog.html 8KB资源评论
DTcode7
- 粉丝: 4614
- 资源: 4100
