【免费】咖啡饮品店网站模板是一款饮料在线商城网站模板下载.rar资源-CSDN文库

共48个文件

jpg：24个

png：9个

html：9个

html

需积分: 0 139 浏览量 2023-09-10 10:25:42 上传评论收藏 1.27MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

咖啡饮品店网站模板是一款饮料在线商城网站模板下载.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

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

<!DOCTYPE html> <html> <head> <html> <head> <title>Home</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />  <script src="js/jquery.min.js"></script>   <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <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>  <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'>  <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>  <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> $("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=""

评论收藏

内容反馈