绿色欧美风格的简易错误页源码下载



14 55 19



模板描述:绿色欧美风格 简易 错误页,绿色欧美风格的简易错误页源码下载html模板下载

代码结构

1. 引入CSS

<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="//fonts.googleapis.com/css?family=Righteous&subset=latin-ext" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&subset=latin-ext,vietnamese" rel="stylesheet">

2. 引入JS

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

3. HTML代码

	<div class="main">
		<h1>Easy Error Widget</h1>
		<div class="w3_agile_main_grid">
			<h3><span>xmoban.cn</span> presents</h3>
			<h2>404 ERROR</h2>
			<p>Oooooops! Looks like nothing was found at this location.</p>
			<form action="#" method="post" class="agile_form">
				<input type="text" name="Text" placeholder="Type here..." required="">
				<input type="submit" value="Send">
			</form>
			<div class="agileits_w3layouts_main_grids">
				<div class="w3_agileits_main_grid_left">
					<ul class="wthree_nav">
						<li><a href="index.html">Home</a></li>
						<li><a href="index.html">About</a></li>
						<li><a href="index.html">Contact Us</a></li>
					</ul>
				</div>
				<div class="w3_agileits_main_grid_right">
					<ul class="agileinfo_social_icons">
						<li><a href="#" class="agileits_facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
						<li><a href="#" class="w3ls_twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
						<li><a href="#" class="w3l_instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
						<li><a href="#" class="w3_google"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
						<li><a href="#" class="w3layouts_dribble"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
					</ul>
				</div>
				<div class="clear"> </div>
			</div>
		</div>
		<div class="agileits_copyright">
			<p>© 2017 Easy Error Widget. All rights reserved | Design by <a href="http://www.51qianduan.com//">xmoban.cn</a></p>
		</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 -->



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


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

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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