绿色简洁风格的网站建设上线倒计时页源码下载



14 55 19



模板描述:绿色简洁风格 网站建设 上线倒计时页,绿色简洁风格的网站建设上线倒计时页源码下载html模板下载

代码结构

1. 引入CSS

<link href="css/style.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="css/jquery.countdown.css" />
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,700,800,600,300' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>

2. 引入JS

<script src="js/jquery.min.js"></script>
<script src="js/responsiveslides.min.js"></script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script src="js/jquery.countdown.js"></script>
<script src="js/script.js"></script>

3. HTML代码

	<div class="w3layouts-banner-slider">
			<div class="container">
				<div class="slider">
					<div class="callbacks_container">
						<ul class="rslides callbacks callbacks1" id="slider4">
							<li>
								<div class="agileits-banner-info">
									<div class="banner-dot"></div>
								</div>
							</li>
							<li>
								<div class="agileits-banner-info agileits-banner-info1">
									<div class="banner-dot"></div>
								</div>
							</li>
							<li>
								<div class="agileits-banner-info agileits-banner-info2">
									<div class="banner-dot"></div>
								</div>
							</li>
							<li>
								<div class="agileits-banner-info agileits-banner-info3">
									<div class="banner-dot"></div>
								</div>
							</li>
							<li>
								<div class="agileits-banner-info agileits-banner-info4">
									<div class="banner-dot"></div>
								</div>
							</li>
							<li>
								<div class="agileits-banner-info agileits-banner-info5">
									<div class="banner-dot"></div>
								</div>
							</li>
							<li>
								<div class="agileits-banner-info agileits-banner-info6">
									<div class="banner-dot"></div>
								</div>
							</li>
							<li>
								<div class="agileits-banner-info agileits-banner-info7">
									<div class="banner-dot"></div>
								</div>
							</li>
							<li>
								<div class="agileits-banner-info agileits-banner-info8">
									<div class="banner-dot"></div>
								</div>
							</li>
						</ul>
					</div>
					<script>
						// You can also use "$(window).load(function() {"
						$(function () {
						  // Slideshow 4
						  $("#slider4").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>
					<!--banner Slider starts Here-->
				</div>
			</div>
	</div>
    <div class="bg agile">
     	<div class="container">
			<div class="main">
				<div class="header">
					<h1>Our <span>new Website</span> is <span>Coming</span> soon</h1>
				</div>
				<div class="content">
					<div class="content2">
						<div class="timer_wrap">
							<div id="counter"> </div>		
						</div>
					</div>
					<div class="content3">
						<p>Mauris sed hendrerit massa. Etiam fringilla bibendum ligula id maximus. 
							Integer sit amet ipsum nullaVe stibulum consequat risus sed orci tristique, 
							eu lacinia eros congue. Nullam vehicula porta cursus. Sedlacinia justo nec 
							tortor elementum vestibulum</p>	
						<h2>Notify Me!</h2>						
								<form>
								<input type="email" placeholder="Enter email to get notified.." required="">
								<button class="btn span btn-4 btn-4a icon-arrow-right"><span></span></button>
												<div id="response"></div>
											</form>
					</div>
				</div>
				<div class="footer">
					<p>2017 © Section Under Construction. All Rights Reserved | Design by <a href="http://www.51qianduan.com/" target="_blank">xmoban.cn</a></p>
				</div>
			</div>
        </div>
   </div>
   <!-- ad -->
<div class="container">
<!-- 自适应广告 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1112982054462406"
     data-ad-slot="7771152246"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<!-- /ad -->
<!--js-->
<!--js-->



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 分类 响应式 自适应 设备 风格 颜色 bootstrap bootstrap自适应 bootstrap响应式 欧美风 欧美 欧洲 美洲 pc+wap 移动+电脑 手机+电脑 绿色 简洁 简约 简单 其他页 其他站

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到