-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmark.html
138 lines (137 loc) · 3.94 KB
/
mark.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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="Keywords" content="何燕珠，前端开发" />
<meta name="Description" content="何燕珠，前端开发" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="js/googledock.1.0.0.js"></script>
<title>我的标签</title>
<!--[if IE 6]>
<script src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
//png图片兼容处理
DD_belatedPNG.fix('.logo img');
</script>
<![endif]-->
<link href="image/me.ico" rel="shortcut icon"type="image/png" />
<link href="css/top.css" rel="Stylesheet" type="text/css" media="screen" />
<link href="css/mark.css" rel="stylesheet" type="text/css" media="screen" />
<script>
$(function(){
if(window.ActiveXObject){
$('.list li img').remove();
$('.list li').css({"width":"auto","height":"auto"});
}
});
</script>
</head>
<body>
<div class="top">
<div class="top-inner">
<div class="logo"><img src="image/mylogo.png" alt="何燕珠--前端开发" /></div>
<div class="nav">
<div class="dock_container">
<a class="dock_item" href="index.html"><span>我的首页</span><img src="image/dock/home.png" alt="我的首页" /></a>
<a class="dock_item" href="work.html"><span>我的经验</span><img src="image/dock/portfolio.png" alt="我的经验" /></a>
<a class="dock_item" href="book.html"><span>我的书架</span><img src="image/dock/book.png" alt="我的书架" /></a>
<a class="dock_item" href="index.html"><span>我的简历</span><img src="image/dock/calendar.png" alt="我的简历" /></a>
<a class="dock_item" href="contact.html"><span>与我联系</span><img src="image/dock/email.png" alt="与我联系" /></a>
</div>
</div><!--end of nav-->
</div>
</div><!--end of top-->
<div class="main">
<h2>我的标签</h2>
<div class="main_content">
<ul class="list">
<li>
<img src="image/mask/01_iron_man_2.jpg" />
<div class="info">
<h3>JS</h3>
</div>
</li>
<li>
<img src="image/mask/02_the_last_airbender.jpg" />
<div class="info">
<h3>nodeJS</h3>
</div>
</li>
<li>
<img src="image/mask/03_tron_legacy.jpg" />
<div class="info">
<h3>MVC</h3>
</div>
</li>
<li>
<img src="image/mask/01_iron_man_2.jpg" />
<div class="info">
<h3>Sass</h3>
</div>
</li>
<li>
<img src="image/mask/01_iron_man_2.jpg" />
<div class="info">
<h3>CSS模块化</h3>
</div>
</li>
<li>
<img src="image/mask/02_the_last_airbender.jpg" />
<div class="info">
<h3>Ajax</h3>
</div>
</li>
<li>
<img src="image/mask/03_tron_legacy.jpg" />
<div class="info">
<h3>HTML5</h3>
</div>
</li>
<li>
<img src="image/mask/01_iron_man_2.jpg" />
<div class="info">
<h3>CSS3</h3>
</div>
</li>
<li>
<img src="image/mask/02_the_last_airbender.jpg" />
<div class="info">
<h3>响应式设计</h3>
</div>
</li>
<li>
<img src="image/mask/03_tron_legacy.jpg" />
<div class="info">
<h3>jQuery Mobile</h3>
</div>
</li>
<li>
<img src="image/mask/01_iron_man_2.jpg" />
<div class="info">
<h3>设计模式</h3>
</div>
</li>
<li>
<img src="image/mask/03_tron_legacy.jpg" />
<div class="info">
<h3>Asp.net</h3>
</div>
</li>
<li>
<img src="image/mask/01_iron_man_2.jpg" />
<div class="info">
<h3>SQL SERVER</h3>
</div>
</li>
<li>
<img src="image/mask/02_the_last_airbender.jpg" />
<div class="info">
<h3>前端优化</h3>
</div>
</li>
</ul>
</div><!--end of main_content-->
</div><!--end of main-->
<script type="text/javascript" src="js/nav.js"></script>
</body>
</html>