代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html lang="en" class="no-js">
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8"/>
<title>个人主页</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<meta content="" name="description"/>
<meta content="" name="author"/>
<!-- GLOBAL MANDATORY STYLES -->
<link href="http://fonts.googleapis.com/css?family=Hind:300,400,500,600,700" rel="stylesheet" type="text/css">
<link href="vendor/simple-line-icons/css/simple-line-icons.css" rel="stylesheet" type="text/css"/>
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<!-- PAGE LEVEL PLUGIN STYLES -->
<link href="css/animate.css" rel="stylesheet">
<!-- THEME STYLES -->
<link href="css/layout.min.css" rel="stylesheet" type="text/css"/>
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico"/>
</head>
<!-- END HEAD -->
<!-- BODY -->
<body id="body" data-spy="scroll" data-target=".header">
<!--========== HEADER ==========-->
<header class="header navbar-fixed-top">
<!-- Navbar -->
<nav class="navbar" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="menu-container js_nav-item">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="toggle-icon"></span>
</button>
<!-- Logo -->
<!-- <div class="logo">
<a class="logo-wrap" href="#body">
<img class="logo-img logo-img-main" src="img/logo.png" alt="Asentus Logo">
<img class="logo-img logo-img-active" src="img/logo-dark.png" alt="Asentus Logo">
</a>
</div> -->
<!-- End Logo -->
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse nav-collapse">
<div class="menu-container">
<ul class="nav navbar-nav navbar-nav-right">
<li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="#body">Home</a></li>
<li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="#about">About</a></li>
<li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="#experience">Experience</a></li>
<li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="#work">Work</a></li>
<li class="js_nav-item nav-item"><a class="nav-item-child nav-item-hover" href="#contact">Contact</a></li>
</ul>
</div>
</div>
<!-- End Navbar Collapse -->
</div>
</nav>
<!-- Navbar -->
</header>
<!--========== END HEADER ==========-->
<!--========== SLIDER ==========-->
<div class="promo-block parallax-window" data-parallax="scroll" data-image-src="img/1920x1080/01.jpg">
<div class="container">
<div class="row">
<div class="col-sm-6">
<div class="promo-block-divider">
<h1 class="promo-block-title">李泽 <br/> </h1>
<h2 class="promo-block-text">Busy for living,or busy for dying.</h2>
<p class="promo-block-text">Java 开发工程师 & 未来的架构师</p>
</div>
<ul class="list-inline">
<li><a href="#" class="social-icons"><i class="icon-social-facebook"></i></a></li>
<li><a href="#" class="social-icons"><i class="icon-social-twitter"></i></a></li>
<li><a href="#" class="social-icons"><i class="icon-social-dribbble"></i></a></li>
<li><a href="#" class="social-icons"><i class="icon-social-behance"></i></a></li>
<li><a href="#" class="social-icons"><i class="icon-social-linkedin"></i></a></li>
</ul>
</div>
</div>
<!--// end row -->
</div>
</div>
<!--========== SLIDER ==========-->
<!--========== PAGE LAYOUT ==========-->
<!-- About -->
<div id="about">
<div class="container content-lg">
<div class="row">
<div class="col-sm-3 sm-margin-b-30">
<div class="text-right sm-text-left">
<h2 class="margin-b-0">Intro</h2>
<p>What I am all about.</p>
</div>
</div>
<div class="col-sm-8 col-sm-offset-1">
<div class="margin-b-60">
<p>我叫李泽，来自河北保定，毕业于河北工业大学城市学院。我喜欢听音乐，看电影，玩游戏。</p>
<p>具有良好的学习能力，思维能力较强，可以独自学习新的知识和技术，并在实际工作中使用<br>
性格开朗，具有较强的社交能力和责任心，可以很好的融入新的团队，按时完成工作任务 <br>
热爱编程，热衷于对新知识的学习</p>
</div>
<!-- Progress Box -->
<div class="progress-box">
<h5>JAVA基础知识 <span class="color-heading pull-right">87%</span></h5>
<div class="progress">
<div class="progress-bar bg-color-base" role="progressbar" data-width="87"></div>
</div>
</div>
<div class="progress-box">
<h5>前端的相关技术，HTML，CSS,JavaScript,JQuery,Bootstrap <span class="color-heading pull-right">60%</span></h5>
<div class="progress">
<div class="progress-bar bg-color-base" role="progressbar" data-width="60"></div>
</div>
</div>
<div class="progress-box">
<h5>MySQL,Oracle <span class="color-heading pull-right">72%</span></h5>
<div class="progress">
<div class="progress-bar bg-color-base" role="progressbar" data-width="72"></div>
</div>
</div>
<div class="progress-box">
<h5>spring,spring-mvc,mybatis等框架 <span class="color-heading pull-right">77%</span></h5>
<div class="progress">
<div class="progress-bar bg-color-base" role="progressbar" data-width="77"></div>
</div>
</div>
<!-- End Progress Box -->
</div>
</div>
<!--// end row -->
</div>
</div>
<!-- End About -->
<!-- Experience -->
<div id="experience">
<div class="bg-color-sky-light" data-auto-height="true">
<div class="container content-lg">
<div class="row">
<div class="col-sm-3 sm-margin-b-30">
<div class="text-right sm-text-left">
<h2 class="margin-b-0">Experience</h2>
<p>Batman would be jealous.</p>
</div>
</div>
<div class="col-sm-8 col-sm-offset-1">
<div class="row row-space-2 margin-b-4">
<div class="col-md-4 md-margin-b-4">
<div class="service" data-height="height">
<div class="service-element">
<i class="service-icon icon-chemistry"></i>
</div>
<div class="service-info">
<h3>实习经历</h3>
<p class="margin-b-5">2016.7-2016.9在河北智德科技公司实习，学到了很多知识。</p>
</div>
<a href="#" class="content-wrapper-link"></a>
</div>
</div>
<div class="col-md-4 md-margin-b-4">
<div class="service bg-color-base wow zoomIn" data-height="height" data-wow-duration=".3" data-wow-delay=".1s">
<div class="service-element">
<i class="service-icon color-white icon-screen-tablet"></i>
</div>
<div class="service-info">
<h3 class="color-white">培训经历</h3>
<p class="color-white margin-b-5">2017.03-2017.7在达内经历了几个月的培训，系统的学习了java开发。</p>
</div>
<a href="#" class="content-wrapper-link"></a>
</div>
</div>
<div class="col-md-4">
<div class="service" data-height="height">
<div class="service-element">
<i class="service-icon icon-badge"></i>
</div>
<div class="service-info">
<h3>工作经历</h3>
<p class="margin-b-5">2017.8-2018.1在两高律师事务所工作，主要从事写代码，参与功能模块及数据库的设计与实现，测试个模块功能</p>
</div>
<a href="#" class="content-wrapper-link"></a>
</div>
</div>
</div>
<!--// end row -->
</div>
</div>
<!--// end row -->
</div>
</div>
</div>
<!-- End Experience -->
<!-- Work -->
<div id="work">
<div class="container content-lg">
<div class="row">
<div class="col-sm-3 sm-margin-b-30">
<div class="text-right sm-text-left">
<h2 class="margin-b-0">Works</h2>
<p>I build the real value.</p>
</div>
</div>
<div class="col-sm-8 col-sm-offset-1">
<!-- Masonry Grid -->
<div class="masonry-grid row row-space-2">
<div class="masonry-grid-sizer col-xs-6 col-sm-6 col-md-1"></div>
<div class="masonry-grid-item col-xs-12 col-sm-6 col-md-8 margin-b-4">
<!-- Work -->
<div class="work work-popup-trigger0">
<div class="work-overlay">
<img class="full-width img-responsive" src="img/800x400/01.jpg" alt="Portfolio Image">
</div>
<div class="work-popup-overlay">
<div class="work-popup-content">
<a href="javascript:void(0);" class="work-popup-close">Hide</a>
<div class="margin-b-30">
<h3 class="margin-b-5">Art Of Coding</h3>
<span>Clean & Minimalistic Design</span>
</div>
<div class="row">
<div class="col-sm-8 work-popup-content-divider sm-margin-b-20">
<div class="margin-t-10 sm-margin-t-0">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
<ul class="list-inline work-popup-tag">
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Design,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Coding,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Portfolio</a></li>
</ul>
</div>
</div>
<div class="col-sm-4">
<div class="margin-t-10 sm-margin-t-0">
<p class="margin-b-5"><strong>Project Leader:</strong> John Doe</p>
<p class="margin-b-5"><strong>Designer:</strong> Alisa Keys</p>
<p class="margin-b-5"><strong>Developer:</strong> Mark Doe</p>
<p class="margin-b-5"><strong>Customer:</strong> Keenthemes</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Work -->
</div>
<div class="masonry-grid-item col-xs-12 col-sm-6 col-md-4 margin-b-4">
<!-- Work -->
<div class="work work-popup-trigger0">
<div class="work-overlay">
<img class="full-width img-responsive" src="img/397x400/01.jpg" alt="Portfolio Image">
</div>
<div class="work-popup-overlay">
<div class="work-popup-content">
<a href="javascript:void(0);" class="work-popup-close">Hide</a>
<div class="margin-b-30">
<h3 class="margin-b-5">Art Of Coding</h3>
<span>Clean & Minimalistic Design</span>
</div>
<div class="row">
<div class="col-sm-8 work-popup-content-divider sm-margin-b-20">
<div class="margin-t-10 sm-margin-t-0">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
<ul class="list-inline work-popup-tag">
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Design,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Coding,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Portfolio</a></li>
</ul>
</div>
</div>
<div class="col-sm-4">
<div class="margin-t-10 sm-margin-t-0">
<p class="margin-b-5"><strong>Project Leader:</strong> John Doe</p>
<p class="margin-b-5"><strong>Designer:</strong> Alisa Keys</p>
<p class="margin-b-5"><strong>Developer:</strong> Mark Doe</p>
<p class="margin-b-5"><strong>Customer:</strong> Keenthemes</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Work -->
</div>
<div class="masonry-grid-item col-xs-12 col-sm-6 col-md-4 md-margin-b-4">
<!-- Work -->
<div class="work work-popup-trigger0">
<div class="work-overlay">
<img class="full-width img-responsive" src="img/397x300/01.jpg" alt="Portfolio Image">
</div>
<div class="work-popup-overlay">
<div class="work-popup-content">
<a href="javascript:void(0);" class="work-popup-close">Hide</a>
<div class="margin-b-30">
<h3 class="margin-b-5">Art Of Coding</h3>
<span>Clean & Minimalistic Design</span>
</div>
<div class="row">
<div class="col-sm-8 work-popup-content-divider sm-margin-b-20">
<div class="margin-t-10 sm-margin-t-0">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
<ul class="list-inline work-popup-tag">
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Design,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Coding,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Portfolio</a></li>
</ul>
</div>
</div>
<div class="col-sm-4">
<div class="margin-t-10 sm-margin-t-0">
<p class="margin-b-5"><strong>Project Leader:</strong> John Doe</p>
<p class="margin-b-5"><strong>Designer:</strong> Alisa Keys</p>
<p class="margin-b-5"><strong>Developer:</strong> Mark Doe</p>
<p class="margin-b-5"><strong>Customer:</strong> Keenthemes</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Work -->
</div>
<div class="masonry-grid-item col-xs-12 col-sm-6 col-md-4 md-margin-b-4">
<!-- Work -->
<div class="work work-popup-trigger0">
<div class="work-overlay">
<img class="full-width img-responsive" src="img/397x300/02.jpg" alt="Portfolio Image">
</div>
<div class="work-popup-overlay">
<div class="work-popup-content">
<a href="javascript:void(0);" class="work-popup-close">Hide</a>
<div class="margin-b-30">
<h3 class="margin-b-5">Art Of Coding</h3>
<span>Clean & Minimalistic Design</span>
</div>
<div class="row">
<div class="col-sm-8 work-popup-content-divider sm-margin-b-20">
<div class="margin-t-10 sm-margin-t-0">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
<ul class="list-inline work-popup-tag">
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Design,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Coding,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Portfolio</a></li>
</ul>
</div>
</div>
<div class="col-sm-4">
<div class="margin-t-10 sm-margin-t-0">
<p class="margin-b-5"><strong>Project Leader:</strong> John Doe</p>
<p class="margin-b-5"><strong>Designer:</strong> Alisa Keys</p>
<p class="margin-b-5"><strong>Developer:</strong> Mark Doe</p>
<p class="margin-b-5"><strong>Customer:</strong> Keenthemes</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Work -->
</div>
<div class="masonry-grid-item col-xs-12 col-sm-6 col-md-4">
<!-- Work -->
<div class="work work-popup-trigger0">
<div class="work-overlay">
<img class="full-width img-responsive" src="img/397x300/03.jpg" alt="Portfolio Image">
</div>
<div class="work-popup-overlay">
<div class="work-popup-content">
<a href="javascript:void(0);" class="work-popup-close">Hide</a>
<div class="margin-b-30">
<h3 class="margin-b-5">Art Of Coding</h3>
<span>Clean & Minimalistic Design</span>
</div>
<div class="row">
<div class="col-sm-8 work-popup-content-divider sm-margin-b-20">
<div class="margin-t-10 sm-margin-t-0">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
<ul class="list-inline work-popup-tag">
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Design,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Coding,</a></li>
<li class="work-popup-tag-item"><a class="work-popup-tag-link" href="#">Portfolio</a></li>
</ul>
</div>
</div>
<div class="col-sm-4">
<div class="margin-t-10 sm-margin-t-0">
<p class="margin-b-5"><strong>Project Leader:</strong> John Doe</p>
<p class="margin-b-5"><strong>Designer:</strong> Alisa Keys</p>
<p class="margin-b-5"><strong>Developer:</strong> Mark Doe</p>
<p class="margin-b-5"><strong>Customer:</strong> Keenthemes</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Work -->
</div>
</div>
<!-- End Masonry Grid -->
</div>
</div>
<!--// end row -->
</div>
</div>
<!-- End Work -->
<!-- Contact -->
<div id="contact">
<div class="bg-color-sky-light">
<div class="container content-lg">
<div class="row">
<div class="col-sm-3 sm-margin-b-30">
<div class="text-right sm-text-left">
<h2 class="margin-b-0">Contacts</h2>
<p>Hire me.</p>
</div>
</div>
<div class="col-sm-8 col-sm-offset-1">
<div class="row">
<div class="col-md-3 col-xs-6 md-margin-b-30">
<h5>Location</h5>
<a href="#">北京, 昌平区</a>
</div>
<div class="col-md-3 col-xs-6 md-margin-b-30">
<h5>Phone</h5>
<a href="#">13146057991</a>
</div>
<div class="col-md-3 col-xs-6">
<h5>Email</h5>
<a href="mailto:#">13146057991@163.com</a>
</div>
<div class="col-md-3 col-xs-6">
<!-- <h5>Web</h5>
<a href="#">alex.teseira.com</a> -->
</div>
</div>
</div>
</div>
<!--// end row -->
</div>
</div>
</div>
<!-- End Contact -->
<!--========== END PAGE LAYOUT ==========-->
<!--========== FOOTER ==========-->
<footer class="footer">
<div class="content container">
<div class="row">
<div class="col-xs-6">
</div>
<div class="col-xs-6 text-right sm-text-left">
</div>
</div>
<!--// end row -->
</div>
</footer>
<!--========== END FOOTER ==========-->
<!-- Back To Top -->
<a href="javascript:void(0);" class="js-back-to-top back-to-top">Top</a>
<!-- JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- CORE PLUGINS -->
<script src="vendor/jquery.min.js" type="text/javascript"></script>
<script src="vendor/jquery-migrate.min.js" type="text/javascript"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- PAGE LEVEL PLUGINS -->
<script src="vendor/jquery.easing.js" type="text/javascript"></script>
<script src="vendor/jquery.back-to-top.js" type="text/javascript"></script>
<script src="vendor/jquery.smooth-scroll.js" type="text/javascript"></script>
<script src="vendor/jquery.wow.min.js" type="text/javascript"></script>
<script src="vendor/jquery.parallax.min.js" type="text/javascript"></script>
<script src="vendor/jquery.appear.js" type="text/javascript"></script>
<script src="vendor/masonry/jquery.masonry.pkgd.min.js" type="text/javascript"></script>
<script src="vendor/masonry/imagesloaded.pkgd.min.js" type="text/javascript"></script>
<!-- PAGE LEVEL SCRIPTS -->
<script src="js/layout.min.js" type="text/javascript"></script>
<script src="js/components/progress-bar.min.js" type="text/javascript"></script>
<script src="js/components/masonry.min.js" type="text/javascript"></script>
<script src="js/components/wow.min.js" type="text/javascript"></script>
</body>
<!-- END BODY -->
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。