-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
103 lines (103 loc) · 4.13 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
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
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>DOM编程艺术demos</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="public-header">
<div class="public-container clearfloat">
<div class="header-logo">
<a href="index.html"></a>
</div>
<ul class="header-nav clearfloat">
<li class="item"><a href="http://v2ss.net/users/aff.php?aff=1462" target="_blank">V2SS</a></li>
<li class="item"><a href="http://aldrichfork.com/" target="_blank">Blog</a></li>
<li class="item"><a href="mailto:aldrich.fork@live.com">Connect me</a></li>
</ul>
</div>
</div>
<div class="index-banner">
<div class="index-banner-bg"><img src="http://wx4.sinaimg.cn/large/006yWssMly1fhbdodgnfsj31hc0kan78.jpg" alt="banner" /></div>
<div class="index-banner-text">
<div class="text-logo"></div>
<p class="text-info">
<i class="line"></i>
<span class="txt">临渊羡鱼 不如退而结网</span>
<i class="line"></i>
</p>
</div>
</div>
<div class="index-menu">
<div class="menu-tips">Task List</div>
<div class="public-container menu-list">
<ul class="clearfloat">
<li class="menu-item">
<a href="demo1/DEMO1.html">DOM编程艺术 DEMO 01</a>
</li>
<li class="menu-item">
<a href="demo2/DEMO2.html">DOM编程艺术 DEMO 02</a>
</li>
<li class="menu-item">
<a href="demo3/DEMO3.html">DOM编程艺术 DEMO 03</a>
</li>
<li class="menu-item">
<a href="demo4/ajax.html">DOM编程艺术 DEMO 04</a>
</li>
<li class="menu-item">
<a href="demo5/demo5.html">DOM编程艺术 DEMO 05</a>
</li>
<li class="menu-item">
<a href="demo6/demo6.html">DOM编程艺术 DEMO 06</a>
</li>
<li class="menu-item">
<a href="demo7/demo7.html">DOM编程艺术 DEMO 07</a>
</li>
<li class="menu-item">
<a href="demo8/demo8.html">DOM编程艺术 DEMO 08</a>
</li>
<li class="menu-item">
<a href="demo9/demo9.html">DOM编程艺术 DEMO 09</a>
</li>
</ul>
</div>
</div>
<div class="public-container index-panel">
<div class="index-panel-header clearfloat">
<h3>Links</h3>
<div class="line"></div>
</div>
<div class="index-panel-body">
<ul class="clearfloat">
<li class="favorite-card">
<img src="images/index-panel-github.jpg">
<a href="https://github.com/AldrichFork" target="_blank">Github</a>
</li>
<li class="favorite-card">
<img src="images/index-panel-v2ss.jpg" >
<a href="http://v2ss.net/users/aff.php?aff=1462" target="_blank">梯子:V2SS</a>
</li>
<li class="favorite-card">
<img src="images/index-panel-weibo.jpg" >
<a href="http://weibo.com/aldrichfork" target="_blank">Weibo</a>
</li>
<li class="favorite-card">
<img src="images/index-panel-blog.jpg" >
<a href="http://aldrichfork.com/" target="_blank">Blog</a>
</li>
</ul>
</div>
</div>
<div class="public-footer">
<div class="public-container clearfloat">
<div class="public-footer-logo"></div>
<div class="public-footer-info">
<a href="mailto:aldrich.fork@live.com">Email : aldrich.fork@live.com</a>
</div>
</div>
</div>
</body>
</html>