<!--
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
- 粉丝: 1w+
- 资源: 2157
最新资源
- (源码)基于Qt和AVR的FestosMechatronics系统终端.zip
- (源码)基于Java的DVD管理系统.zip
- (源码)基于Java RMI的共享白板系统.zip
- (源码)基于Spring Boot和WebSocket的毕业设计选题系统.zip
- (源码)基于C++的机器人与船舶管理系统.zip
- (源码)基于WPF和Entity Framework Core的智能货架管理系统.zip
- SAP Note 532932 FAQ Valuation logic with active material ledger
- (源码)基于Spring Boot和Redis的秒杀系统.zip
- (源码)基于C#的计算器系统.zip
- (源码)基于ESP32和ThingSpeak的牛舍环境监测系统.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
