-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (123 loc) · 4.52 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
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
<!DOCTYPE HTML>
<html>
<head>
<title>Lee Xiaopeng</title>
<meta charset="utf-8" />
<meta name="description" content="李晓鹏的个人主页" />
<meta name="keywords" content="李晓鹏,Android李晓鹏" />
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400" rel="stylesheet" />
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="晓鹏">
<!-- iOS 7 iPad (retina) -->
<link href="/images/apple-touch-icon-152x152.png" sizes="152x152" rel="apple-touch-icon">
<!-- iOS 6 iPad (retina) -->
<link href="/images/apple-touch-icon-144x144.png" sizes="144x144" rel="apple-touch-icon">
<!-- iOS 7 iPhone (retina) -->
<link href="/images/apple-touch-icon-120x120.png" sizes="120x120" rel="apple-touch-icon">
<!-- iOS 6 iPhone (retina) -->
<link href="/images/apple-touch-icon-114x114.png" sizes="114x114" rel="apple-touch-icon">
<!-- Tile icon for Win8 (144x144 + tile color) -->
<meta name="msapplication-TileImage" content="/images/apple-touch-icon-144x144.png">
<meta name="msapplication-TileColor" content="#222222">
<script src="js/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
<link rel="stylesheet" href="css/noscript.css" />
</noscript>
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
</head>
<body class="homepage">
<!-- Wrapper-->
<div id="wrapper">
<!-- Nav -->
<nav id="nav">
<a href="#me" class="icon icon-home active"><span>Home</span></a>
<a href="#work" class="icon icon-folder"><span>Work</span></a>
<a href="#email" class="icon icon-envelope"><span>Email Me</span></a>
<a href="https://github.com/leexp/" class="icon icon-github-alt"><span>Github</span></a>
</nav>
<!-- Main -->
<div id="main">
<!-- Me -->
<article id="me" class="panel">
<header>
<h1>李晓鹏</h1>
<span class="byline">I'm XiaoPeng. 22 y.o. a Android developer in Shanghai. I love the Android develop & music.</span>
</header>
<a href="#work" class="jumplink pic">
<span class="arrow icon icon-chevron-right"><span>See my work</span></span>
<img src="images/me.jpg" alt="" />
</a>
</article>
<!-- Work -->
<article id="work" class="panel">
<header>
<h2>Work</h2>
</header>
<p>
This is my a part of work.
</p>
<section class="is-gallery">
<div class="row half">
<!-- 第一张 -->
<div class="4u">
<a href="#" class="image image-full">
<h3>拼图</h3>
<img src="images/1.jpg" alt="拼图">
</a>
</div>
<!-- 第三张 -->
<div class="4u">
<a href="#" class="image image-full">
<h3>手机助手</h3>
<img src="images/3.jpg" alt="">
</a>
</div>
<!-- 第四张 -->
<div class="4u">
<a href="#" class="image image-full">
<h3>音乐播放器</h3>
<img src="images/4.jpg" alt="音乐播放器">
</a>
</div>
<!-- 第五张 -->
<div class="4u">
<a href="#" class="image image-full">
<h3>天气预报</h3>
<img src="images/5.jpg" alt="天气预报">
</a>
</div>
<!-- 第二张 -->
<div class="4u">
<a href="#" class="image image-full">
<h3>点餐系统</h3>
<img src="images/2.jpg" alt="点餐系统">
</a>
</div>
</div>
</section>
</article>
<!-- Email -->
<article id="email" class="panel">
<header>
<h2>Email Me</h2>
</header>
<a href="mailto:ileexp@gmail.com">ileexp@gmail.com</a>
</article>
</div>
<!-- Footer -->
<div id="footer">
<ul class="links">
<li>© Lee Xiaopeng</li>
<li>Design : <a href="http://huangyang.me/">HuangYang</a></li>
</ul>
</div>
</div>
</body>
</html>