代码拉取完成,页面将自动刷新
<!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>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。