<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!doctype html>
<html>
<head>
<title>Bride a wedding category Flat bootstrap Responsive website Template | Home :: w3layouts</title>
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<!--web-font-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
<!--//web-font-->
<!-- Custom Theme files -->
<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="Bride 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>
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- //Custom Theme files -->
<!-- js -->
<script src="js/jquery.min.js"></script>
<!-- //js -->
<!-- start-smoth-scrolling-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="js/modernizr.custom.53451.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>
<!--//end-smoth-scrolling-->
</head>
<body>
<!--banner-->
<div class="banner">
<div class="header">
<div class="container">
<div class="header-logo">
<a href="index.html"><img src="images/logo.png" alt="logo"/></a>
</div>
<div class="top-nav">
<span class="menu"></span>
<ul class="nav1">
<li><a href="index.html" class="active">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!-- script-for-menu -->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!-- /script-for-menu -->
<div class="clearfix"></div>
</div>
</div>
<!-- banner-text Slider starts Here -->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider3").responsiveSlides({
auto: true,
pager:true,
nav:false,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!--//End-slider-script -->
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider3">
<li>
<div class="banner-title">
<h2>Quisque sodales tempus elit</h2>
<p>Quisque sodales tempus elit, sit amet dictum nunc faucibus ut sit amet sapien eros Integer.
Nulla quam libero obortis ac ullamcorper</p>
<div class="read-more">
<a href="read-more.html">Read More</a>
</div>
</div>
</li>
<li>
<div class="banner-title">
<h2>Sit amet sapien eros integer</h2>
<p>Nulla quam libero obortis ac ullam corper Quisque sodales tempus elit,
sit amet dictum nunc faucibus ut sit amet sapien eros Integer. </p>
<div class="read-more">
<a href="read-more.html">Read More</a>
</div>
</div>
</li>
<li>
<div class="banner-title">
<h2>Sodales tempus elit</h2>
<p>Sit amet dictum nunc faucibus ut Quisque sodales tempus elit, sit amet sapien eros Integer.
Nulla quam libero obortis ac ullamcorper</p>
<div class="read-more">
<a href="read-more.html">Read More</a>
</div>
</div>
</li>
</ul>
</div>
</div>
<!--//banner-->
<!--banner-bottom-->
<div class="banner-bottom">
<div class="container">
<div class="welcome">
<div class="col-md-6 welcome-info">
<h2>Welcome !</h2>
<h4>Aenean pulvinar ac enim et posuere. Quisque sollicitudin faucibus
orci, a ultrices tortor. Nulla vulputate justo at metus ornare convallis.
Praesent eleifend, libero eget ultrices auctor</h4>
<p>In sit amet sapien eros. Integer in tincidunt velit. Ut sapien est, molestie
sit amet metus sit amet, malesuada gravida ex. In hac habitasse platea
dictumst. Aliquam iaculis feugiat ipsum, nec ultricies ipsum scelerisque
id Praesent lacinia tempor nisi, id rhoncus nisi scelerisque id. I
nteger eu sem ipsum</p>
</div>
<div class="col-md-6 welcome-pic ">
<img src="images/boque.jpg" alt="boque"/>
</div>
<div class="clearfix"></div>
</div>
<div class="features-grids">
<div class="col-md-4 features-grids-left">
<img src="images/image1.jpg" alt="bride"/>
<h4>Aenean pulvinar ac enim et posuere. Praesent eleifend,
libero eget ultrices auctor</h4>
<p>In sit amet sapien eros. Integer in tincidunt velit. Ut sapien est,
molestie sit amet metussit amet, malesuada gravida ex. In hac habita
sse platea dictumst. Aliquam iaculis feugiat </p>
<div class="more">
<a href="read-more.html">Read More</a>
</div>
</div>
<div class="col-md-4 features-grids-left">
<img src="images/image2.jpg" alt="bride"/>
<h4>Aenean pulvinar ac enim et posuere. Praesent eleifend,
libero eget ultrices auctor</h4>
<p>In sit amet sapien eros. Integer in tincidunt velit. Ut sapien est,
molestie sit amet metussit amet, malesuada gravida ex. In hac habita
sse platea dictumst. Aliquam iaculis feugiat </p>
<div class="more">
<a href="read-more.html">Read More</a>
</div>
</div>
<div class="col-md-4 features-grids-right">
<h3>Features</h3>
<ul>
<li><a href="#">Nulla vulputate justo at metus ornare </a></li>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Aliquam erat volutpat. Nunc lectus odio</a></li>
<li><a href="#">Donec at blandit urna. Sed blandit dolor</a></li>
<li><a href="#">Quisque sodales tempus elit, sit amet</a></li>
<li><a href="#">Phasellus suscipit lobortis eros, id ullamc</a></li>
<li><a href="#">Quisque commodo urna quis velit aliqu</a></li>
<li><a href="#">Etiam fermentum, leo et sagittis eleifend</a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--//banner-bottom-->
<!--slid-->
<div class="slid">
<div class="slid-text">
<h3>HOT OFFER</h3>
<h4>FOR YOUR BEST DAY !</h4>
<div class="more slid-more">
<a href="read-more.html">Read More</a>
</div>
</div>
</div>
<!--//slid-->
<!--news-->
<div class="news">
<div c
【web课设】最美新娘婚礼策划响应式网页-HTML源码.7z （42个子文件） 
【web课设】最美新娘婚礼策划响应式网页-HTML源码 html js 
responsiveslides.min.js 3KB modernizr.custom.53451.js 9KB easing.js 5KB move-top.js 1KB modernizr.custom.js 9KB jquery.min.js 92KB css style.css 36KB demo.css 2KB component.css 22KB normalize.css 2KB bootstrap.css 118KB
read-more.html 10KB index.html 11KB contact.html 7KB about.html 8KB images 
image1.jpg 8KB boque.jpg 18KB img6.jpg 22KB image2.jpg 13KB banner.jpg 176KB
logo.png 5KB slid.jpg 244KB img5.jpg 17KB img13.jpg 9KB img10.jpg 14KB move-up.png 3KB img4.jpg 23KB img15.jpg 109KB menu-icon.png 3KB footer-logo.png 2KB img7.jpg 34KB img-sprite.png 5KB img3.jpg 18KB img8.jpg 18KB img11.png 215KB icons.png 4KB img14.jpg 14KB banner2.jpg 53KB img12.jpg 12KB img9.jpg 43KB blog.html 5KB gallery.html 9KB资源评论
master_chenchengg
- 粉丝: 9783
- 资源: 2157
最新资源
- 基于以太网的交通信号灯控制系统毕业设计项目.zip
- RFD16N06SM9A-VB一款N-Channel沟道TO252的MOSFET晶体管参数介绍与应用说明
- RFD16N06LESM-VB一款N-Channel沟道TO252的MOSFET晶体管参数介绍与应用说明
- 2024多电商平台礼物回收-优惠券商城-一键回收优惠券秒杀拼团限时折扣回收商城源码
- Winform控件基础与进阶-DataGridView
- 缺陷检测-辣条包装袋缺陷检测算法实现-工业视觉-优质项目实战.zip
- RFD16N06LESM9A-VB一款N-Channel沟道TO252的MOSFET晶体管参数介绍与应用说明
- 达梦数据库逻辑备份与回复
- 《HormonyOSNEXT之天气应用图片资源》
- 【博弈强化学习】-不完全信息下基于MADRL的无人机群非合作博弈
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
