-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
132 lines (131 loc) · 4.53 KB
/
index.html
File metadata and controls
132 lines (131 loc) · 4.53 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>why's home</title>
<meta name="author" content="why 王海英" />
<meta name="description" content="王海英个人主页，包括简历、联系方式、作品" />
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/index.css" />
</head>
<body id="why-home">
<div class="wrapper">
<div class="header">
<div class="right">
<span>tel:18826495181</span>
<span>github:github.com/PigHY</span>
</div>
<h1>
<span>W</span>
<span>H</span>
<span>Y</span>
<span>'S</span>
<span> </span>
<span>H</span>
<span>O</span>
<span>M</span>
<span>E</span>
</h1>
<h5>热爱生活.旅游，热爱互联网.前端</h5>
</div>
<div class="intro">
<ul class="intro-list">
<li class="list-about">
<a href="#about">
About
<span >关于我</span>
</a>
</li>
<li class="list-works">
<a href="#works">
Works
<span class="list2">作品</span>
</a>
</li>
<li class="list-resume">
<a href="#resume">
Resume
<span class="list3">简历</span>
</a>
</li>
<li class="list-contact">
<a href="#contact">
Contact
<span class="list4">联系</span>
</a>
</li>
</ul>
</div>
<div class="about common">
<h2><a href="#" name="about">About Me</a></h2>
<div>
<p>我叫王海英，是华南农业大学网络工程专业的一名大三生，在别人眼中既是女汉子，又是软妹子，更是傻妞一个，这些称呼源于我的性格。我是一个性格开朗，为人随和，待人诚恳，能吃苦耐劳，很容易跟别人打交道的女孩子，还是一个自信，细心，认真，勤奋好学的乖乖女，更是一个给大家带来欢乐的开心果，因为我相信爱笑的女孩，运气永远差不到哪去。</p>
<p>接触前端知识差不多1年的时间，现在还是一如既往的喜欢着她，热爱着她，喜欢她带来的视觉冲击和成就，只是缺少的只是一个舞台，一个实现我价值和发挥我潜力的舞台，我渴望有一个舞台，渴望您的欣赏。</p>
</div>
</div>
<div class="contact common">
<h2><a href="#" name="contact">Contact</a></h2>
<div>
<ul class="contact-list">
<h3>联系方式</h3>
<li>qq:1479186137@qq.com</li>
<li>tel:18826495181</li>
<li><a href="http://blog.csdn.net/why_fly" >blog:http://blog.csdn.net/why_fly</a></li>
<li><a href="http://github.com/PigHY">github:http://github.com/PigHY</a></li>
</ul>
</div>
</div>
<div class="resume common">
<h2><a href="#" name="resume">Resume</a></h2>
<div class="resume-know">
<h3>我所理解的前端：</h3>
<ul>
<li>细节决定成败，我虽资历尚浅但却一直不断超越自己</li>
<li>与时俱进，学习新知识，专研新技术</li>
<li>尊重设计师，高效还原设计稿</li>
<li>追求“write less,do more”</li>
<li>不断学习，活到老学到老</li>
<li>细心、耐心、认真</li>
</ul>
</div>
<div class="resume-adv">
<h3>技能&优势:</h3>
<ul>
<li>掌握HTML、CSS+DIV、Jquery，能手写CSS样式表</li>
<li>熟悉Javascript，熟悉Photoshop工具进行切图和修图</li>
<li>擅长页面架构和布局，并能兼容大多数大浏览器</li>
<li>熟悉使用Firebug和Chrome开发工具</li>
<li>了解后台语言PHP，数据库Mysql</li>
<li>了解SEO，了解网站性能优化</li>
</ul>
</div>
</div>
<div class="works common">
<h3><a href="test.html" name="works">作<br />品</a></h3>
<div class="works-left">
<ul class="works-list">
<li class="tool">
<a href="http://facegirl.sinaapp.com/index.html" class="tooltip">Facegirl'blog</a>
</li>
<li class="tool">
<a href="http://facegirl.sinaapp.com/IT-Life/index.html" class="tooltip">IT-life</a>
</li>
<li class="tool">
<a href="http://facegirl.sinaapp.com/Pigblog/homepage.html" class="tooltip">Pig'blog</a>
</li>
<li>
<a href="http://facegirl.sinaapp.com/HCI/index.html" class="tooltip">HCI-information</a>
</li>
<li>
<a href="#" class="tooltip">waiting for</a>
</li>
<li>
<a href="#" class="tooltip">more and more</a>
</li>
</ul>
</div>
<div class="works-right"></div>
</div>
</div>
</body>
</html>