forked from wuzhiyi/guide-to-the-douban
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
44 lines (44 loc) · 2.91 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta http-equiv="content-type" content="text/html"; charset="UTF-8">
<title>豆瓣漫游指南</title>
<meta content="豆瓣提供图书、电影、音乐唱片的推荐、评论和价格比较，以及城市独特的文化生活。" name="description">
<link rel="shortcut icon" href="images/icon.ico">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="global-nav" class="global-nav">
<div class="global-nav-link"><a href="" style="position:absolute; left:12px; top:9px">好看党</a></div>
<div class="global-nav-link"><a href="" style="position:absolute; left:72px; top:9px">黄图党</a></div>
<div class="global-nav-link"><a href="" style="position:absolute; left:132px; top:9px">话唠党</a></div>
<div class="global-nav-link"><a href="" style="position:absolute; left:192px; top:9px">干货党</a></div>
<div class="global-nav-link"><a href="" style="position:absolute; left:252px; top:9px">文学党</a></div>
<div class="global-nav-link"><a href="" style="position:absolute; left:312px; top:9px">艺术党</a></div>
<div class="global-nav-link"><a href="" style="position:absolute; left:372px; top:9px">豆瓣小组</a></div>
</div>
<div id="nav" class="nav">
<div class="nav-logo">
<a href="https://www.github.com/wuzhiyi/haipengs-guide-to-the-douban" target="_blank"><img src="images/nav-logo.png" style="position:absolute; left:160px; top:45px" /></a>
</div>
<div class="nav-link"><a href="index.html" style="position:absolute; left:500px; top:55px">首页</a></div>
<div class="nav-link"><a href="document.html" style="position:absolute; left:600px; top: 55px;">文档</a></div>
<div class="nav-link"><a href="" style="position:absolute; left:700px; top: 55px;">开发者</a></div>
</div>
<div class="item" style="position:absolute; top:114px; left:12px;">
<a href="https://www.douban.com/people/Iris.he/" target="_blank"><img src="images/avatar-iris.png" /></a>
</div>
<div class="item" style="position:absolute; top:114px; left:272px;">
<a href="https://www.douban.com/people/nodiamond/" target="_blank"><img src="images/avatar-mociyuejing.png" /></a>
</div>
<div class="item" style="position:absolute; top:114px; left:532px;">
<a href="https://www.douban.com/people/47109910/" target="_blank"><img src="images/avatar-qinaidediren.png" /></a>
</div>
<div class="item" style="position:absolute; top:114px; left:792px;">
<a href="https://www.douban.com/people/58610246/" target="_blank"><img src="images/avatar-zhangxiaochan.png" /></a>
</div>
<div class="item" style="position:absolute; top:114px; left:1052px;">
<a href="https://www.douban.com/people/tsaochen/" target="_blank"><img src="images/avatar-zhongdabaicaide.png" /></a>
</div>
</body>
</html>