1 Star 0 Fork 0

ZYC3339 / resume

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
resume.html 21.45 KB
一键复制 编辑 原始数据 按行查看 历史
ZYC3339 提交于 2021-05-09 12:23 . Initial commit
<!DOCTYPE html>
<html lang="en">
<head>
<title>Pillar - Bootstrap 4 Intention/CV Template for Developers</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Responsive Intention Template">
<meta name="author" content="Xiaoying Riley at 3rd Wave Media">
<link rel="shortcut icon" href="images/favicon.ico">
<!-- Google Font -->
<!-- <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">-->
<!-- FontAwesome JS-->
<script defer src="https://use.fontawesome.com/releases/v5.1.1/js/all.js" integrity="sha384-BtvRZcyfv4r0x/phJt9Y9HhnN5ur1Z+kZbKVgzVBAlQZX4jvAuImlIz+bG7TS00a" crossorigin="anonymous"></script>
<!-- Theme CSS -->
{% load static %}
<link id="theme-style" rel="stylesheet" href="css/pillar-1.css">
</head>
<body>
<article class="resume-wrapper text-center position-relative">
<div class="resume-wrapper-inner mx-auto text-left bg-white shadow-lg">
<header class="resume-header pt-4 pt-md-0">
<div class="media flex-column flex-md-row">
<img class="mr-3 img-fluid picture mx-auto" src="images/profile.jpg" alt="">
<div class="media-body p-4 d-flex flex-column flex-md-row mx-auto mx-lg-0">
<div class="primary-info">
<h1 class="name mt-0 mb-1 text-white text-uppercase text-uppercase">周小白</h1>
<div class="title mb-3">自动化测试工程师</div>
<ul class="list-unstyled">
<li class="mb-2"><a href="#"><i class="far fa-envelope fa-fw mr-2" data-fa-transform="grow-3"></i>yunchao2020@126.com</a></li>
<li><a href="#"><i class="fas fa-mobile-alt fa-fw mr-2" data-fa-transform="grow-6"></i>+86 16712108457</a></li>
</ul>
</div><!--//primary-info-->
<div class="secondary-info ml-md-auto mt-2">
<ul class="resume-social list-unstyled">
<li class="mb-3"><a href="#"><span class="fa-container text-center mr-2"><i class="fab fa-linkedin-in fa-fw"></i></span>linkedin.com/in/stevedoe</a></li>
<li class="mb-3"><a href="https://gitee.com/yunchao2020" target="_blank"><span class="fa-container text-center mr-2"><i class="fab fa-github-alt fa-fw"></i></span>github.com/yunchao2020</a></li>
<li class="mb-3"><a href="#"><span class="fa-container text-center mr-2"><i class="fab fa-codepen fa-fw"></i></span>codepen.io/username/</a></li>
<li><a href="#"><span class="fa-container text-center mr-2"><i class="fas fa-globe"></i></span>yourwebsite.com</a></li>
</ul>
</div><!--//secondary-info-->
</div><!--//media-body-->
</div><!--//media-->
</header>
<div class="resume-body p-5">
<section class="resume-section summary-section mb-5">
<h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">工作经验概括 | 职业生涯摘要</h2>
<div class="resume-section-content">
<p class="mb-0">Summarise your career here. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. You can download this free resume/CV template here. Aenean commodo ligula eget dolor aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget.</p>
</div>
</section><!--//summary-section-->
<div class="row">
<div class="col-lg-9">
<section class="resume-section experience-section mb-5">
<h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">工作经验</h2>
<div class="resume-section-content">
<div class="resume-timeline position-relative">
<article class="resume-timeline-item position-relative pb-5">
<div class="resume-timeline-item-header mb-2">
<div class="d-flex flex-column flex-md-row">
<h3 class="resume-position-title font-weight-bold mb-1">测试工程师</h3>
<div class="resume-company-name ml-auto">义橙网络科技(上海)有限公司</div>
</div><!--//row-->
<div class="resume-position-time">2019.05 - Present</div>
</div><!--//resume-timeline-item-header-->
<div class="resume-timeline-item-desc">
<p>Role description goes here ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Donec pede justo, fringilla vel.</p>
<h4 class="resume-timeline-item-desc-heading font-weight-bold">工作业绩</h4>
<p>Praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p>
<ul>
<li>Lorem ipsum dolor sit amet, 80% consectetuer adipiscing elit.</li>
<li>At vero eos et accusamus et iusto odio dignissimos.</li>
<li>Blanditiis praesentium voluptatum deleniti atque corrupti.</li>
<li>Maecenas tempus tellus eget.</li>
</ul>
<h4 class="resume-timeline-item-desc-heading font-weight-bold">测试技术</h4>
<ul class="list-inline">
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Angular</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Python</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">jQuery</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Webpack</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">HTML/SASS</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">PostgresSQL</span></li>
</ul>
</div><!--//resume-timeline-item-desc-->
</article><!--//resume-timeline-item-->
<article class="resume-timeline-item position-relative pb-5">
<div class="resume-timeline-item-header mb-2">
<div class="d-flex flex-column flex-md-row">
<h3 class="resume-position-title font-weight-bold mb-1">Senior Software Developer</h3>
<div class="resume-company-name ml-auto">Google</div>
</div><!--//row-->
<div class="resume-position-time">2014 - 2018</div>
</div><!--//resume-timeline-item-header-->
<div class="resume-timeline-item-desc">
<p>Role description goes here ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Donec pede justo, fringilla vel.</p>
<h4 class="resume-timeline-item-desc-heading font-weight-bold">Achievements</h4>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
<h4 class="resume-timeline-item-desc-heading font-weight-bold">Technologies used:</h4>
<ul class="list-inline">
<li class="list-inline-item"><span class="badge badge-primary badge-pill">React</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Redux</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Django</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Webpack</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">HTML/SASS</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">MySQL</span></li>
</ul>
</div><!--//resume-timeline-item-desc-->
</article><!--//resume-timeline-item-->
<article class="resume-timeline-item position-relative pb-5">
<div class="resume-timeline-item-header mb-2">
<div class="d-flex flex-column flex-md-row">
<h3 class="resume-position-title font-weight-bold mb-1">Co-Founder & Lead Developer</h3>
<div class="resume-company-name ml-auto">To-do Lists</div>
</div><!--//row-->
<div class="resume-position-time">2012 - 2014</div>
</div><!--//resume-timeline-item-header-->
<div class="resume-timeline-item-desc">
<p>Role description goes here ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.</p>
<h4 class="resume-timeline-item-desc-heading font-weight-bold">Technologies used:</h4>
<ul class="list-inline">
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Django</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">JavaScript</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Node.js</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Require.js</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">HTML/SASS</span></li>
</ul>
</div><!--//resume-timeline-item-desc-->
</article><!--//resume-timeline-item-->
<article class="resume-timeline-item position-relative">
<div class="resume-timeline-item-header mb-2">
<div class="d-flex flex-column flex-md-row">
<h3 class="resume-position-title font-weight-bold mb-1">Web Developer <small class="text-muted">(Intern)</small></h3>
<div class="resume-company-name ml-auto">Amazon</div>
</div><!--//row-->
<div class="resume-position-time">2011 - 2012</div>
</div><!--//resume-timeline-item-header-->
<div class="resume-timeline-item-desc">
<p>Role description goes here ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum.</p>
<h4 class="resume-timeline-item-desc-heading font-weight-bold">Technologies used:</h4>
<ul class="list-inline">
<li class="list-inline-item"><span class="badge badge-primary badge-pill">Ruby on Rails</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">jQuery</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">HTML/LESS</span></li>
<li class="list-inline-item"><span class="badge badge-primary badge-pill">MongoDB</span></li>
</ul>
</div><!--//resume-timeline-item-desc-->
</article><!--//resume-timeline-item-->
</div><!--//resume-timeline-->
</div>
</section><!--//experience-section-->
</div>
<div class="tlinks">Collect from <a href="http://www.cssmoban.com/" title="网站模板">网站模板</a></div>
<div class="col-lg-3">
<section class="resume-section skills-section mb-5">
<h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">技能 | 工具</h2>
<div class="resume-section-content">
<div class="resume-skill-item">
<h4 class="resume-skills-cat font-weight-bold">前端技能</h4>
<ul class="list-unstyled mb-4">
<li class="mb-2">
<div class="resume-skill-name">Angular</div>
<div class="progress resume-progress">
<div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 98%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
<li class="mb-2">
<div class="resume-skill-name">React</div>
<div class="progress resume-progress">
<div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 94%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
<li class="mb-2">
<div class="resume-skill-name">JavaScript</div>
<div class="progress resume-progress">
<div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 96%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
<li class="mb-2">
<div class="resume-skill-name">Node.js</div>
<div class="progress resume-progress">
<div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 92%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
<li class="mb-2">
<div class="resume-skill-name">HTML/CSS/SASS/LESS</div>
<div class="progress resume-progress">
<div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 96%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
</ul>
</div><!--//resume-skill-item-->
<div class="resume-skill-item">
<h4 class="resume-skills-cat font-weight-bold">后端技能</h4>
<ul class="list-unstyled">
<li class="mb-2">
<div class="resume-skill-name">Python/Django</div>
<div class="progress resume-progress">
<div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 95%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
<li class="mb-2">
<div class="resume-skill-name">Ruby/Rails</div>
<div class="progress resume-progress">
<div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 92%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
<li class="mb-2">
<div class="resume-skill-name">PHP</div>
<div class="progress resume-progress">
<div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 86%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
<li class="mb-2">
<div class="resume-skill-name">WordPress/Shopify</div>
<div class="progress resume-progress">
<div class="progress-bar theme-progress-bar-dark" role="progressbar" style="width: 82%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
</ul>
</div><!--//resume-skill-item-->
<div class="resume-skill-item">
<h4 class="resume-skills-cat font-weight-bold">其他</h4>
<ul class="list-inline">
<li class="list-inline-item"><span class="badge badge-light">DevOps</span></li>
<li class="list-inline-item"><span class="badge badge-light">Code Review</span></li>
<li class="list-inline-item"><span class="badge badge-light">Git</span></li>
<li class="list-inline-item"><span class="badge badge-light">Unit Testing</span></li>
<li class="list-inline-item"><span class="badge badge-light">Wireframing</span></li>
<li class="list-inline-item"><span class="badge badge-light">Sketch</span></li>
<li class="list-inline-item"><span class="badge badge-light">Balsamiq</span></li>
<li class="list-inline-item"><span class="badge badge-light">WordPress</span></li>
<li class="list-inline-item"><span class="badge badge-light">Shopify</span></li>
</ul>
</div><!--//resume-skill-item-->
</div><!--resume-section-content-->
</section><!--//skills-section-->
<section class="resume-section education-section mb-5">
<h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">教育 | 学历</h2>
<div class="resume-section-content">
<ul class="list-unstyled">
<li class="mb-2">
<div class="resume-degree font-weight-bold">MSc in Computer Science</div>
<div class="resume-degree-org">University College London</div>
<div class="resume-degree-time">2010 - 2011</div>
</li>
<li>
<div class="resume-degree font-weight-bold">BSc Maths and Physics</div>
<div class="resume-degree-org">Imperial College London</div>
<div class="resume-degree-time">2007 - 2010</div>
</li>
</ul>
</div>
</section><!--//education-section-->
<section class="resume-section reference-section mb-5">
<h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">成就 | 奖项</h2>
<div class="resume-section-content">
<ul class="list-unstyled resume-awards-list">
<li class="mb-2 pl-4 position-relative">
<i class="resume-award-icon fas fa-trophy position-absolute" data-fa-transform="shrink-2"></i>
<div class="resume-award-name">Award Name Lorem</div>
<div class="resume-award-desc">Award desc goes here, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo.</div>
</li>
<li class="mb-0 pl-4 position-relative">
<i class="resume-award-icon fas fa-trophy position-absolute" data-fa-transform="shrink-2"></i>
<div class="resume-award-name">Award Name Ipsum</div>
<div class="resume-award-desc">Award desc goes here, ultricies nec, pellentesque.</div>
</li>
</ul>
</div>
</section><!--//interests-section-->
<section class="resume-section language-section mb-5">
<h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">语言 | 能力</h2>
<div class="resume-section-content">
<ul class="list-unstyled resume-lang-list">
<li class="mb-2"><span class="resume-lang-name font-weight-bold">English</span> <small class="text-muted font-weight-normal">(Native)</small></li>
<li class="mb-2 align-middle"><span class="resume-lang-name font-weight-bold">French</span> <small class="text-muted font-weight-normal">(Professional)</small></li>
<li><span class="resume-lang-name font-weight-bold">Spanish</span> <small class="text-muted font-weight-normal">(Professional)</small></li>
</ul>
</div>
</section><!--//language-section-->
<section class="resume-section interests-section mb-5">
<h2 class="resume-section-title text-uppercase font-weight-bold pb-3 mb-3">兴趣| 爱好</h2>
<div class="resume-section-content">
<ul class="list-unstyled">
<li class="mb-1">Climbing</li>
<li class="mb-1">Snowboarding</li>
<li class="mb-1">Cooking</li>
</ul>
</div>
</section><!--//interests-section-->
</div>
</div><!--//row-->
</div><!--//resume-body-->
</div>
</article>
<footer class="footer text-center pt-2 pb-5">
<small class="copyright">Designed with <i class="fas fa-heart"></i> by 3rdwavemedia for developers / More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></small>
</footer>
</body>
</html>
1
https://gitee.com/ZYC3339/resume.git
git@gitee.com:ZYC3339/resume.git
ZYC3339
resume
resume
master

搜索帮助