<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Jackson Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="shortcut icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Flexslider -->
<link rel="stylesheet" href="css/flexslider.css">
<!-- Flaticons -->
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="colorlib-page">
<div class="container-wrap">
<a href="#" class="js-colorlib-nav-toggle colorlib-nav-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
<aside id="colorlib-aside" role="complementary" class="border js-fullheight">
<div class="text-center">
<div class="author-img" style="background-image: url(images/about.jpg);"></div>
<h1 id="colorlib-logo"><a href="index.html">Jackson Ford</a></h1>
<span class="position"><a href="#">UI/UX/Designer</a> in Philippines</span>
</div>
<nav id="colorlib-main-menu" role="navigation" class="navbar">
<div id="navbar" class="collapse">
<ul>
<li class="active"><a href="#" data-nav-section="home">Home</a></li>
<li><a href="#" data-nav-section="about">About</a></li>
<li><a href="#" data-nav-section="services">Services</a></li>
<li><a href="#" data-nav-section="skills">Skills</a></li>
<li><a href="#" data-nav-section="education">Education</a></li>
<li><a href="#" data-nav-section="experience">Experience</a></li>
<li><a href="#" data-nav-section="work">Work</a></li>
<li><a href="#" data-nav-section="blog">Blog</a></li>
<li><a href="#" data-nav-section="contact">Contact</a></li>
</ul>
</div>
</nav>
<div class="colorlib-footer">
<p><small>© <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="icon-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> </span> <span>Demo Images: <a href="https://unsplash.com/" target="_blank">Unsplash.com</a></span></small></p>
<ul>
<li><a href="#"><i class="icon-facebook2"></i></a></li>
<li><a href="#"><i class="icon-twitter2"></i></a></li>
<li><a href="#"><i class="icon-instagram"></i></a></li>
<li><a href="#"><i class="icon-linkedin2"></i></a></li>
</ul>
</div>
</aside>
<div id="colorlib-main">
<section id="colorlib-hero" class="js-fullheight" data-section="home">
<div class="flexslider js-fullheight">
<ul class="slides">
<li style="background-image: url(images/img_bg_1.jpg);">
<div class="overlay"></div>
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-md-offset-3 col-md-pull-3 col-sm-12 col-xs-12 js-fullheight slider-text">
<div class="slider-text-inner js-fullheight">
<div class="desc">
<h1>Hi! <br>I'm Jackson</h1>
<h2>100% html5 bootstrap templates Made by <a href="https://colorlib.com/" target="_blank">colorlib.com</a></h2>
<p><a class="btn btn-primary btn-learn">Download CV <i class="icon-download4"></i></a></p>
</div>
</div>
</div>
</div>
</div>
</li>
<li style="background-image: url(images/img_bg_2.jpg);">
<div class="overlay"></div>
<div class="container-fluid">
<div class="row">
<div class="col-md-6 col-md-offset-3 col-md-pull-3 col-sm-12 col-xs-12 js-fullheight slider-text">
<div class="slider-text-inner">
<div class="desc">
<h1>I am <br>a Designer</h1>
<h2>100% html5 bootstrap templates Made by <a href="https://colorlib.com/" target="_blank">colorlib.com</a></h2>
<p><a class="btn btn-primary btn-learn">View Portfolio <i class="icon-briefcase3"></i></a></p>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</section>
<section class="colorlib-about" data-section="about">
<div class="colorlib-narrow-content">
<div class="row">
<div class="col-md-12">
<div class="row row-bottom-padded-sm animate-box" data-animate-effect="fadeInLeft">
<div class="col-md-12">
<div class="about-desc">
<span class="heading-meta">About Us</span>
<h2 class="colorlib-heading">Who Am I?</h2>
<p><strong>Hi I'm Jackson Ford</strong> On her way she met a copy. The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn around and return to its own, safe country.</p>
<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 animate-box" data-animate-effect="fadeInLeft">
<div class="services color-1">
<span class="icon2"><i class="icon-bulb"></i></span>
<h3>Graphic Design</h3>
</div>
</div>
<div class="col-md-3 animate-box" data-animate-effect="fadeInRight">
<div class="services color-2">
<span class="icon2"><i class="icon-globe-outline"></i></span>
<h3>Web Design</h3>
</div>
</div>
<div class="col-md-3 animate-box" data-animate-effect="fadeInTop">
<div class="services color-3">
<span class="icon2"><i class="icon-data"></i></span>
<h3>Software</h3>
</div>
</div>
<div class="col-md-3 animate-box" data-animate-effect="fadeInBottom">
<div class="services color-4">
<span class="icon2"><i class="icon-phone3"></i></span>
<h3>Application</h3>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 animate-box" data-animate-effect="fadeInLeft">
<div class="hire">
<h2>I am happy to know you <br>that 300+ projects done sucessfully!</h2>
<a href="
个人创意简历(可分享的网页)-个人简历分享展示网页模板 Bootstrap-响应式适配移动端.zip （332个子文件） 
prepros-6.config 14KB bootstrap.css 132KB animate.css 70KB style.css 40KB icomoon.css 28KB flexslider.css 7KB owl.carousel.min.css 4KB owl.theme.default.min.css 2KB icomoon.eot 152KB glyphicons-halflings-regular.eot 20KB
index.html 35KB
img-1.jpg 556KB img-3.jpg 510KB cover_bg_1.jpg 266KB blog-3.jpg 135KB blog-2.jpg 112KB about.jpg 112KB img_bg_3.jpg 94KB img-6.jpg 76KB img-5.jpg 68KB img_bg_2.jpg 67KB img-2.jpg 63KB blog-4.jpg 58KB blog-1.jpg 53KB img_bg_1.jpg 43KB img-4.jpg 30KB jquery.min.js 82KB owl.carousel.min.js 39KB bootstrap.min.js 36KB jquery.flexslider-min.js 22KB modernizr-2.6.2.min.js 15KB jquery.waypoints.min.js 9KB jquery.easing.1.3.js 8KB main.js 7KB respond.min.js 4KB jquery.countTo.js 4KB google_map.js 3KB bootstrap.css.map 74KB style.css.map 17KB
loc.png 2KB style.scss 33KB _variables.scss 30KB _glyphicons.scss 20KB _forms.scss 16KB _navbar.scss 14KB _theme.scss 8KB _normalize.scss 7KB _vendor-prefixes.scss 6KB _panels.scss 6KB _type.scss 6KB _button-groups.scss 6KB _carousel.scss 5KB _navs.scss 5KB _dropdowns.scss 5KB _tables.scss 5KB _responsive-utilities.scss 4KB _gradients.scss 4KB _input-groups.scss 4KB _buttons.scss 4KB _modals.scss 4KB _popovers.scss 3KB _grid.scss 3KB _list-group.scss 3KB _scaffolding.scss 3KB _tooltip.scss 3KB _forms.scss 3KB _grid-framework.scss 2KB _pagination.scss 2KB _progress-bars.scss 2KB _print.scss 2KB _alerts.scss 2KB bootstrap.scss 1KB _buttons.scss 1KB _grid.scss 1KB _code.scss 1KB _badges.scss 1KB _image.scss 1KB _labels.scss 1KB _jumbotron.scss 1KB _mixins.scss 986B _media.scss 900B _thumbnails.scss 892B _pager.scss 855B _component-animations.scss 819B _close.scss 815B _utilities.scss 765B _bootstrap-mincer.scss 757B _table-row.scss 715B _list-group.scss 672B _clearfix.scss 611B _breadcrumbs.scss 595B _hide-text.scss 589B _responsive-embed.scss 546B _panels.scss 543B _wells.scss 535B _responsive-visibility.scss 514B _pagination.scss 507B _border-radius.scss 492B _reset-text.scss 476B _nav-vertical-align.scss 370B共 332 条
- 1
- 2
- 3
- 4
资源评论
