-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
96 lines (87 loc) · 3.61 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
<!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"/>
<title>个人简历</title>
<link charset="utf-8" type="text/css" rel="stylesheet" href="css/reset.min.css"/>
<link charset="utf-8" type="text/css" rel="stylesheet" href="css/swiper.min.css"/>
<link charset="utf-8" type="text/css" rel="stylesheet" href="css/animate.css"/>
<link charset="utf-8" type="text/css" rel="stylesheet" href="css/index.css"/>
</head>
<body>
<section class="music" id="music">
<audio id="musicAudio" preload="none" loop src="audio/Reality.mp3"/>
</section>
<section class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide page1">
<p>简历</p>
<p>by sunflower</p>
<p><span>平凡</span>,但不愿平庸</p>
</div>
<div class="swiper-slide page2">
<span>基本信息</span>
<img class="icon1" src="img/icon2.png" alt=""/>
<img class="icon1" src="img/age.png" alt=""/>
<img class="icon1" src="img/add.png" alt=""/>
<img class="icon1" src="img/school.png" alt=""/>
<img class="icon1" src="img/zy.png" alt=""/>
<p class="t1">朱小红</p>
<p class="t2">1994.03</p>
<p class="t3">中国·北京</p>
<p class="t4">常州轻工</p>
<p class="t5">软件技术</p>
</div>
<div class="swiper-slide page3">
<div class="skill">
<span>个人技能</span>
</div>
<img class="sk1" src="img/html5.png"/>
<img class="sk1" src="img/css3.png"/>
<img class="sk1" src="img/js.png"/>
<img class="sk1" src="img/angular.png"/>
<p class="p1">HTML5应用</p>
<p class="p2">CSS3应用</p>
<p class="p3">原生JS</p>
<p class="p4">Angular.js/react</p>
</div>
<div class="swiper-slide page4">
<img class="timerz" src="img/22.png"/>
<img class="img1" src="img/img1.png"/>
<img class="img2" src="img/img2.png"/>
<img class="img3" src="img/img3.png"/>
<img class="img4" src="img/img4.png"/>
</div>
<div class="swiper-slide page5">
<p class="p1">Thank you</p>
<p>For</p>
<p>Watching</p>
<div class="info1"></div><!--电话-->
<span class="per1">136-9330-8569</span>
<div class="info2"></div><!--微信-->
<span class="per2">xh348885031</span>
<div class="info3"></div>
<span class="per3" >sunflower-tc</span><!--github-->
<div class="info4"></div>
<span class="per4">[email protected]</span><!--email-->
<i class="img1"></i>
<em class="em1">pc端项目</em>
<i class="img2"></i>
<em class="em2">移动端简历</em>
</div>
</div>
</section>
<section class="arrow">
<span></span>
<span></span>
</section>
</body>
<script charset="utf-8" type="text/javascript" src="js/fastClick.js"></script>
<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>
</html>