-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.ht
171 lines (134 loc) · 6.53 KB
/
index.ht
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
<!DOCTYPE html>
<html lang="zh-CN" >
<head>
<meta charset="UTF-8">
<title>我的个人简历</title>
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<div class="resume-wrapper">
<section class="profile section-padding">
<div class="container">
<div class="picture-resume-wrapper">
<div class="picture-resume">
<span><img src="128.jpg" alt="" /></span>
<svg version="1.1" viewBox="0 0 350 350">
<defs>
<filter id="goo">
<feGaussianBlur in="SourceGraphic" stdDeviation="8" result="blur" />
<feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 21 -9" result="cm" />
</filter>
</defs>
<g filter="url(#goo)" >
<circle id="main_circle" class="st0" cx="171.5" cy="175.6" r="130"/>
<circle id="circle" class="bubble0 st1" cx="171.5" cy="175.6" r="122.7"/>
<circle id="circle" class="bubble1 st1" cx="171.5" cy="175.6" r="122.7"/>
<circle id="circle" class="bubble2 st1" cx="171.5" cy="175.6" r="122.7"/>
<circle id="circle" class="bubble3 st1" cx="171.5" cy="175.6" r="122.7"/>
<circle id="circle" class="bubble4 st1" cx="171.5" cy="175.6" r="122.7"/>
<circle id="circle" class="bubble5 st1" cx="171.5" cy="175.6" r="122.7"/>
<circle id="circle" class="bubble6 st1" cx="171.5" cy="175.6" r="122.7"/>
<circle id="circle" class="bubble7 st1" cx="171.5" cy="175.6" r="122.7"/>
<circle id="circle" class="bubble8 st1" cx="171.5" cy="175.6" r="122.7"/>
<circle id="circle" class="bubble9 st1" cx="171.5" cy="175.6" r="122.7"/>
<circle id="circle" class="bubble10 st1" cx="171.5" cy="175.6" r="122.7"/>
</g>
</svg>
</div>
<div class="clearfix"></div>
</div>
<div class="name-wrapper">
<h1>徐 <br/>文斌</h1><!-- 姓名 -->
</div>
<div class="clearfix"></div>
<div class="contact-info clearfix">
<ul class="list-titles">
<li>手机</li>
<li>邮箱</li>
<li title="点击可扫描我的微信二维码"><a href="wechat.jpg">微信</a></li>
<li>家乡</li>
</ul>
<ul class="list-content">
<li>17554171303</li> <!-- 手机号 -->
<li>[email protected]</li> <!-- 邮箱 -->
<li title="点击可扫描我的微信二维码"><a href="wechat.jpg">@harrord</a></li> <!-- ID -->
<li>青岛</li> <!-- 家乡 -->
</ul>
</div>
<div class="contact-presentation"> <!-- 简历自述 -->
<p>虽然不是计算机本专业出身，然而从初中起就尤为热爱互联网，关注行业动态；学习能力强，对新事物充满好奇；工作态度认真负责，具有团队合作精神。爱好广泛，性格开朗，待人真诚热情。 </p>
</div>
<div class="contact-social clearfix">
<ul class="list-titles">
<li>知乎</li>
<li>GitHub</li>
<li>个人网页</li>
</ul>
<ul class="list-content">
<li><a href="https://www.zhihu.com/people/zarrord">@问冰</a></li> <!-- 知乎ID -->
<li><a href="https://github.com/harrord">@harrord</a></li> <!-- GitHub ID -->
<li><a href="https://harrord.github.io/resume">harrord.github.io/resume</a></li> <!-- 网址 -->
</ul>
</div>
</div>
</section>
<section class="experience section-padding">
<div class="container">
<h3 class="experience-title">经历简述</h3>
<div class="experience-wrapper">
<div class="company-wrapper clearfix">
<div class="experience-title">实习公司</div> <!-- 供职过的公司 -->
<div class="time">2014.7--2014.8</div> <!-- 工作时间起止 -->
</div>
<div class="job-wrapper clearfix">
<div class="experience-title">青岛天禄鲜农副产品有限公司 </div> <!-- 公司名 -->
<div class="company-description">
<p>
•负责微信微店的建立与运营。<br/>
•公司网站的设计与开发。<br/>
•负责公司宣传册、海报的设计工作。<br/>
</p> <!-- 职位描述 -->
</div>
</div>
<div class="company-wrapper clearfix">
<div class="experience-title">学校社团</div>
<div class="time">2013--2014</div> <!-- 时间起止 -->
</div>
<div class="job-wrapper clearfix">
<div class="experience-title">青岛科技大学校学生会 | 传媒部</div> <!-- 描述 -->
<div class="company-description">
<p>
• 2013 年 10 月，作为导演和编剧组织拍摄了微电影《谁的大学不迷茫》，并在 11 月的“青岛科技大学 DV 大赛”获得一等奖，在青岛市网络电视台主办的“首届青岛市大学生网络文化季”比赛中获得“网络人气奖”。2014 年 4月获得“青岛科技大学第 5 届 DV 大赛”最佳导演奖。<br/>
• 2014 年 3 月，由我创办的青岛科技大学学生会官方网站上线，并继续负责网络维护。<br/>
• 参与学生会官方微信账号、人人主页的更新与维护、校园大事件的新闻撰写等。<br/>
</p> <!-- 描述 -->
</div>
</div>
</div><!--技能描述-->
<div class="section-wrapper clearfix">
<h3 class="section-title">技能</h3> <!-- YOUR SET OF SKILLS -->
<ul>
<li class="skill-percentage">HTML / HTML5</li>
<li class="skill-percentage">CSS / CSS3 / SCSS</li>
<li class="skill-percentage">Javascript</li>
<li class="skill-percentage">C语言</li>
<li class="skill-percentage">Wordpress</li>
<li class="skill-percentage">Photoshop</li>
</ul>
</div>
<div class="section-wrapper clearfix">
<h3 class="section-title">兴趣爱好</h3> <!-- 兴趣爱好 -->
<p>• 热衷围棋，棋力10k，技术特点：擅长死龙。<br/></p>
<p>• 篮球爱好者，野球场万能胶水，NBA马刺粉。</p>
</div>
</div>
</section>
<div class="clearfix"></div>
</div>
<script src='http://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenMax.min.js'></script>
<script src="js/index.js"></script>
</body>
</html>