296 lines
10 KiB
HTML
296 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>页面详情</title>
|
|
<link rel="stylesheet" href="css/footer.css">
|
|
<link rel="stylesheet" href="css/header.css">
|
|
<link rel="stylesheet" href="css/detail.css">
|
|
<link rel="shortcut icon" href="images/camera.ico">
|
|
<link rel="stylesheet" href="css/index1.1.css">
|
|
|
|
</head>
|
|
<body>
|
|
<!--头部-->
|
|
<div id="header">
|
|
<!--顶部 登录-->
|
|
<div class="header_top">
|
|
<!-- 中部 -->
|
|
<div class="header_top_center">
|
|
<!-- 中部左侧 -->
|
|
<div class="h_top_left">
|
|
欢迎来到未命名图库
|
|
</div>
|
|
<!-- 中部右侧-->
|
|
<div class="h_top_right">
|
|
<a href="login.html">登录</a>
|
|
<a href="regist.html">免费注册</a>
|
|
<a href="#">购物车</a>
|
|
<a href="#">我的订单</a>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
<!-- 中部搜索-->
|
|
<div class="header_center">
|
|
<!-- 中部左边logo-->
|
|
<div class="h_c_logo">
|
|
<img src="images/logo.png" alt="">
|
|
</div>
|
|
<div class="h_c_search">
|
|
<form action="#">
|
|
<input type="text" placeholder="请输入..." class="t_input">
|
|
<input type="submit" class="t_button" value="搜索">
|
|
</form>
|
|
|
|
<div class="hot">
|
|
<a href="#">山川</a>
|
|
<a href="#">沙漠</a>
|
|
<a href="#">星空</a>
|
|
<a href="#">静物</a>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- 中部右边二维码-->
|
|
<div class="h_c_code">
|
|
<img src="images/code.jpg" alt="">
|
|
</div>
|
|
</div>
|
|
<!--底部导航 -->
|
|
<div class="nav">
|
|
<ul>
|
|
<li><a href="index.html">首页</a></li>
|
|
<li><a href="detail.html">最新图片</a></li>
|
|
<li><a href="detail.html">最热图片</a></li>
|
|
<li><a href="detail.html">山川湖海</a></li>
|
|
<li><a href="detail.html">大漠孤烟</a></li>
|
|
<li><a href="detail.html">人像精选</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!--面包屑导航-->
|
|
<!--<div id="bread_crumb">-->
|
|
<!-- <div class="bread_center">-->
|
|
<!-- <a href="1.0/index.html">首页</a>-->
|
|
<!-- <small>></small>-->
|
|
<!-- <a href="#">运动户外</a>-->
|
|
<!-- <small>></small>-->
|
|
<!-- <a href="#">运动服饰</a>-->
|
|
<!-- </div>-->
|
|
<!--</div>-->
|
|
|
|
<!--详情展示-->
|
|
<!--精选图片-->
|
|
<div id="ms">
|
|
<div class="ms_top">
|
|
<span>精选图片</span>
|
|
<span>总有一副让你怦然心动</span>
|
|
</div>
|
|
<div class="ms_body">
|
|
<div class="ms_body_left">
|
|
<ul>
|
|
|
|
<li>
|
|
<a href="">
|
|
<img src="images/gallery/01.jpg" alt="">
|
|
<p class="name">一个好听的名字</p>
|
|
<div class="photoby">
|
|
<img src="images/camera.jpg " width="10" height="10" alt=""/>
|
|
<p>lzh</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<img src="images/gallery/02.jpg" alt="">
|
|
<p class="name">一个好听的名字</p>
|
|
<div class="photoby">
|
|
<img src="images/camera.jpg " width="10" height="10" alt=""/>
|
|
<p>lzh</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<img src="images/gallery/03.jpg" alt="">
|
|
<p class="name">一个好听的名字</p>
|
|
<div class="photoby">
|
|
<img src="images/camera.jpg " width="10" height="10" alt=""/>
|
|
<p>lzh</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<img src="images/gallery/04.jpg" alt="">
|
|
<p class="name">一个好听的名字</p>
|
|
<div class="photoby">
|
|
<img src="images/camera.jpg " width="10" height="10" alt=""/>
|
|
<p>lzh</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="">
|
|
<img src="images/gallery/05.jpg" alt="">
|
|
<p class="name">一个好听的名字</p>
|
|
<div class="photoby">
|
|
<img src="images/camera.jpg " width="10" height="10" alt=""/>
|
|
<p>lzh</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="ms_body_center">
|
|
<ul>
|
|
<li>
|
|
<a href="">
|
|
<img src="images/gallery/06.jpg" alt="">
|
|
<p class="name">一个好听的名字</p>
|
|
<div class="photoby">
|
|
<img src="images/camera.jpg " width="10" height="10" alt=""/>
|
|
<p>lzh</p>
|
|
</div>
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<img src="images/gallery/07.jpg" alt="">
|
|
<p class="name">一个好听的名字</p>
|
|
<div class="photoby">
|
|
<img src="images/camera.jpg " width="10" height="10" alt=""/>
|
|
<p>lzh</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<img src="images/gallery/08.jpg" alt="">
|
|
<p class="name">一个好听的名字</p>
|
|
<div class="photoby">
|
|
<img src="images/camera.jpg " width="10" height="10" alt=""/>
|
|
<p>lzh</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<img src="images/gallery/09.jpg" alt="">
|
|
<p class="name">一个好听的名字</p>
|
|
<div class="photoby">
|
|
<img src="images/camera.jpg " width="10" height="10" alt=""/>
|
|
<p>lzh</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<img src="images/gallery/10.jpg" alt="">
|
|
<p class="name">一个好听的名字</p>
|
|
<div class="photoby">
|
|
<img src="images/camera.jpg " width="10" height="10" alt=""/>
|
|
<p>lzh</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="ms_body_right">
|
|
<ul>
|
|
<li>
|
|
<a href="">
|
|
<img src="images/gallery/11.jpg" alt="">
|
|
<p class="name">一个好听的名字</p>
|
|
<div class="photoby">
|
|
<img src="images/camera.jpg " width="10" height="10" alt=""/>
|
|
<p>lzh</p>
|
|
</div>
|
|
</a>
|
|
|
|
|
|
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<img src="images/gallery/12.jpg" alt="">
|
|
<p class="name">一个好听的名字</p>
|
|
<div class="photoby">
|
|
<img src="images/camera.jpg " width="10" height="10" alt=""/>
|
|
<p>lzh</p>
|
|
</div>
|
|
</a>
|
|
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<img src="images/gallery/13.jpg" alt="">
|
|
<p class="name">一个好听的名字</p>
|
|
<div class="photoby">
|
|
<img src="images/camera.jpg " width="10" height="10" alt=""/>
|
|
<p>lzh</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<img src="images/gallery/14.jpg" alt="">
|
|
<p class="name">一个好听的名字</p>
|
|
<div class="photoby">
|
|
<img src="images/camera.jpg " width="10" height="10" alt=""/>
|
|
<p>lzh</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<img src="images/gallery/15.jpg" alt="">
|
|
<p class="name">一个好听的名字</p>
|
|
<div class="photoby">
|
|
<img src="images/camera.jpg " width="10" height="10" alt=""/>
|
|
<p>lzh</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--翻页按钮-->
|
|
<div class="page-icon">
|
|
<span class="page-disabled"><i></i>上一页</span>
|
|
<span class="page-current">1</span>
|
|
<a href="#">2</a>
|
|
<a href="#">3</a>
|
|
<a href="#">4</a>
|
|
<a href="#">5</a>
|
|
<a href="#">6</a>
|
|
<a href="#">7</a>
|
|
……
|
|
<a href="#">...</a>
|
|
<a href="#">10</a>
|
|
<a class="page-next" href="#">下一页<i></i></a>
|
|
</div>
|
|
<!--尾部-->
|
|
<div id="footer">
|
|
<div class="link">
|
|
<a href="">关于我们</a>
|
|
|
|
|
<a href="">联系我们</a>
|
|
|
|
|
<a href="">商家入驻</a>
|
|
|
|
|
<a href="">友情链接</a>
|
|
|
|
|
</div>
|
|
<div class="copyright">
|
|
Copyright © 1999 - 2020 LZH. All Rights Reserved.
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |