forked from Dreamer-Paul/Resume
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
200 lines (198 loc) · 10.2 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
196
197
198
199
200
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>小明的个人简历</title>
<meta name="theme-color" content="#ffc91d"/>
<link rel="icon" href="static/img/32.png" sizes="32x32"/>
<link rel="icon" href="static/img/192.png" sizes="192x192"/>
<link href="static/kico.css" rel="stylesheet" type="text/css"/>
<link href="static/paul.css" rel="stylesheet" type="text/css"/>
<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1"/>
</head>
<body>
<aside class="sidebar">
<div class="avatar">
<img src="static/img/avatar.jpg" title="保罗酱"/>
</div>
<nav class="nav">
<a href="#info">资料</a>
<a href="#skills">技能</a>
<a href="#works">作品</a>
<a href="#story">经历</a>
<a href="#team">团队</a>
</nav>
</aside>
<main>
<section id="info">
<div class="wrap">
<h2 class="title">个人资料</h2>
<div class="row">
<div class="col-l-4">
<p>姓名：小明</p>
<p>性别：男</p>
<p>年龄：17</p>
<p>英文名：Paul</p>
<p>学历：大专（高技）</p>
</div>
<div class="col-l-4">
<p>QQ：1204958596</p>
<p>GitHub：<a href="https://github.com/Dreamer-Paul">Dreamer-Paul</a></p>
<p>博客：<a href="https://paugram.com">https://paugram.com</a></p>
<p>邮箱：<a href="mailto:dreamer_paul@126.com">dreamer_paul@126.com</a></p>
</div>
<div class="col-l-4">
<p>我是一个热爱钻研计算机技术的青少年，从小开始对计算机有极大的兴趣。目前我专注网站开发领域。我还自己发起建立了一个制作游戏的团队，希望能和大家合作，一同创造出属于我们自己的原创作品。</p>
</div>
</div>
</div>
</section>
<section id="skills">
<div class="wrap">
<h2 class="title">掌握的技能</h2>
<div class="row scrollable">
<div class="col-s-6 col-m-4 center-fixed">
<div class="skills-icon">
<i class="fa fa-html5"></i>
</div>
<div class="skills-title">
<h3>HTML 5</h3>
<p>熟悉 HTML5 网站的架构和开发</p>
</div>
</div>
<div class="col-s-6 col-m-4 center-fixed">
<div class="skills-icon">
<i class="fa fa-css3"></i>
</div>
<div class="skills-title">
<h3>CSS3</h3>
<p>熟悉使用 CSS3 写响应式网站、动画等</p>
</div>
</div>
<div class="col-s-6 col-m-4 center-fixed">
<div class="skills-icon">
<i class="fa fa-code"></i>
</div>
<div class="skills-title">
<h3>JavaScript</h3>
<p>能使用 JS 制作简单的程序、交互与特效</p>
</div>
</div>
</div>
</div>
</section>
<section id="works">
<div class="wrap">
<h2 class="title">个人作品</h2>
<div class="row">
<div class="col-s-6">
<div class="works-item">
<img src="static/img/works/binkic-2017.jpg"/>
<p>缤奇团队 2017 官网</p>
</div>
</div>
<div class="col-s-6">
<div class="works-item">
<img src="static/img/works/space.jpg"/>
<p>个人博客</p>
</div>
</div>
<div class="col-s-6">
<div class="works-item">
<img src="static/img/works/dream.jpg"/>
<p>梦想主题班会</p>
</div>
</div>
<div class="col-s-6">
<div class="works-item">
<img src="static/img/works/kico-style.jpg"/>
<p>Kico Style 响应式框架</p>
</div>
</div>
<div class="col-s-6">
<div class="works-item">
<img src="static/img/works/robots.jpg"/>
<p>小缤机器人</p>
</div>
</div>
<div class="col-s-6">
<div class="works-item">
<img src="static/img/works/single.jpg"/>
<p>Single 博客主题</p>
</div>
</div>
<div class="col-s-6">
<div class="works-item">
<img src="static/img/works/kico-player.jpg"/>
<p>Kico Player 播放器</p>
</div>
</div>
<div class="col-s-6">
<div class="works-item">
<img src="static/img/works/sweet.jpg"/>
<p>个人主页 Sweet</p>
</div>
</div>
<div class="col-s-6">
<div class="works-item">
<img src="static/img/works/binkic-2018.jpg"/>
<p>缤奇团队 2018 官网</p>
</div>
</div>
</div>
</div>
</section>
<section id="story">
<div class="wrap">
<h2 class="title">个人经历</h2>
<div class="row">
<div class="col-m-8">
<ul class="timeline">
<li>2015.07.03：创立缤奇（Binkic）团队</li>
<li>2015.12.20：仿照某动漫官网编写模板，并搭建运营了一个动漫型社区</li>
<li>2016.05.30：带领团队进行招新，并发起了首个游戏项目：<a>色块冲刺</a></li>
<li>2016.08.17：为团队制作了首部宣传片：<a href="https://www.bilibili.com/video/av14078749" target="_blank">创意可以改变什么</a></li>
<li>2016.12.08：个人编写的前端响应式框架 <a href="https://kico.binkic.com/style" target="_blank">Kico Style</a> 初现雏形</li>
<li>2017.03.01：基于 Kico Style 的第一个原创 <a href="https://www.binkic.com" target="_blank">缤奇团队官网</a> 正式上线</li>
<li>2017.04.27：使用前端技术编写的 <a href="https://github.com/Dreamer-Paul/Meeting" target="_blank">梦想晨会</a> 制作完成</li>
<li>2017.06.07：参加“众创杯”创业大赛校园选拔赛，团队项目荣获三等奖</li>
<li>2017.06.17：动漫门户网站制作完成，内含一个自己设计的简单音乐播放器</li>
<li>2017.06.25：参加全国中职信息技术技能大赛微网站项目，荣获一等奖</li>
<li>2017.08.03：原创博客主题 <a href="https://github.com/Dreamer-Paul/Single" target="_blank">Single</a> 发布，截至 2 月共有 66 Stars</li>
<li>2017.09.19：个人编写的播放器 <a href="https://kico.binkic.com/player" target="_blank">Kico Player</a> 发布测试版</li>
<li>2017.12.12：基于 ES6 的时钟小工具 <a href="https://kico.binkic.com/tools" target="_blank">Kico Tools</a> 发布测试版</li>
<li>2017.12.18：第一个基于 PHP 的个人首页 <a href="https://paul.gq" target="_blank">Sweet</a> 发布正式版</li>
<li>2018.01.01：缤奇团队新<a href="https://www.binkic.com" target="_blank">官网</a>正式上线，后端采用 Typecho 驱动</li>
<li>2018.02.16：结合前后端制作了一个春节的<a href="https://paugram.com/coding/css-red-packet.html" target="_blank">问答红包</a>，使用正则判断答案</li>
</ul>
</div>
<div class="col-m-4 center-fixed">
<img src="static/img/story.png"/>
</div>
</div>
</div>
</section>
<section class="content-d" id="team">
<div class="wrap">
<h2 class="title">我的团队</h2>
<div class="row">
<div class="col-m-6">
<p>我的团队 - 缤奇团队由一群热爱科技创新的年轻人所组成，做到了“实际”与“创新”的结合。奇思妙想不乏真正落实。集思广益，生动有趣的创意，尽在缤奇。缤奇团队如今有超过30名成员，各个部门互帮互助，同为一个目标而努力进取着。</p>
<p>缤奇团队致力于开发原创游戏、动漫等项目。目前我们已完成项目有手机游戏“色块冲刺”、聊天娱乐项目“小缤机器人”等。正在创作项目有解密游戏“月亮湖的秘密”、VR 项目“梦想码头”等。缤奇官网 & 社区已陆续开放。网站采用团队成员自主编写的 CSS3 自适应框架，针对移动设备有布局优化，缤奇团队有着丰富的网站建设技术能力、有独立的画师以及文编。</p>
<p>团队官网：<a href="https://www.binkic.com">https://www.binkic.com</a></p>
</div>
<div class="col-m-6 center">
<img src="static/img/team.png"/>
</div>
</div>
</div>
</section>
<footer>
<p>© 2018 By <a href="https://paugram.com" title="保罗的博客" target="_blank">Dreamer-Paul</a>.</p>
</footer>
</main>
<script src="static/kico.js"></script>
<script src="static/paul.js"></script>
</body>
</html>