<!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
需积分: 0 110 浏览量
2023-09-10
10:34:30
上传
评论
收藏 915KB RAR 举报
红酒专卖店宽屏设计公司网页模板_红酒专卖店宽屏设计公司酒红色葡萄酒css3单页.rar （36个子文件） 
g3.jpg 39KB
style.css 35KB g2.jpg 34KB b.jpg 32KB jquery.swipebox.min.js 7KB wel.jpg 40KB responsiveslides.min.js 3KB glyphicons-halflings-regular.woff 23KB s1.jpg 13KB glyphicons-halflings-regular.eot 20KB S4.jpg 10KB s2.jpg 11KB glyphicons-halflings-regular.woff2 18KB t3.jpg 17KB
b-pic.png 410KB social.png 5KB g6.jpg 33KB t1.jpg 13KB nav.png 3KB arrows.png 4KB bg.jpg 37KB bootstrap.css 118KB
icons.svg 1KB move-top.png 3KB g5.jpg 33KB swipebox.css 4KB
index.html 18KB jquery-1.11.1.min.js 94KB t2.jpg 21KB gallery.css 4KB g4.jpg 25KB bg2.jpg 18KB s3.jpg 9KB s.jpg 20KB jquery.flexisel.js 8KB g1.jpg 24KB资源评论
