-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
182 lines (156 loc) · 7.36 KB
/
index.html
File metadata and controls
182 lines (156 loc) · 7.36 KB
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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="copyright" content="All rights reserved. 2015" />
<link href="" rel="shortcut icon" />
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
<script src="js/jquery-1.3.2.min.js?1267901278" type="text/javascript"></script>
<script src="js/jcarousellite.js" type="text/javascript"></script>
<script type="text/javascript" src="js/smoothscroll.js"></script>
<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="js/pngfix.js"></script>
<![endif]-->
<title>The Coder | GuopingLi's Website</title>
</head>
<body id="top">
<div class="wrapper">
<div class="header">
<a id="logo" href="#"><img src="images/logo.png" alt="lgpfirework.com" /></a>
<ul id="nav">
<li><a href="#works">项目展示</a></li>
<li><a href="#about">关于本人</a></li>
<li class="last"><a href="#contact">请联系我</a></li>
</ul>
<br class="clear" />
</div>
<div class="home">
<h1>Creative .. Inspiration .. Desgin .. </h1>
<h2>If you're looking for a freelance Web Developer
, You Are in the Right Place !!</h2>
<hr />
</div>
<a href="#" name="works"></a>
<div class="work">
<h2>Latest Work</h2>
<div id="work">
<ul>
<li>
<a title="" href="work/coming01.jpg" class="tooltip" rel="PHP" ><img src="work/coming01.jpg" alt="" />
</a></li>
<li><a title="" href="work/dive01.jpg" class="tooltip" rel="PHP / Wordpress / XHTML/ CSS / jQuery" ><img src="work/diveinaqaba.png" alt="" /></a></li>
<li><a title="" href="work/zcoder01.jpg" rel="PHP / XHTML/ CSS / jQuery" class="tooltip" ><img src="work/zcoder.png" alt="" /></a></li>
<li><a title="" href="work/humzah01.jpg" rel="XHTML/ CSS / jQuery" class="tooltip" ><img src="work/hamzeh.png" alt="" /></a></li>
<li><a title="" href="work/template01.jpg" rel="XHTML/ CSS / jQuery" class="tooltip" ><img src="work/template.png" alt="" /></a></li>
<li><a title="" href="work/swapfest.jpg" rel="XHTML/ CSS / jQuery" class="tooltip" ><img src="work/swapfest.png" alt="" /></a></li>
<li><a title="" href="work/appointment01.jpg" class="tooltip" rel="XHTML/ CSS / jQuery" ><img src="work/appointment.png" alt="" /></a></li>
<li><a title="" href="work/dr01.jpg" class="tooltip" rel="PHP / Wordpress / XHTML / CSS / jQuery" ><img src="work/drrami.png" alt="" /></a></li>
</ul>
</div>
<a href="javascript:void();" class="prev"></a>
<a href="javascript:void();" class="next"></a>
<a href="#contact" class="talk_btn" >Lets Talk The Jobs</a>
</div>
</div>
<a href="#" name="social"></a>
<div class="land">
<div class="wrapper">
<div class="merwa" id="merwa" ></div>
</div>
</div>
<a href="#" name="about"></a>
<div class="ground">
<div class="wrapper">
<div class="left">
<a href="#" ><img src="images/backgrounds/avatar2.png" alt="" /></a>
<h2>李国平（Fireworks）</h2>
<p><strong>Web前端开发工程师</strong></p>
<p>Make it right before you make it faster.</p>
<p>Keep it right when you make it faster.</p>
<p>Make it clear before you make it faster.</p>
<p> Do not sacrifice clarity for small gains in efficiency.</p>
<ul id="social">
<li class="cv" ><a class="tooltip" rel="Soon!" target="_blank" href="resume/resume_lgp.pdf"><img src="images/backgrounds/cv.png" alt=""/></a></li>
<li class="blog" ><a target="_blank" href="http://www.cnblogs.com/gpli/"><img src="images/backgrounds/blog3.png" alt=""/></a></li>
<li class="github" ><a target="_blank" href="https://github.com/lgpfirework"><img src="images/backgrounds/github.png" alt=""/></a></li>
<li class="e-mail" ><a target="_blank" href="mailto:[email protected]"><img src="images/backgrounds/mail.png" alt=""/></a></li>
</ul>
<p> </p>
<p> </p>
<br/>
</div>
<div class="right">
<ul>
<li class="first">
<h3>关于我</h3>
<p>您好，我是李国平，一位刚入门的程序猿。我热爱编码，并且陶醉于开发网站的那种创造的过程。同时，我也在始终关注着Web前端开发的最新前沿技术。想要聘请我吗？ <a href="#contact">那就赶快招我到碗里去吧！</a></p>
</li>
<li class="second">
<h3>擅长技术</h3>
<p> HTML , CSS , Javascript , jQuery , Angular.js ,Sass and Git. </p>
</li>
<li class="third">
<h3>教育背景</h3>
<p>安徽理工大学，本科毕业生</p>
<p>计算机科学与技术专业</p>
<p>2016年6月毕业</p>
<p><a href="#contact">赶快招我到碗里去吧！</a></p>
</li>
<li class="foruth">
<h3>自我鉴定</h3>
<p>对于web有着极高的热情，每天坚持学习web；</p>
<p>优秀的组织和协调能力，责任心、团队协作精神强，参加较多的团队管理实践;</p>
<p>学习能力强，曾获得校三等奖学金；</p>
<p>性格外向开朗、有激情，大学期间积极参加校内校外的各种活动。</p>
</li>
<li class="last">
<h3>能力鉴定</h3>
<ul id="skills">
<li class="t1 w70" >HTML<span>70%</span></li>
<li class="t2 w70" >CSS<span>70%</span></li>
<li class="t3 w60" >Javascript<span>60%</span></li>
<li class="t4 w70" >jQuery<span>70%</span></li>
<li class="t5 w50">Angular.js<span>50%</span></li>
<li class="t6 w60">Sass<span>60%</span></li>
<li class="t8 w50">Git<span>50%</span></li>
<li class="t7 w60">Web Design<span>60%</span></li>
<li class="last" ><span class="zero">0</span><span>100%</span></li>
</ul>
</li>
</ul>
<div class="water">
<a href="#top" class="top" rel="go to home" ><img src="images/icons/arrow_top.png" alt="" class="tooltip" /></a>
<a href="#contact" class="ground_arrow" rel="go to contact" ><img src="images/icons/arrow.png" alt="" class="tooltip"></a>
</div>
</div>
</div>
</div>
<a href="#" name="contact"></a>
<div class="sea">
<div class="contact-me">
<h2>赶快聘请我吧！</h2>
<h3>手机:</h3>
<p>186 5542 9924</p>
<h3>邮件:</h3>
</div>
<div class="shark">
<p>Let's Work</p>
<p>Togehter !</p>
</div>
<a class="top_con" href="#top">Top</a>
<div class="submarine" ></div>
</div>
<div class="down_land">
<div class="wrapper">
<p>© Copyright 2015 by lgpfirework.com - All rights reserved.</p>
<div class="fish"></div>
<div class="diver"></div>
</div>
</div>
</body>
</html>