-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
195 lines (179 loc) · 7.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
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
183
184
185
186
187
188
189
190
191
192
193
194
195
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="keywords" content="web前端，个人网页简历，web前端开发，网页版简历，响应式模板简历">
<meta name="description" content="幸广辉的web前端工程师简历">
<script src="js/jquery.min.js"></script>
<script src="js/jquery.fullPage.min.js"></script>
<link rel="stylesheet" href="css/jquery.fullPage.min.css">
<link rel="shortcut icon" type="image/x-icon" href="image/cat.ico">
<title>web前端工程师简历</title>
<link rel="stylesheet" href="styleIndex.css">
<script>
$(function() {
$("#box").fullpage({
verticalCentered: true,
navigation: true,
navigationTooltips: ['首页', '现状', '技能', '经验', '联系我'],
anchors: ["page1", "page2", "page3", "page4", "page5", "footer"],
slidesNavPosition: "bottom",
controlArrows: true,
controlArrowColor: ''
});
$(".dengdai").on("click", function() {
alert("等待开发！");
});
});
</script>
</head>
<body>
<!--导航条-->
<div class="nav">
<div class="center-warp">
<div class="logo">
</div>
<div class="navList">
<a href="#page1">首页</a>
<a href="https://samdyddd.github.io/hexopage.github.io/">个人博客</a>
<a href="javascript:" class="dengdai">随笔</a>
<a href="javascript:" class="dengdai">关于</a>
</div>
</div>
</div>
<div id="box">
<div class="section section1">
<div class="logo-pic">
<img src="image/logo-pic.jpg" alt="头像1" class="img11">
<img src="image/logo-pic2.jpg" alt="头像2" class="img12">
</div>
<div class="content">
<p class="p11">幸广辉</p>
<p class="p12">人生没有梦想和<img src="image/fish.ico" class="icon_pic"> 有什么区别，有追求，乐趣无限
</p>
<p class="p13">网页前端工程师</p>
<p class="p14">[email protected]</p>
</div>
<div>
<canvas id="myCanvas"></canvas>
</div>
</div>
<div class="section section2">
<strong>[ 现状 ]</strong>
<div class="center-warp warp2">
<div class="bg20 bg21">
<img src="image/education.png" alt="">
<p>学历/本科</p>
</div>
<div class="bg20 bg22">
<img src="image/age.png" alt="">
<p>年龄/24</p>
</div>
<div class="bg20 bg23">
<img src="image/location.png" alt="">
<p>坐标/广州</p>
</div>
<div class="bg20 bg24">
<img src="image/status.png" alt="">
<p>状态/应届</p>
</div>
</div>
<p class="pp">2017年6月准备毕业于广东海洋大学，专业是信息管理与信息系统。应届生。</p>
</div>
<div class="section section3">
<strong>[ 专业技能 ]</strong>
<p class="pp">只有不断学习才能跟上时代的步伐。知识是想通的，努力总会有收获。</p>
<div class="warp3">
<div class="bg30 bg31">
<img src="image/vuejs.png" alt="">
<ul>
<span>●</span>
<li><span>●</span>熟练运用vuejs处理移动端的模块开发</li>
<span>●</span>
<li>模块组件化</li>
</ul>
</div>
<div class="bg30 bg32">
<img src="image/html.png" alt="">
<ul>
<li>熟悉掌握Web标准</li>
<li>熟练运用html标签</li>
<li>熟悉掌握xml及xhtml标记语言</li>
</ul>
</div>
<div class="bg30 bg33">
<img src="image/js.png" alt="">
<ul>
<li>熟练掌握javascript编写程序</li>
<li>熟悉掌握Jquery</li>
<li>正在学习ES6</li>
</ul>
</div>
<div class=" bg30 bg34">
<img src="image/css.png" alt="">
<ul>
<li>熟练使用css和css3新属性</li>
<li>熟悉css3动画实现</li>
<li>掌握bootstrap框架及源码的实现</li>
</ul>
</div>
<div class=" bg30 bg35">
<img src="image/webpackgrunt.png" alt="">
<ul>
<li>熟悉掌握webpack工具</li>
<li>熟悉grunt打包工具</li>
</ul>
</div>
</div>
</div>
<div class="section section4">
<strong> [ 作品展示 ]</strong>
<div class="warp4">
<div class="slide ">
<img src="image/1.JPG" alt="vue">
</div>
<div class="slide ">
<img src="image/2.png" alt="微型博客">
</div>
<div class="slide ">
<img src="image/3.png" alt="电影">
</div>
</div>
<a href="https://github.com/Samdyddd" style="z-index:10;">更多DEMO</a>
</div>
<div class="section section5">
<strong>[ 联系我 ]</strong>
<p class="p51"><span>勤奋 ● </span><span>好学 ● </span><span>代码 ● </span><span>梦想</span></p>
<div class="p52">
<p>学习是一个有汗水亦有快乐的过程。尤其是出现成果充满了成就感。</p>
<p> 前端是最贴近用户的一个方面，用户如果体验非常好，感受美妙。</p>
<p> 学习是相同的，交流更让人进步。</p>
<p> 带上我，看到更大的世界。</p>
</div>
<div class="arrow">
<a href="#footer">
<span></span>
<span></span>
</a>
<p class="p53"><a href="#footer">了解更多</a></p>
</div>
</div>
<div class="section section6 fp-auto-height">
<div class="copyright">
<div class="foot-top">
<span>更多地了解我 ></span>
<a href="http://blog.csdn.net/xingguanghui_1134"><img src="image/csdn.png" alt="">CSDN</a>
<span>|</span>
<a href="https://github.com/Samdyddd"><img src="image/github.png" alt="">github</a>
<span>|</span>
<a href="https://git.oschina.net/3.1415926"><img src="image/mayun.png" alt="">码云</a>
<span>|</span>
<a href="https://segmentfault.com/u/samdyddd/notes"><span style="color:#28ca42">SegmentFault</span></a>
</div>
<p>©2016-10-6</p>
</div>
</div>
</div>
</body>
<script src="js/myjs.js"></script>
</html>