forked from mapleque/mapleque.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
92 lines (92 loc) · 2.75 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Hello mapleque</title>
<link href="css/main.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="header">
<div class="left">
<img class="logo" src="images/head-pic.jpg" alt="mapleque">
</div>
<div class="right">
<div class="summary">
<div class="name">MAPLEQUE</div>
<div class="info">
正在致力于发展成为一个能够改变世界的全栈工程师
</div>
<div class="email">[email protected]</div>
</div>
</div>
</div>
<div class="main">
<div class="left">
<div class="nav">
<div class="index">终端</div>
<div class="index">浏览器</div>
<div class="index">前端</div>
<div class="index">协议</div>
<div class="index">容器</div>
<div class="index">控制</div>
<div class="index">数据</div>
<div class="index">存储</div>
<div class="index">服务器</div>
</div>
</div>
<div class="right">
<div class="content">
<div class="section">
<span><a href="#">windows</a></span>
<span><a href="#">mac</a></span>
<span><a href="#">ios</a></span>
<span><a href="#">android</a></span>
</div>
<div class="section">
<span><a href="#">Trident(IE)</a></span>
<span><a href="#">Gecko(Firefox)</a></span>
<span><a href="#">Webkit(Safari,Chrom)</a></span>
<span><a href="#">Blink</a></span>
</div>
<div class="section">
<span><a href="#">design</a></span>
<span><a href="#">HTML</a></span>
<span><a href="#">CSS</a></span>
<span><a href="#">Javascript</a></span>
</div>
<div class="section">
<span><a href="#">HTTP</a></span>
<span><a href="#">FTP</a></span>
</div>
<div class="section">
<span><a href="#">NIO</a></span>
<span><a href="#">Servlet</a></span>
<span><a href="#">Filter</a></span>
</div>
<div class="section">
<span><a href="#">php</a></span>
<span><a href="#">java</a></span>
<span><a href="#">python</a></span>
<span><a href="#">ruby</a></span>
</div>
<div class="section">
<span><a href="#">sql</a></span>
<span><a href="#">JSON</a></span>
</div>
<div class="section">
<span><a href="#">MySql</a></span>
<span><a href="#">Hadoop</a></span>
</div>
<div class="section">
<span><a href="#">cpu</a></span>
<span><a href="#">memory</a></span>
<span><a href="#">security</a></span>
</div>
</div>
</div>
</div>
<div class="footer">
<p>Update@2014 <span><a href="mailto:[email protected]">联系我</a></span></span><a href="#">TOP</a></span>
</div>
</body>
</html>