黃色簡潔風格的新娘婚禮策劃整站網站源碼下載



9 33 12



模板描述:黃色簡潔風格 新娘婚禮策劃 整站網站,黃色簡潔風格的新娘婚禮策劃整站網站源碼下載html模板下載

代碼結構

1. 引入CSS

<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<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'>

2. 引入JS

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="js/jquery.min.js"></script>
<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 src="js/responsiveslides.min.js"></script>

3. HTML代碼

		<!--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>
					// 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 class="container">
				<h3>Latest News</h3>
				<div class="news-grids">
					<div class="col-md-4 news-grids-info">
						<h4>Jan 09,2014</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 </p>
						<div class="more">		
							<a href="read-more.html">Read More</a>
						</div>	
					</div>
					<div class="col-md-4 news-grids-info">
						<h4>Oct 24,2014</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 </p>
						<div class="more">		
							<a href="read-more.html">Read More</a>
						</div>	
					</div>
					<div class="col-md-4 news-grids-info">
						<h4>Aug 19,2014</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 </p>
						<div class="more">		
							<a href="read-more.html">Read More</a>
						</div>	
					</div>
					<div class="clearfix"></div>
				</div>	
			</div>
		</div>
		<!--//news-->	
		<!--footer-->
		<div class="footer">
			<div class="footer-info">
				<div class="container">
					<div class="footer-grids">
						<div class="col-md-4 footer-grids-info connected">
							<h3>Stay Connected</h3>
							<form>
								<ul>
									<li class="button"><input type="text" placeholder="Email" required=""></li>
									<li><input type="submit" value="submit"></li>
								</ul>
							</form>			
						</div>
						<div class="col-md-2 footer-grids-info map">
							<h3>Map</h3>
							<ul>
								<li><a href="#">Globel Exclusive</a></li>
								<li><a href="#">Download map</a></li>
								<li><a href="#"></a></li>
							</ul>				
						</div>
						<div class="col-md-3 footer-grids-info">
							<h3>Contact</h3>
							<ul>
								<li>Phone 1 :+1 234 876 9087</li>
								<li>Phone 2 :+1 234 876 5476</li>
							</ul>			
						</div>
						<div class="col-md-3 footer-logo">
							<a href="index.html"><img src="images/footer-logo.png"/></a>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>	
			<div class="footer-bottom">
				<div class="container">
					<div  class="social-icons">
						<ul>
							<li><a href="#"></a></li>
							<li><a class="twit" href="#"></a></li>
							<li><a class="rss" href="#"></a></li>
						</ul>
					</div>
					<div class="copy-right">
						<p>? 2015 All rights reserved | Design by <a href="http://w3layouts.com/"> W3layouts</a></p>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		<!--//footer-->
		<script type="text/javascript">
									$(document).ready(function() {
										/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/
										$().UItoTop({ easingType: 'easeOutQuart' });
									});
								</script>
					<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
	<!--//smooth-scrolling-of-move-up-->		



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 行業 企業 公司 工廠 分類 響應式 自適應 設備 風格 顏色 企業 行業 公司 工廠 bootstrap bootstrap自適應 bootstrap響應式 pc+wap 移動+電腦 手機+電腦 簡潔 簡約 簡單 黃色 婚慶 婚慶公司 寬屏 全屏 滿屏
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

湖北30选5开奖结果走势图表