-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (129 loc) · 6 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
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
<!--禁止浏览器自己把页面中的数字识别为电话号码-->
<meta name="format-detection" content="telephone=no"/>
<!--把苹果手机浏览器中的菜单栏工具栏隐藏-->
<meta name="apple-mobile-web-app-capable" content="yes"/>
<!--控制状态栏显示样式-->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!--http://www.admin10000.com/document/6304.html-->
<!--设置苹果手机到头后在下来出现的那个黑色背景框中的标题的-->
<meta name="apple-mobile-web-app-title" content="标题">
<title>个人简历</title>
<link rel="stylesheet" href="css/swiper.min.css"/>
<link rel="stylesheet" href="css/animate.css"/>
<link rel="stylesheet" href="css/index.css"/>
</head>
<body>
<!--滑屏效果-->
<section class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide page page1" trueId="page1">
<div>
<div class="resume-title">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4774972256" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
<ellipse fill="#08A1EF" cx="32" cy="32" rx="32" ry="32" style="fill: rgba(255, 255, 255, 0);"></ellipse>
</svg>
</div>
<h6 class="hasdream">everyone have a dream</h6>
<h2 class="bl">个人</h2>
<h2 class="br">简历</h2>
</div>
<p class="name">宋杨阳</p>
<p class="time">2016-06-14</p>
<img src="img/bg_1.jpg" alt=""/>
</div>
<div class="swiper-slide page page2" trueId="page2">
<h2>基本信息</h2>
<div class="title">
<img src="img/self.JPG" alt=""/>
<span class="name">宋杨阳</span>
</div>
<div class="content">
<p class="normal">性别：男</p>
<p class="normal">年龄：28</p>
<p class="normal">毕业院校：山西农业大学</p>
<p class="normal">专业：信息管理与信息系统</p>
<p class="normal">学历：硕士</p>
<p class="normal">应聘职位：前端开发工程师</p>
</div>
<img src="img/bg_2.jpg" alt=""/>
</div>
<div class="swiper-slide page page3" trueId="page3">
<h2>拥有技能</h2>
<div class="teches">
<div class="tech top1">原生JS</div>
<div class="tech top2">jQuery</div>
<div class="tech top3">HTML5</div>
<div class="tech top4">CSS3</div>
<div class="tech top5">移动端</div>
<div class="tech top6">响应式布局</div>
<div class="tech top7">node.js</div>
</div>
<img src="img/bg_3.jpg" alt=""/>
</div>
<div class="swiper-slide page page4" trueId="page4">
<div class="tital_outer">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="4235861570" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 64 64" enable-background="new 0 0 64 64" xml:space="preserve" preserveAspectRatio="none" class="element svg-element">
<polygon fill="#08A1EF" points="64,32 32,64 0,32 32,0 " style="fill: rgb(211, 166, 106);"></polygon>
</svg>
<h2 class="tital_inner">教育培训工作经历</h2>
</div>
<div class="hezuo">
<img src="img/hezuo.jpg" alt=""/>
<canvas id="drawing">drawing</canvas>
</div>
<div class="detials">
<div class="con st">
<div class="time">2016-03~2016-07</div>
<div class="com">珠峰培训机构</div>
<div class="detial">学习js、移动端和node.js</div>
</div>
<div class="con nd">
<div class="time">2014-07~2016-03</div>
<div class="com">北京三正科技有限公司</div>
<div class="detial">负责前端页面开发、gis相关数据处理</div>
</div>
<div class="con rd">
<div class="time">2007-09~2014-07</div>
<div class="com">山西农业大学</div>
<div class="detial">分别在信管（本科）和地信（硕士）专业学习</div>
</div>
</div>
<img src="img/bg_4.jpg" alt=""/>
</div>
<div class="swiper-slide page page5" trueId="page5">
<div class="callme">
<h2>联系我</h2>
<p class="st">电话：18500395696</p>
<p class="nd">qq：345904184</p>
<p class="rd">邮箱：18500395696@163.con</p>
<p class="ur">微信：a345904184</p>
<div><img src="img/qrcode.png" alt=""/></div>
</div>
<img src="img/bg_5.jpg" alt=""/>
</div>
</div>
</section>
<!--向上箭头-->
<section class="arrow">
<span></span>
<span></span>
</section>
<!--音乐-->
<section class="audio">
<audio class="audioMp3" src="audioFile/music.mp3" loop preload="none"/>
</section>
<!---->
<script charset="utf-8" type="text/javascript" src="js/swiper.min.js"></script>
<script charset="utf-8" type="text/javascript" src="js/index.js"></script>
<script charset="utf-8" type="text/javascript" src="js/fastClick.js"></script>
<script type="text/javascript">
FastClick.attach(document.body);
</script>
</body>
</html>