<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Cafe - Free CSS template Collect from moobnn.com</title>
<link rel="shortcut icon" type="image/x-icon" href="css/images/favicon.ico" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" />
<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="js/modernizr.custom.js"></script>
<![endif]-->
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/functions.js" type="text/javascript"></script>
</head>
<body>
<!-- wrapper -->
<div id="wrapper">
<!-- header -->
<div class="header">
<!-- shell -->
<div class="shell">
<h1 id="logo"><a href="#">cafe</a></h1>
<div class="testimonials">
<div class="testimonials-slider flexslider">
<ul class="slides">
<li>
<h4>“The best espresso in downtown!”</h4>
<div class="rating">
<a href="#" class="active"></a>
<a href="#" class="active"></a>
<a href="#" class="active"></a>
<a href="#" class="active"></a>
<a href="#" class="active"></a>
</div>
<p> - John Cooper, Gourmet</p>
<div class="cl"> </div>
</li>
<li>
<h4>"Yummy cupcakes and donuts!"</h4>
<div class="rating">
<a href="#" class="active"></a>
<a href="#" class="active"></a>
<a href="#" class="active"></a>
<a href="#"></a>
<a href="#"></a>
</div>
<p> - Ann Doe, Teacher</p>
<div class="cl"> </div>
</li>
<li>
<h4>"Had a real fun there!"</h4>
<div class="rating">
<a href="#" class="active"></a>
<a href="#" class="active"></a>
<a href="#" class="active"></a>
<a href="#" class="active"></a>
<a href="#"></a>
</div>
<p> - Lisa Doe, Lawyer</p>
<div class="cl"> </div>
</li>
<li>
<h4>"Great atmosphere!"</h4>
<div class="rating">
<a href="#" class="active"></a>
<a href="#" class="active"></a>
<a href="#" class="active"></a>
<a href="#" class="active"></a>
<a href="#" class="active"></a>
</div>
<p> - Gordon Doe, Manager</p>
<div class="cl"> </div>
</li>
<li>
<h4>"Tastes good!"</h4>
<div class="rating">
<a href="#" class="active"></a>
<a href="#" class="active"></a>
<a href="#" class="active"></a>
<a href="#" class="active"></a>
<a href="#"></a>
</div>
<p> - Orman Kent, Architect</p>
<div class="cl"> </div>
</li>
</ul>
</div>
</div>
<!-- header-right -->
<div class="header-right">
<div class="subscribe">
<a href="#"><span></span>Subscribe</a>
</div>
<div class="socials">
<a href="#" class="facebook-ico">facebook</a>
<a href="#" class="twitter-ico">twitter</a>
</div>
<div class="cl"> </div>
</div>
<div class="cl"> </div>
<!-- end of header -->
<!-- navigation -->
<nav id="navigation">
<ul>
<li><a href="#">Homepage</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Our Menu</a></li>
<li><a href="#">Reservations</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Showcase</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>
<!-- end of navigation -->
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >Website Template</a></div>
<!-- slider-holder -->
<div class="slider-holder">
<span class="left"></span>
<span class="right"></span>
<!-- flexslider -->
<div class="big-slider">
<ul class="slides">
<li>
<img src="css/images/slide-img.png" alt="" class="alignleft"/>
<div class="slide-cnt">
<h2>Amazing Coffee <br />& Delicious Cupcakes</h2>
<p>Vivamus ultrices tincidunt eros, sed sollicitudin est condimentum quis. Nulla a purus sit amet enim tincidunt varius vel a libero. Aenean neque dolor, tristique eu fermentum quis, imperdiet tincidunt ligula. Ut ut est erat, eget tempor odio vestibulum sed diam orci, vel mattis purus. Donec faucibus neque eu turpis imperdiet commodo. </p>
<a href="#" class="red-btn">Find Out More!</a>
</div>
</li>
<li>
<img src="css/images/slide-img2.png" alt="" class="alignleft"/>
<div class="slide-cnt">
<h2>Amazing Coffee <br />& Delicious Cupcakes</h2>
<p>Vivamus ultrices tincidunt eros, sed sollicitudin est condimentum quis. Nulla a purus sit amet enim tincidunt varius vel a libero. Aenean neque dolor, tristique eu fermentum quis, imperdiet tincidunt ligula. Ut ut est erat, eget tempor odio vestibulum sed diam orci, vel mattis purus. Donec faucibus neque eu turpis imperdiet commodo. </p>
<a href="#" class="red-btn">Find Out More!</a>
</div>
</li>
<li>
<img src="css/images/slide-img3.png" alt="" class="alignleft"/>
<div class="slide-cnt">
<h2>Amazing Coffee <br />& Delicious Cupcakes</h2>
<p>Vivamus ultrices tincidunt eros, sed sollicitudin est condimentum quis. Nulla a purus sit amet enim tincidunt varius vel a libero. Aenean neque dolor, tristique eu fermentum quis, imperdiet tincidunt ligula. Ut ut est erat, eget tempor odio vestibulum sed diam orci, vel mattis purus. Donec faucibus neque eu turpis imperdiet commodo. </p>
<a href="#" class="red-btn">Find Out More!</a>
</div>
</li>
</ul>
</div>
<!-- end of flexslider -->
</div>
<!-- end of slider -->
</div>
<!-- end of shell -->
</div>
<!-- end of header -->
<!-- main -->
<div class="main">
<div class="shell">
<!-- cols -->
<section class="cols">
<div class="col">
<h3>Fantastic Donuts </h3>
<img src="css/images/cols-img.png" alt="" class="alignleft" />
<div class="cnt">
<p>Lorem ipsum dolor sit amet, con<br />sectetur adipiscing elit. Cras molestie condimentum conse am leom.</p>
<a href="#" class="dot">Order Donuts</a>
</div>
</div>
<div class="col">
<h3>Delicious Cupcakes</h3>
<img src="css/images/cols-img2.png" alt="" class="alignleft" />
<div class="cnt">
<p>Ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum conse am leo libert.</p>
<a href="#" class="dot">Order Cupcakes</a>
</div>
</div>
<div class="col">
<h3>Address & Location</h3>
<img src="css/images/cols-img3.png" alt="" class="alignleft" />
<div class="cnt">
<p>Sit amet, consectetur adipiscing elit. Cras molestie condimentum conse am leo libero, samet dor.</p>
<a href="#" class="dot">View Map</a>
</div>
</div>
<div class="cl"> </div>
</section>
<!-- end of cols -->
<!-- content -->
<div class="content">
<h3>What’s New</h3>
<div class="entry">
<div class="date">
<strong>25<small>2012</small></strong>
<em>APR</em>
</div>
<div class="cnt">
<h4>News Title 1 Goes Right Here</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie condimentum conse am leom. Aenean neque dolor, tristique eu fermentum quis, imperdiet tincidunt ligula. </p>
<a href="#" class="dot">View More</a>
</div>
</div>
<div class="entry">
<div class="date">
<strong>22<smal
红色精美漂亮的咖啡官网企业模板_红色 精美 漂亮 咖啡 企业 餐饮 幻灯 美食 糖果.rar
版权申诉
111 浏览量
2021-11-06
12:58:27
上传
评论
收藏 1.08MB RAR 举报
红色精美漂亮的咖啡官网企业模板_红色 精美 漂亮 咖啡 企业 餐饮 幻灯 美食 糖果.rar （57个子文件） 
红色精美漂亮的咖啡官网企业模板_红色 精美 漂亮 咖啡 企业 餐饮 幻灯 美食 糖果 h5c3_12_ux js 
jquery.flexslider-min.js 11KB functions.js 545B jquery-1.8.0.min.js 90KB modernizr.custom.js 7KB css style.css 10KB flexslider.css 3KB images 
date.png 5KB facebook-img.png 13KB dot.png 1008B header-img.png 61KB header-cnt.png 25KB separator.png 1KB sidebar-list-border.png 2KB logo.png 19KB nav-border.png 1KB Simple_Default_Size_30.png 2KB footer.png 4KB slide-img3.png 118KB post-img.png 4KB wrapper.png 66KB post-img2.png 5KB post-img3.png 5KB left.png 3KB slide-img2.png 73KB navigation.png 115KB socials.png 11KB Simple_Default_Size_15.png 1KB facebook-box.png 4KB slider-arr.png 11KB favicon.ico 1KB sbubscribe-ico.png 4KB testimonials.png 1005B cols-img2.png 13KB margin-top-shadow.png 1KB main-top-shadow.png 1KB red-btn.png 16KB slider.png 38KB header-bg.png 35KB slide-img.png 103KB right.png 3KB i-img.png 61KB cols-img3.png 10KB cols-img.png 7KB subscribe.png 4KB body.png 1KB star.png 2KB control-nav.png 2KB Cafe_06.png 5KB fonts 
museo300-regular-webfont-webfont.svg 99KB Museo700-Regular-webfont.woff 30KB museo300-regular-webfont-webfont.woff 27KB Museo700-Regular-webfont.ttf 62KB Museo700-Regular-webfont.eot 28KB Museo700-Regular-webfont.svg 60KB museo300-regular-webfont-webfont.ttf 56KB museo300-regular-webfont-webfont.eot 25KB
index.html 9KB资源评论
