<html>
<head>
<style>
.jquery-ripples {
position: relative;
z-index: 0;
}
</style>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>HTML5个人主页</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="manifest" href="site.webmanifest">
<link rel="shortcut icon" type="x-icon" href="favicon.ico">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/line-awesome.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/megapack-style.css">
<!-- 所有css结束 -->
<style type="text/css">
.fancybox-margin {
margin-right: 17px;
}
</style>
</head>
<body>
<!-- START PRELOADER -->
<div class="hola" style="display: none;">
<div id="preloader">
<span></span>
<span></span>
</div>
</div>
<!-- END PRELOADER -->
<!-- START NAVBAR -->
<div id="header-sticky" class="porri small-menu mobile-menu scroll-header">
<div class="container">
<div class="row bbr-mb">
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-9">
<div class="logo">
<a href="">
<img src="img/logo-white.png" alt="个人主页">
</a>
</div>
</div>
<div class="col-xl-9 col-lg-9 col-md-9 col-sm-3">
<div class="wrap_nav mainmenu text-right">
<ul id="nav-demo">
<li class="scroll-to"><a href="#home" class="active scroll-click">首页</a></li>
<li class="scroll-to"><a href="#about" class="scroll-click">关于我</a></li>
<li class="scroll-to"><a href="#service" class="scroll-click">我的项目</a></li>
<li class="scroll-to"><a href="#protfolio" class="scroll-click">我的作品</a></li>
<li class="scroll-to"><a href="#pricing" class="scroll-click">热门项目</a></li>
<li class="scroll-to"><a href="#client" class="scroll-click">朋友评价</a></li>
<li class="scroll-to"><a href="#blog" class="scroll-click">我的博客</a></li>
<li class="scroll-to"><a href="#contact" class="scroll-click">给我留言</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="slicknav_menu"><a href="#" aria-haspopup="true" role="button" tabindex="0"
class="slicknav_btn slicknav_collapsed" style="outline: none;"><span class="slicknav_menutxt">菜单</span><span class="slicknav_icon"><span class="slicknav_icon-bar"></span><span
class="slicknav_icon-bar"></span><span class="slicknav_icon-bar"></span></span></a>
<ul class="slicknav_nav slicknav_hidden" aria-hidden="true" role="menu" style="display: none;">
<li class="scroll-to"><a href="#home" class="active scroll-click">首页</a></li>
<li class="scroll-to"><a href="#about" class="scroll-click">关于我</a></li>
<li class="scroll-to"><a href="#service" class="scroll-click">我的项目</a></li>
<li class="scroll-to"><a href="#protfolio" class="scroll-click">我的作品</a></li>
<li class="scroll-to"><a href="#pricing" class="scroll-click">热门项目</a></li>
<li class="scroll-to"><a href="#client" class="scroll-click">朋友评价</a></li>
<li class="scroll-to"><a href="#blog" class="scroll-click">我的博客</a></li>
<li class="scroll-to"><a href="#contact" class="scroll-click">给我留言</a></li>
</ul>
</div>
</div>
<!-- END NAVBAR -->
<!-- START HOME -->
<div id="home" class="porri banner-area">
<div class="banner-active">
<div class="banner-wrapper vh d-flex" style="background-image:url(img/demo/3.jpg);">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<div class="myphoto">
<img src="img/demo/porri.jpg" alt="莉莉">
</div>
<h1>你好，我是莉莉</h1>
<h3 id="personal"><span class="typewriter-wrapper"><span id="xNqxtsN"
class="typewriter-char typewriter-item-0">网</span><span id="1vY0CTmj"
class="typewriter-char typewriter-item-1">站</span><span id="vM8iVjMk"
class="typewriter-char typewriter-item-2">开</span><span id="9Tc4pU"
class="typewriter-char typewriter-item-3">发</span><span id="E1fVVwiH"
class="typewriter-char typewriter-item-4">者</span><span id="IuyBSy7"
class="typewriter-char typewriter-item-5">g</span><span id="ktmOk"
class="typewriter-char typewriter-item-6">o</span></span><span
class="typewriter-cursor" style="opacity: 0.25;">|</span></h3>
</div>
</div>
<div class="arrow bounce">
<a class="fa fa-arrow-down fa-1x" href="#about"></a>
</div>
</div>
</div>
</div>
</div>
<!-- END HOME -->
<!-- START ABOUT -->
<div id="about" class="porri section section-about">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-tittle text-center">
<div class="tittle-detail">
<span>关于</span>
<h2>关于我</h2>
<p>努力到无能为力拼搏到感动自己</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="progress-bar-style">
<div class="skillbar-group">
<div class="single-skill-bar">
<div class="skill-bar-content">
<span class="skill-title tittle-bg">桌面程序开发</span>
</div>
<div class="bar1 barfiller">
<div class="tipWrap" style="display: inline;">
<span class="tip"
style="left: 271.4px; transition: left 3s ease-in-out 0s;">90%</span>
</div>
<span class="fill progress-bg" data-percentage="90"
style="background: rgb(22, 181, 151); width: 302.4px; transition: width 3s ease-in-out 0s;"></span>
</div>
<p class="text-muted mt-4">例如学生管理系统、酒店管理系统、员工管理系统、物流管理系统、在线考试管理系统、物资管理系统。
</p>
</div>
<div class="single-skill-bar">
<div class="skill-bar-content">
<span class="skill-title tittle-bg">网站程序开发</span>
</div>
<div class="bar2 barfiller">
<div class="tipWrap" style="display: inline;">
<span class="tip"
style="left: 238.8px; transition: left 3s ease-in-out 0s;">80%</span>
</div>
<span class="fill progress-bg" data-percentage="80"
style="background: rgb(22, 181, 151); width: 268.8px; transition: width 3s ease-in-out 0s;"></span>
</div>
<p class="text-muted mt-4">例如学生管理系统、酒店管理系统、员工管理系统、物流管理系统、在线考试管理系统、物资管理系统。</p>
</div>
</div>
</div>
</div>
<div class="col-md-4 text-center warp-middle">
<div class="about-image text-center">
<img src="img/demo/porri.jpg" alt="个人主页">
</div>
<figcaption
class="d-flex justify-content-center align-items-center shape-wrapper img-shape-two">
</figcaption>
</div>
<div class="col-md-4">
<div class="progress-bar-style">
<div class="single-skill-bar">
<div class="skill-bar-content">
<span class="skill-title tittle-bg">前端程序开发</span>
</div>
<div class="bar3 barfiller">
<div class="tipWrap" style="display: inline;">
<span class="tip" style="left: 279.12px; transition: left 3s ease-in-out 0s;">92%</span>
</div>
<span class="fill progress-bg" data-percentage="92"
style="background: rgb(22, 181, 151); width: 309.12px; transition: width 3s ease-in-out 0s;"></span>
</div>
<p class="text-muted mt-4">例如购物商城管理系统、学生管理系统、酒店管理系统、员工管理系统、
HTML5简约响应式个人主页源码.zip （62个子文件） 
HTML5简约响应式个人主页源码 js 
jquery.ripples-min.js 14KB imagesloaded.pkgd.min.js 5KB particles.min.js 23KB waypoints.min.js 8KB jquery.scrollUp.min.js 2KB jquery.slicknav.min.js 8KB bootstrap.min.js 48KB typewritter.js 10KB countdown.min.js 7KB vendor modernizr-3.6.0.min.js 8KB jquery-1.12.4.min.js 95KB jquery.counterup.min.js 1KB megapack-main.js 30KB scrollreveal.min.js 9KB tilt.jquery.min.js 6KB jquery.barfiller.js 6KB jquery.parallax-1.1.3.js 2KB owl.carousel.min.js 42KB isotope.pkgd.min.js 35KB img portfolio 
02.jpg 292KB 06.jpg 356KB 01.jpg 62KB 05.jpg 247KB 04.jpg 128KB 03.jpg 128KB demo blog3.jpg 61KB blog2.jpg 21KB porri.jpg 39KB 3.jpg 82KB blog1.jpg 14KB gallery 02.jpg 50KB 01.jpg 11KB 03.jpg 65KB parallax-feature.jpg 904KB
logo-white.png 7KB css bootstrap.min.css 138KB line-awesome.css 69KB font-awesome.min.css 30KB animate.min.css 17KB owl.carousel.min.css 3KB megapack-style.css 520KB
index.html 35KB fonts la-brands-400.woff 96KB la-solid-900.woff2 94KB la-brands-400.woff2 83KB fontawesome-webfont.eot 162KB la-regular-400.woff 15KB
la-regular-400.svg 112KB la-solid-900.ttf 221KB fontawesome-webfont.woff 96KB fontawesome-webfont.woff2 75KB la-regular-400.eot 33KB la-regular-400.woff2 13KB la-solid-900.eot 221KB la-brands-400.ttf 153KB la-brands-400.svg 909KB fontawesome-webfont.svg 434KB la-brands-400.eot 153KB fontawesome-webfont.ttf 162KB la-solid-900.svg 902KB la-solid-900.woff 118KB la-regular-400.ttf 33KB资源评论
