<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<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="Winery 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="applijegleryion/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<link href="css/gallery.css" rel='stylesheet' type='text/css' />
<script src="js/jquery-1.11.1.min.js"></script>
<!--webfonts-->
<link href='#css?family=Source+Sans+Pro:400,700|Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
<!--//webfonts-->
</head>
<body>
<!--start-home-->
<div class="banner" id="home">
<div class="header-top">
<div class="logo">
<a href="index.html"><h1>Winery</h1></a>
</div>
<!--top-nav-->
<span class="menu"> </span>
<div class="top-menu">
<nav class="cl-effect-16">
<ul>
<li><a class="active scroll" href="#home" data-hover="Home">Home</a></li>
<li><a class="scroll" href="#service" data-hover="Services">Services</a></li>
<li><a class="scroll" href="#products" data-hover="Products">Products</a></li>
<li><a class="scroll" href="#team" data-hover="Team">Team</a></li>
<li><a class="scroll" href="#gallery" data-hover="Gallery">Gallery</a></li>
<li><a class="scroll" href="#contact" data-hover="Contact">Contact</a></li>
<div class="clearfix"></div>
</ul>
</nav>
</div>
<!-- script-for-menu -->
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle("slow" , function(){
});
});
</script>
<!-- script-for-menu -->
<div class="clearfix"></div>
<!-- script-for-menu -->
</div>
<!--banner-->
<div class="container">
<div class="inner-slider">
<div class="col-md-5 banner-slider">
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<div class="banner-info">
<h3>100% Pure Organic...!</h3>
<p>Lorem Ipsum Maecenas tristique orci ac sem. Duis ultricies pharetra magna.<lable> Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsumipsum dolor sit amet,</lable> consectetuer dolor sit.</p>
</div>
</li>
<div class="banner-info">
<h3>Royal Quality Wine</h3>
<p>Lorem Ipsum Maecenas tristique orci ac sem. Duis ultricies pharetra magna.<lable> Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsumipsum dolor sit amet,</lable> consectetuer dolor sit.</p>
</div>
<li>
<div class="banner-info">
<h3>100% Pure Organic...!</h3>
<p>Lorem Ipsum Maecenas tristique orci ac sem. Duis ultricies pharetra magna.<lable> Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsumipsum dolor sit amet,</lable> consectetuer dolor sit.</p>
</div>
</li>
</ul>
</div>
</div>
<div class="col-md-7 banner-pic">
<img class="img-responsive " src="images/b-pic.png" alt="" />
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--banner-slide-->
<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-slide-->
</div>
<!--welcome-->
<div class="welcome">
<div class="container">
<div class="welcome-top">
<div class="col-md-6 welcome-text">
<h3 class="tittle two">WELCOME TO WINERY</h3>
<p>Lorem Ipsum Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsumipsum dolor sit amet, consectetuer dolor sit.</p>
<p>Lorem Ipsum Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsumipsum dolor sit amet, consectetuer dolor sit.</p>
<p>Lorem Ipsum Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsumipsum dolor sit amet, consectetuer dolor sit.</p>
</div>
<div class="col-md-6 welcome-img">
<img class="img-responsive " src="images/wel.jpg" alt="" />
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--//welcome-->
<!--start-services-->
<div class="services" id="service">
<!-- container -->
<div class="container">
<h3 class="tittle">OUR SERVICES</h3>
<div class="serve-grids">
<div class="serve-grids-top">
<div class="col-md-3 service-box">
<figure class="icon">
<i class="glyphicon glyphicon-time"></i>
</figure>
<h5>Amet Dolor</h5>
<p>Sed ut perspiciis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
</div>
<div class="col-md-3 service-box">
<figure class="icon">
<i class="glyphicon glyphicon-user"></i>
</figure>
<h5>Amet Dolor</h5>
<p>Sed ut perspiciis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
</div>
<div class="col-md-3 service-box">
<figure class="icon">
<i class="glyphicon glyphicon-glass"></i>
</figure>
<h5>Amet Dolor</h5>
<p>Sed ut perspiciis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
</div>
<div class="col-md-3 service-box">
<figure class="icon">
<i class="glyphicon glyphicon-music"></i>
</figure>
<h5>Amet Dolor</h5>
<p>Sed ut perspiciis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //container -->
</div>
</div>
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >手机网站模板</a></div>
<!-- //service-->
<!--/products-->
<div class="products" id="products">
<div class="container">
<h3 class="tittle">PRODUCTS</h3>
<ul id="flexiselDemo3">
<li>
<div class="biseller-column">
<a class="lightbox" href="#goofy">
<img src="images/s1.jpg"/>
</a>
<div class="lightbox-target" id="goofy">
<img src="images/s1.jpg"/>
<a class="lightbox-close" href="#"> </a>
<div class="clearfix"> </div>
</div>
</div>
</li>
<li>
<div class="biseller-column">
<a class="lightbox" href="#goofy">
<img src="images/s4.jpg"/>
</a>
<div class="lightbox-target" id="goofy">
<img src="images/s4.jpg"/>
<a class="lightbox-close" href="#"> </a>
<div class="clearfix"> </div>
</div>
</div>
</li>
<li>
<div class="biseller-column">
<a class="lightbox" href="#goofy">
<img src="images/s3.jpg"/>
</a>
<div class="lightbox-target" id="goofy">
<img src="images/s3.jpg"/>
<a
红酒专卖店宽屏设计公司网页模板-红酒 专卖店 宽屏 设计 公司 酒 红色 葡萄酒 css3 单页.rar
版权申诉
147 浏览量
2022-11-20
10:31:19
上传
评论
收藏 923KB RAR 举报
红酒专卖店宽屏设计公司网页模板_红酒 专卖店 宽屏 设计 公司 酒 红色 葡萄酒 css3 单页.rar （36个子文件） 
红酒专卖店宽屏设计公司网页模板_红酒 专卖店 宽屏 设计 公司 酒 红色 葡萄酒 css3 单页 ctps_351_eq css 
bootstrap.css 118KB swipebox.css 4KB gallery.css 4KB style.css 35KB
b.jpg 32KB images g5.jpg 33KB
social.png 5KB wel.jpg 40KB t2.jpg 21KB g1.jpg 24KB S4.jpg 10KB
icons.svg 1KB t3.jpg 17KB nav.png 3KB arrows.png 4KB g4.jpg 25KB s2.jpg 11KB t1.jpg 13KB bg.jpg 37KB move-top.png 3KB b-pic.png 410KB g6.jpg 33KB s3.jpg 9KB s1.jpg 13KB g3.jpg 39KB bg2.jpg 18KB g2.jpg 34KB fonts glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.woff2 18KB glyphicons-halflings-regular.eot 20KB
index.html 18KB js jquery-1.11.1.min.js 94KB responsiveslides.min.js 3KB jquery.swipebox.min.js 7KB jquery.flexisel.js 8KB s.jpg 20KB资源评论
