黄色欧美风格的邮件订阅上线页源码下载



12 45 16



模板描述:黄色欧美风格 邮件订阅 上线页,黄色欧美风格的邮件订阅上线页源码下载html模板下载

代码结构

1. 引入CSS

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

2. 引入JS

<script  src="js/jquery-1.12.3.min.js" integrity="sha256-aaODHAgvwQW1bFOGXMeX+pC4PZIPsvn2h1sArYOhgXQ="crossorigin="anonymous"></script>
<script type="text/javascript" src="js/moment.js"></script>
<script type="text/javascript" src="js/moment-timezone-with-data.js"></script>
<script type="text/javascript" src="js/timer.js"></script>

3. HTML代码

	<div class="content">
			<div class="main agile">
			<h1>Flat Coming Soon Widget</h1>
				<div class="clock w3agile">
            <div class="column days">
                <div class="timer" id="days"></div>
                <div class="text">DAYS</div>
            </div>
            <div class="column">
                <div class="timer" id="hours"></div>
                <div class="text">HOURS</div>
            </div>
            <div class="column">
                <div class="timer" id="minutes"></div>
                <div class="text">MINUTES</div>
            </div>
            <div class="column">
                <div class="timer" id="seconds"></div>
                <div class="text">SECONDS</div>
            </div>
        </div>
		 <!-- Custom-JavaScript-File-Links -->
    <!-- //Custom-JavaScript-File-Links -->
				<div class="subscribe wthree">
				<h2>Subscribe to Our Newsletter</h2>
					<div class="contact-form">
						<form action="#" method="post">
							<input type="email" value="Email" name="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" required="">	
							<input type="submit" value="Subscribe">	
							<div class="clear"></div>
						</form>
					</div>
				</div>
    </div>
			</div>
		<p class="copy_rights">&copy; 2016 Flat Coming Soon Widget. All Rights Reserved | Design by  <a href="http://www.51qianduan.com//">xmoban.cn</a></p>
	</div>



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


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

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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