<!doctype html>
<html lang="zxx">
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- SITE TITLE -->
<title>HTML黑色简约个人网站模板源码</title>
<link href="static/css/css.css" rel="stylesheet">
<link href="static/css/font-awesome.min.css" rel="stylesheet">
<link href="static/css/themify-icons.css" rel="stylesheet">
<link href="static/css/etline.css" rel="stylesheet">
<link href="static/css/plugins.css" rel="stylesheet">
<link href="static/css/lightbox.min.css" rel="stylesheet">
<link href="static/css/responsive.css" rel="stylesheet">
<link href="static/css/style.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="#"></script>
<script src="#"></script>
<![endif]-->
</head>
<body data-spy="scroll" data-offset="80">
<!-- START PRELOADER -->
<div class="preloader">
<div class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
</div>
<!-- END PRELOADER -->
<!-- START NAVBAR -->
<header class="header_area">
<div class="main_header navbar navbar-default menu-top">
<div class="container">
<div class="row">
<div class="col-md-2 col-sm-2 col-xs-4">
<div class="logo">
<a href="" class="navbar-brand"><p>LilyCoder</p></a>
<div class="mobile-nav"></div>
</div>
</div>
<div class="col-md-10 col-sm-10 col-xs-8">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="fa fa-navicon"></span>
</button>
</div>
<nav id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#home">首页</a></li>
<li><a href="#about">关于我</a></li>
<li><a href="#service">个人技能</a></li>
<li><a href="#resume">个人经历</a></li>
<li><a href="#portfolio">个人作品</a></li>
<li><a href="#blog">个人博客</a></li>
<li><a href="#contact">在线留言</a></li>
</ul>
</nav>
</div>
</div>
</div><!--- END CONTAINER -->
</div>
</header>
<!-- END NAVBAR -->
<!-- START BANNER DESIGN -->
<section id="home" class="main_banner banner_bg">
<div id="particles-js"></div>
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="banner_content">
<h1 class="cd-headline clip">
<span class="fw_600">努力到无能为力,拼搏到感动自己</span>
<span class="cd-words-wrapper">
<b class="is-visible fw_300">代码如诗,简洁为美</b>
<b class="fw_300">坚持初心,持续学习</b>
<b class="fw_300">创新是编程的灵魂,不断突破自我限制</b>
<b class="fw_300">代码不仅仅是工具,更是思维的体现</b>
</span>
</h1>
<a href="#about" class="banner_btn">关于我</a>
<a href="#contact" class="banner_btn js-scroll">在线留言</a>
</div>
</div>
</div>
</div>
</section>
<!-- END BANNER DESIGN -->
<!-- START ABOUT -->
<section id="about" class="dark_bg section_padding">
<div class="container">
<div class="col-md-12 col-sm-12-col-xs-12">
<div class="section_heading text-center">
<h2>关于 <span>一个努力的码农</span></h2>
<p>细节决定成败,代码中的每一个字符都至关重要</p>
<div class="sm_border"></div>
</div>
</div>
<div class="single_about">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="about_image wow animated fadeInLeft">
<img src="static/picture/about.jpg" alt="about-image">
</div>
</div>
<div class="col-md-6 col-sm-6 col-xs-12">
<div class="about_content_area wow animated fadeInRight">
<h4>创新是编程的灵魂 <span>不断突破自我限制</span></h4>
<p>代码不仅仅是工具,更是思维的体现 ,质量重于速度,编写可维护的代码,代码不仅仅是工具,更是思维的体现,质量重于速度,编写可维护的代码,代码不仅仅是工具,更是思维的体现,质量重于速度,编写可维护的代码,代码不仅仅是工具,更是思维的体现,质量重于速度,编写可维护的代码</p>
<div class="about_details">
<div class="row">
<div class="col-md-12">
<div class="ct_about">
<span> 姓名 </span> : LilyCoder
</div>
</div>
<div class="col-md-12">
<div class="ct_about">
<span> 年龄 </span>
: 26
</div>
</div>
<div class="col-md-12">
<div class="ct_about">
<span> 地址 </span>
: 武汉市某某街区
</div>
</div>
<div class="col-md-12">
<div class="ct_about">
<span> 个人爱好 </span>
: 编程 听音乐 旅行
</div>
</div>
<div class="col-md-12">
<div class="ct_about">
<span> 学校 </span>
: 某某大学
</div>
</div>
</div>
</div>
<a href="#" class="btn btn-default main_btn">关于我</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- END ABOUT -->
<!-- START SERVICE -->
<section id="service" class="dark_bg section_padding">
<div class="container">
<div class="col-md-12 col-sm-12-col-xs-12">
<div class="section_heading text-center">
<h2>我的 <span>个人技能</span></h2>
<p>代码如诗,简洁为美,细节决定成败,代码中的每一个字符都至关重要,创新是编程的灵魂,不断突破自我限制</p>
<div class="sm_border"></div>
</div>
</div>
<div class="row text-center">
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="single-service wow fadeInDown" data-wow-delay="0.3s">
<i class="fa fa-code"></i>
<h4>网站设计</h4>
<p>代码如诗,简洁为美,细节决定成败,代码中的每一个字符都至关重要,创新是编程的灵魂,不断突破自我限制</p>
</div>
</div> <!-- End Col -->
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="single-service wow fadeInDown" data-wow-delay="0.3s">
<i class="fa fa-paint-brush"></i>
<h4>应用程序设计</h4>
<p>代码如诗,简洁为美,细节决定成败,代码中的每一个字符都至关重要,创新是编程的灵魂,不断突破自我限制</p>
</div>
</div> <!-- End Col -->
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="single-service wow fadeInDown" data-wow-delay="0.3s">
<i class="fa fa-camera"></i>
<h4>上位机程序设计</h4>
<p>代码如诗,简洁为美,细节决定成败,�
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
页面数量:1页 网页主题:个人网站模板、人物介绍、个人主页网站模板、网站模板 网页页面:首页、关于我、个人技能、个人经历、个人作品、个人博客、在线留言 页面实现元素:导航 、背景动画、滚动加载、文字轮播、图文列表、图片切换、 按钮悬停、图片列表、文字列表、文字悬停、图片悬停、选项卡切换、表单、回到顶部 实现技术:HTML、CSS 、JQuery
资源推荐
资源详情
资源评论
收起资源包目录
HTML5黑色简约个人网站模板源码.zip (86个子文件)
HTML5黑色简约个人网站模板源码
index.html 23KB
static
file
2.jpg 152KB
6.jpg 111KB
1.jpg 28KB
5.jpg 136KB
3.jpg 91KB
4.jpg 95KB
picture
2.jpg 152KB
about.jpg 22KB
6.jpg 111KB
1.jpg 28KB
21.jpg 92KB
5.jpg 136KB
11.jpg 85KB
31.jpg 75KB
3.jpg 91KB
4.jpg 95KB
font
themify.svg 229KB
pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2 8KB
pxiDyp8kv8JHgFVrJJLm21lVFteOcEg.woff2 45KB
pxiByp8kv8JHgFVrLDD4Z1JlFc-K.woff2 5KB
pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2 5KB
fontawesome-webfont.eot 162KB
pxiGyp8kv8JHgFVrJJLucHtA.woff2 8KB
pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2 8KB
pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2 38KB
pxiDyp8kv8JHgFVrJJLm21lVGdeOcEg.woff2 6KB
fontawesome-webfont.woff 96KB
fontawesome-webfont.woff2 75KB
pxiEyp8kv8JHgFVrJJbecmNE.woff2 39KB
pxiGyp8kv8JHgFVrJJLucXtAKPY.woff2 45KB
pxiEyp8kv8JHgFVrJJnecmNE.woff2 5KB
pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2 38KB
et-line.svg 171KB
pxiDyp8kv8JHgFVrJJLm21lVF9eO.woff2 9KB
pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2 38KB
pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2 8KB
et-line.ttf 32KB
pxiByp8kv8JHgFVrLDD4Z11lFc-K.woff2 38KB
pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2 5KB
et-line.woff 54KB
fontawesome-webfont.svg 434KB
pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2 8KB
fontawesome-webfont.ttf 162KB
pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2 5KB
pxiGyp8kv8JHgFVrJJLufntAKPY.woff2 6KB
et-line.eot 32KB
themify.woff 55KB
themify.eot 77KB
pxiEyp8kv8JHgFVrJJfecg.woff2 8KB
themify.ttf 77KB
image
counter.jpg 111KB
prev.png 1KB
banner.jpg 28KB
loading.gif 8KB
next.png 1KB
close.png 280B
js
particles.min.js 23KB
animated-headline.js 6KB
bootstrap.min.js 36KB
app.js 3KB
main.js 2KB
modernizr-2.8.3.min.js 15KB
jquery.stellar.min.js 12KB
owl.carousel.min.js 42KB
wow.min.js 8KB
jquery.nav.js 5KB
lightbox.min.js 9KB
jquery.min.js 85KB
scrolltopcontrol.js 4KB
isotope.pkgd.min.js 35KB
jquery.inview.min.js 1KB
css
style.css 19KB
etline.css 7KB
bootstrap.min.css 119KB
animated-headline.css 27KB
plugins.css 832B
responsive.css 3KB
normalize.css 6KB
animate.css 25KB
font-awesome.min.css 30KB
css.css 7KB
owl.theme.default.min.css 936B
themify-icons.css 16KB
lightbox.min.css 3KB
owl.carousel.min.css 3KB
共 86 条
- 1
资源评论
LilyCoder
- 粉丝: 1146
- 资源: 308
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- Refrig-RefrigerationBoxLoads.exe
- AHTTv510.pdf
- TRANE.zip
- 开利PLV IPLV计算软件ECAT-PLV120.zip
- Copeland-Refrigeration-Manuals.zip
- 汽车空调制冷系统匹配设计1.pdf
- 换热器选型GreenheckCoilSelection.zip
- SystemSyzerPsychrometric .exe
- 汽车空调制冷系统匹配研究1.pdf
- 混合动力汽车空调系统研究及优化1.pdf
- 电动汽车热泵空调系统匹配特性研究1.pdf
- 基于互信息(MI)的回归数据特征选择算法 matlab代码
- 纯电动汽车动力电池与空调联合热管理仿真研究1.pdf
- 某车型汽车空调系统匹配研究1.pdf
- 汽车空调制冷系统匹配计算及研究1.pdf
- 商用车驻车空调系统性能分与实验研究1.pdf
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功