<!DOCTYPE html>
<html>
<head>
<html>
<head>
<title>Home</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 -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<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="Food shop 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>
<!--fonts-->
<link href='#css?family=Rokkitt:400,700' rel='stylesheet' type='text/css'>
<link href='#css?family=Lobster+Two:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<!--//fonts-->
<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>
</head>
<body>
<!--header-->
<div class="header">
<div class="container">
<div class="logo">
<h1><a href="index.html">Food Shop</a></h1>
</div>
<div class="header-top">
<div class="header-top-in">
<ul class="header-grid">
<li ><a href="account.html">My Account </a> <label>/</label></li>
<li ><a href="login.html"> Login </a> </li>
</ul>
<div class="act">
<a href="#" class="done">Donec actortor </a>
</div>
<div class="clearfix"> </div>
</div>
<ul class="grid-header">
<li><a href="account.html">My Account</a> <label>/</label></li>
<li><a href="#">My Cart</a> <label>/</label></li>
<li><a href="checkout.html"> Checkout </a> </li>
</ul>
<div class="clearfix"> </div>
</div>
<!---->
<div class="header-bottom">
<div class="top-nav">
<span class="menu"> </span>
<ul>
<li class="active" ><a href="index.html" >Home </a><label>- </label> </li>
<li><a href="location.html" > Locations</a><label>- </label></li>
<li><a href="specials.html">Specials </a><label>- </label></li>
<li><a href="404.html" > Order Online</a><label>- </label></li>
<li><a href="contact.html">Contacts</a></li>
</ul>
<!--script-->
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(500, function(){
});
});
</script>
</div>
<div class="search">
<form>
<input type="text" value="Search store here ..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" >
<input type="submit" value="">
</form>
</div>
<div class="clearfix"> </div>
</div>
<!---->
<div class="banner">
<div class="banner-in">
<!---->
<div class="wmuSlider example1">
<div class="wmuSliderWrapper">
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-wrap">
<h2>Raesent coodo </h2>
<h5>Mollis voluipun</h5>
<p>Neque rutrum <span>enmos ligu sed lorbei</span></p>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-wrap">
<h2>Raesent coodo </h2>
<h5>Mollis voluipun</h5>
<p>Neque rutrum <span>enmos ligu sed lorbei</span></p>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="banner-wrap">
<h2>Raesent coodo </h2>
<h5>Mollis voluipun</h5>
<p>Neque rutrum <span>enmos ligu sed lorbei</span></p>
</div>
</article>
</div>
</div>
<!---->
<script src="js/jquery.wmuSlider.js"></script>
<script>
$('.example1').wmuSlider({
pagination : false,
});
</script>
<!---->
</div>
</div>
</div>
</div>
<!---->
<div class="content">
<div class="container">
<div class="content-grid">
<div class="col-md-4 grid-food">
<div class="popular">
<h3>Popular Products</h3>
<p>Lorem ipsum dolor site amet vivamus laoreet desp</p>
<ul class="popular-in">
<li><a href="single.html"><i> </i>Lorem ipsum dolor sit amet, consectetur </a></li>
<li><a href="single.html"><i> </i>Sed in velit sed felis mollis vulputate vitae </a></li>
<li><a href="single.html"><i> </i>Nulla id neque lacus, rutrum euismod ligu</a></li>
<li><a href="single.html"><i> </i>Sed lobortis lorem nec orci vulputate</a></li>
</ul>
</div>
<div class="popular phone">
<h3>Order online/phone</h3>
<p>Vivamus vel eros nulla sed pellentesque sem</p>
<ul class="number">
<li><span><i> </i>(000) 888 88888</span </li>
<li><a href="mailto:info@sitename.com"><i class="mail"> </i>info@sitename.com </a></li>
</ul>
</div>
<div class="popular">
<h3>Crder online/phone</h3>
<p>Cosectrurer admpsuing tempor nulla incidi esuismod</p>
<form>
<input type="text" value="your email id here" onfocus="this.value='';" onblur="if (this.value == '') {this.value = 'your email id here';}">
<input type="submit" value="Subscribe" >
</form>
</div>
</div>
<!---->
<div class="col-md-8 food-grid">
<div class="cup">
<div class="col-md-4 cup-in">
<a href="single.html"><img src="images/p1.jpg" class="img-responsive" alt=""></a>
<p>Lorem ipsum dolor sit consectetur</p>
<span class="dollar">$25.89</span>
<div class="details-in">
<a href="#" class="details">Details</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 cup-in">
<a href="single.html"><img src="images/p2.jpg" class="img-responsive" alt=""></a>
<p>Lorem ipsum dolor sit consectetur</p>
<span class="dollar">$25.89</span>
<div class="details-in">
<a href="single.html" class="details">Details</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 cup-in">
<a href="single.html"><img src="images/p3.jpg" class="img-responsive" alt=""></a>
<p>Lorem ipsum dolor sit consectetur</p>
<span class="dollar">$25.89</span>
<div class="details-in">
<a href="single.html" class="details">Details</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 cup-in">
<a href="single.html"><img src="images/p4.jpg" class="img-responsive" alt=""></a>
<p>Lorem ipsum dolor sit consectetur</p>
<span class="dollar">$25.89</span>
<div class="details-in">
<a href="single.html" class="details">Details</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 cup-in">
<a href="single.html"><img src="images/p5.jpg" class="img-responsive" alt=""></a>
<p>Lorem ipsum dolor sit consectetur</p>
<span class="dollar">$25.89</span>
<div class="details-in">
<a href="single.html" class="details">Details</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 cup-in">
<a href="single.html"><img src="images/p6.jpg" class="img-responsive" alt=""
咖啡饮品店网站模板是一款饮料在线商城网站模板下载.rar （48个子文件） 
style.css 28KB
plus.png 1KB
pi2.jpg 63KB pic.jpg 23KB st3.jpg 12KB jquery.wmuSlider.js 12KB
account.html 5KB st2.jpg 8KB s1.jpg 50KB s2.jpg 44KB arrow.png 3KB menu.png 3KB banner.jpg 77KB pi1.jpg 73KB back.jpg 193KB 12.png 3KB location.html 7KB footer.png 45KB p4.jpg 38KB p6.jpg 43KB pi5.jpg 54KB pi4.jpg 78KB pi7.jpg 46KB bootstrap.css 118KB login.html 5KB 404.html 5KB pi3.jpg 43KB avatar.png 2KB easing.js 5KB img-sprite.png 14KB up.png 3KB st4.jpg 14KB move-top.js 1KB index.html 11KB contact.html 6KB p2.jpg 47KB single.html 9KB p3.jpg 50KB specials.html 8KB p5.jpg 44KB pi.jpg 70KB jquery.min.js 92KB star.png 3KB sin.jpg 78KB st1.jpg 13KB p1.jpg 33KB pi6.jpg 43KB checkout.html 5KB资源评论
