<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">例如购物商城管理系统、学生管理系统、酒店管理系统、员工管理系统、
LilyCoder
- 粉丝: 1128
- 资源: 244
最新资源
- 无限循环列表插件pack包
- Delphi XE Web开发使用嵌入版Firebird数据库,演示IntraWeb的使用
- 基于MATLAB Simulink搭建的纯电动汽车整车仿真模型,包括驾驶员模块,电机模块,制动能量回收模块,传动系统模块,纵向动
- 智慧政务大数据解决方案.pdf
- MemoryAnalyzer是一个快速、功能丰富的Java heap分析工具,帮助开发者查找内存泄漏和减少内存消耗
- 基于C++实现的apollo Opendrive 高精地图解析引擎源代码+使用说明
- 单片机实训项目单片机实训项目pdf
- cp2102 串口驱动和上位机工具sscom5.13
- IEC-60870-05 104协议解析工具V1.3
- 中秋节PPT-国潮风-嫦娥奔月
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈