当前仓库属于暂停状态,部分功能使用受限,详情请查阅 仓库状态说明
1 Star 0 Fork 1.8K

冯静雯/非你莫属-个人简历模板
暂停

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
index.html 13.01 KB
一键复制 编辑 原始数据 按行查看 历史
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="email=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="format-detection" content="telephone=no" />
<meta name="renderer" content="webkit">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<title>[简历]冯静雯-18级网络与新媒体学生</title>
<link rel="shortcut icon" href="assets/images/icon.ico" type="image/x-icon">
<link rel="stylesheet" href="assets/css/typo.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/index.css">
<script>
function loading() {
document.getElementsByClassName('avatar')[0].style.display = 'block';
document.getElementsByClassName('loading')[0].style.display = 'none';
}
</script>
</head>
<body>
<main>
<header class="web-font">[简历]冯静雯-18级网络与新媒体学生</header>
<article class="container">
<section class="side" id="side">
<!-- 左栏固定开关,记得及时删除这段代码 Start-->
<label class="switch" style="display: none;" onchange="switchFixed()">
<script type="text/javaScript">
function switchFixed(){
var value = document.getElementById('side').style.position === 'fixed' ? 'absolute' : 'fixed';
document.getElementById('side').style.position = value;
}
</script>
<input id="cb" type="checkbox">
<span class="slider round"></span>
</label>
<style>
@media (min-width: 414px) {
.switch {
position: relative;
display: inline-block !important;
width: 60px;
height: 34px;
}
.switch input {
display: none;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked+.slider {
background-color: #1abc9c;
}
input:focus+.slider {
box-shadow: 0 0 1px #1abc9c;
}
input:checked+.slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
}
</style>
<!-- 左侧固定开关,记得及时删除这段代码 End-->
<!-- 个人肖像 -->
<section class="me">
<section class="portrait">
<div class="loading">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<!-- 头像照片 -->
<img class="avatar" src="assets/images/Head portrait.jpg" alt="A 19 years old girl." onload="loading()">
</section>
<h1 class="name">冯静雯</h1>
<h4 class="info-job">18级网络与新媒体学生<br>
网页制作与设计小白<br> 广州</h4>
</section>
<!-- 基本信息 -->
<section class="profile info-unit">
<h2>
<i class="fa fa-black-tie fa-spin fa-3x fa-fw"></i>
<span class="sr-only">Loading...</span>
</i>基本信息</h2>
<hr />
<ul>
<li>
<label>个人信息</label>
<span>冯静雯 / 女 / 19岁</span>
</li>
<li>
<label>英语水平</label>
<span>准备考CET-4</span>
</li>
<li>
<label>爱好</label>
<span>户外运动、旅游、摄影</span>
</li>
</ul>
</section>
<!-- 联系方式 -->
<section class="contact info-unit">
<h2>
<i class="fa fa-phone-square" aria-hidden="true"></i>联系方式</h2>
<hr />
<ul>
<li>
<label>手机</label>
<a href="tel:13138639701" target="_blank">13138639701</a>
</li>
<li>
<label>邮箱</label>
<a href="mailto:1264383318@qq.com" target="_blank">1264383318@qq.com</a>
</li>
<li>
<label>个人主页</label>
<a href="https://jw-fung.github.io/Personal-homepage/" target="_blank">JW-Fung </a>
</li>
<li>
<label>Github</label>
<a href="https://github.com/JW-Fung" target="_blank">github.com/JW-Fung</a>
</li>
</ul>
</section>
<!-- 技能点 -->
<section class="skill info-unit">
<h2>
<i class="fa fa-plus" aria-hidden="true"></i>技能</h2>
<hr />
<ul>
<li>
<label>HTML</label>
<progress value="30" max="100"></progress>
</li>
<li>
<label>CSS</label>
<progress value="30" max="100"></progress>
</li>
<li>
<label>JavaScript</label>
<progress value="10" max="100"></progress>
</li>
<li>
<label>Markdown</label>
<progress value="60" max="100"></progress>
</li>
</ul>
</section>
<section class="wechatcode">
<h2><i class="fa fa-qrcode" aria-hidden="true"></i>微信二维码</h2>
<hr />
<img src="assets/images/wechat code.jpg" style="width: 90%; " alt="Phone:13138639701">
</section>
<!-- 技术栈 -->
<!-- <div class="stack info-unit">
<h2><i class="fa fa-code" aria-hidden="true"></i>其他</h2>
<hr/>
<ul>
<li>
<label>前端</label>
<span>React、jQuery、微信小程序、Bootstrap、SASS、LESS</span>
</li>
<li>
<label>后端</label>
<span>Node.js、MySQL、MongoDB、WordPress、ThinkPHP</span>
</li>
<li>
<label>其他</label>
<span>Git、SVN、Markdown</span>
</li>
</ul>
</div> -->
</section>
<section class="content">
<!-- 教育经历 -->
<section class="edu info-unit">
<h2>
<i class="fa fa-book" aria-hidden="true"></i>教育经历</h2>
<hr />
<ul>
<li>
<h3>
<span>广州市培英中学-高中</span>
<time>2015.9-2018.9</time><br>
</h3>
</li>
</ul>
<ul>
<li>
<h3><span>中山大学南方学院大学 - 网络与新媒体专业(在读)</span>
<time>2018.9-至今</time></h3>
</li>
</ul>
</section>
<!-- 工作经历 -->
<section class="work info-unit">
<h2>
<i class="fa fa-heart" aria-hidden="true"></i>在校经历</h2>
<hr />
<ul>
<li>
<h3>
<span>[经历1]中山大学南方学院勤工助学服务中心人事部(干事)</span>
<time>2018.10-至今 </time>
</h3>
<ul class="info-content">
<li>参与优能学堂的
<mark>策划与举办</mark></li>
<li>参与国家奖学金颁奖仪式工作人员
</ul>
</li>
<li>
<h3>
<span>[经历2]中山大学南方学院排球队队员</span>
<time>2018.12-至今</time>
</h3>
<ul class="info-content">
<li>2019.3.30参加
<mark>“白云杯”</mark>(后勤)
</ul>
</li>
</ul>
</section>
<!-- 作业项目 -->
<section class="project info-unit">
<h2>
<i class="fa fa-code" aria-hidden="true"></i>作业项目
</h2>
<hr />
<ul>
<li>
<h3>
<span><a href="http://jwfung.gitee.io/web-homeworkxiangpianqiang_xiangkuanghudong">[作业1]WEB HOMEWORK 相片墙_相框互动</a></span>
<span class="link">
<a href="https://gitee.com/JWFung/WEB-HOMEWORKXiangPianQiang_XiangKuangHuDong" target="_blank">源代码</a>
</span>
<time>2019.4.10-2019.4.13</time>
</h3>
<ul class="info-content">
<li>
<i class="fa fa-paper-plane-o" aria-hidden="true"></i>
[目标]练习通过制作这个网页进行HTML与CSS3的学习
<br />
<i class="fa fa-camera" aria-hidden="true"></i>
[来源]【css+svg】阴阳师幽灵边框<span class="link">
<a href="https://www.bilibili.com/video/av41081639?from=search&seid=13204270158338818768" target="_blank">link</a>
</span>
<br />
<i class="fa fa-book" aria-hidden="true"></i>
[学习]学习了<mark>svg</mark>的内容和回顾一部分的<mark>css和html</mark>知识。
<br />
</li>
</ul>
</li>
<li>
<h3>
<span><a href="http://jwfung.gitee.io/death_smiles">[作业2]死亡微笑</a></span>
<span class="link">
<a href="https://gitee.com/JWFung/death_smiles" target="_blank">源代码</a>
</span>
<time>2019.4.16</time>
</h3>
<ul class="info-content">
<li>
<i class="fa fa-paper-plane-o" aria-hidden="true"></i>
[目标]练习<mark>css与html</mark>知识。
<br />
<i class="fa fa-music" aria-hidden="true"></i>
[来源]font awesome
<span class="link">
<a href="https://fontawesome.com/icons/smile?style=solid" target="_blank">link</a>
</span>
<br />
<i class="fa fa-book" aria-hidden="true"></i>
[学习]回顾了<mark>css和html</mark>
</li>
</ul>
</li>
<li>
<h3>
<span><a href="https://github.com/JW-Fung/China_newmedia_undergrad/blob/master/list.tsv">[作业3]中国网络与新媒体列表</a></span>
<span class="link">
<a href="China_newmedia_undergrad" target="_blank">源代码</a>
</span>
<time>2019.1.1-2019.1.21</time>
</h3>
<ul class="info-content">
<li>
<i class="fa fa-paper-plane-o" aria-hidden="true"></i>
[目标]通过实操来练习<mark>Markdown语法</mark>,熟悉GitHub的基本操作与团队合作,<br>了解中国<mark>网络与新媒体专业</mark>的开设情况。
<br />
<i class="fa fa-star" aria-hidden="true"></i>
[来源]老师的原始项目
<span class="link">
<a href="https://github.com/hanteng/China_newmedia_undergrad" target="_blank">link</a>
</span>
<br />
<i class="fa fa-book" aria-hidden="true"></i>
[学习]练习了MD语法,体验了团队合作,认识到团队沟通的重要性。
</li>
</ul>
</li>
</ul>
</li>
</ul>
</ul>
</li>
</section>
<!-- 摄影作品 -->
<h2>
<i class="fa fa-camera" aria-hidden="true"></i>摄影作品</h2>
<section class="photo album">
<nav class="photos">
<figure class="photo"><img src="assets/images/sea.jpg">
<figcaption class="caption">Photo taken in Yunnan.</figcaption>
</figure>
<figure class="photo"><img src="assets/images/rain.jpg">
<figcaption class="caption">Photo taken in Guangzhou.</figcaption>
</figure>
<figure class="photo"><img src="assets/images/rainbow.jpg">
<figcaption class="caption">Photo taken at school.</figcaption>
</figure>
<figure class="photo"><img src="assets/images/sky.jpg">
<figcaption class="caption">Photo taken at home.</figcaption>
</figure>
<figure class="photo"><img src="assets/images/tree.jpg">
<figcaption class="caption">Photo taken at school.</figcaption>
</figure>
</nav>
</section>
<!-- 自我评价 -->
<section class="work info-unit">
<h2>
<i class="fa fa-heart" aria-hidden="true"></i>自我评价/期望</h2>
<hr />
<p>自律生活,自信生活。早睡早起,每天学习专业知识。<br>
<span class="mark-txt"><mark>“保持热情,无声成长”</mark></span>是我最喜欢的一句话。</p>
</section>
</section>
</article>
<footer >
<p>© 2019 冯静雯.文档最后更新时间为
<time>2019年04月27日</time>.</p>
</footer>
<!-- 侧栏 -->
<aside>
<ul>
<li>
<a href="https://gitee.com/JWFung/resume" target="_blank">源代码</a>
</li>
<li>
<a href="https://github.com/JW-Fung" target="_blank">GitHub</a>
</li>
</ul>
</aside>
<script src="./assets/js/index.js"></script>
</main>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
HTML
1
https://gitee.com/JWFung/resume.git
git@gitee.com:JWFung/resume.git
JWFung
resume
非你莫属-个人简历模板
master

搜索帮助