蓝色欧美风格的404错误页源码下载



12 45 16



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

代码结构

1. 引入CSS

<link rel="stylesheet" href="css/style.css">
<link href='//fonts.googleapis.com/css?family=Josefin+Sans:400,100,100italic,300,300italic,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>

2. 引入JS

<script src="js/jquery-1.11.1.min.js"></script>

3. HTML代码

	<div class="main">
		<div class="agile">
			<div class="agileits_main_grid">
				<div class="agileits_main_grid_left">
					<h1>Company Name</h1>
				</div>
				<div class="agileits_main_grid_right">
					<div class="menu">
						<span class="menu-icon"><a href="#"><img src="images/menu-icon.png" alt=""></a></span>	
							<ul class="nav1">
								<li><a href="#">Home</a></li>
								<li><a href="#">About</a></li>
								<li><a href="#">Services</a></li>
								<li><a href="#">Gallery</a></li>
								<li><a href="#">Contact</a></li>
							</ul> 	
							<!-- script-for-menu -->
							 <script>
							   $( "span.menu-icon" ).click(function() {
								 $( "ul.nav1" ).slideToggle( 300, function() {
								 // Animation complete.
								  });
								 });
							</script>
							<!-- /script-for-menu -->
					</div>
				</div>
				<div class="clear"> </div>
			</div>
			<div class="w3l">
				<div class="text">
					<h1>PAGE NOT FOUND</h1>	
					<p>You have been tricked into click on a link that can not be found. Please check the url or go to <a href="#">main page</a> and see if you can locate what you are looking for</p>
				</div>
				<div class="image">
					<img src="images/smile.png">
				</div>
				<div class="clear"></div>
			</div>
				<div class="footer">
					<p>&copy; 2016 Flat Error Page. All Rights Reserved | Design by <a href="http://www.51qianduan.com/">xmoban.cn</a></p>
				</div>
				<div class="wthree">
					<div class="back">
						<a href="#">Back to home</a>
					</div>
					<div class="social-icons w3agile">
						<ul>
							<li>Follow us on :</li>
							<li><a href="#" class="facebook"><img src="images/fb.png" title="facebook" alt="facebook"></a></li>
							<li><a href="#" class="twitter"><img src="images/tw.png" title="twitter" alt="twitter"></a></li>
							<li><a href="#" class="googleplus"><img src="images/gp.png" title="googleplus" alt="googleplus"></a></li>
							<div class="clear"></div>
						</ul>	
					</div>
					<div class="clear"></div>
				</div>
		</div>
	</div>



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


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

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

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

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