<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Creative Dev Bootstrap portfolio web template</title>
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSS
================================================== -->
<!-- Bootstrap -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/prettyPhoto.css">
<link rel="stylesheet" href="css/style.css">
<!-- HTML5 shim and Respond.js for 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="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll" data-target=".main-nav">
<section id="section-banner">
<div class="pattern-overlay"></div>
<div class="container">
<div class="row">
<div class="banner-content wow fadeInRight">
<h2 class="title">
<span>Hello..!</span>
<span>I'm David Beckham</span>
CREATIVE DEVELOPER
</h2>
<a href="#" class="btn btn-default">Learn More</a>
</div>
</div>
</div>
</section>
<!-- section menu start -->
<section class="section-menu">
<div class="navbar navbar-default main-nav" role="navigation" >
<div class="container" >
<div class="navbar-header">
<button class="navbar-toggle collapsed" data-target="#bs-example-navbar-collapse-1" data-toggle="collapse">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">Creative</a>
</div> <!-- navbar-header end -->
<!-- main nav -->
<div class="collapse navbar-collapse navigation" id="bs-example-navbar-collapse-1" role="navigation">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#section-banner">Home </a></li>
<li><a href="#section-profile">About me </a></li>
<li><a href="#section-skill">Skills </a></li>
<li><a href="#section-resume">Resume </a></li>
<li><a href="#section-testimonial">Testimonials </a></li>
<li><a href="#section-portfolio">Portfolio </a></li>
<li><a href="#section-contact">Contact me </a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</div>
</section>
<!-- section menu end -->
<section id="section-overview" class="section-padding">
<div class="container">
<div class="row">
<div class="service-wrapper">
<div class="service-inner wow fadeInRight" data-wow-delay=".2s">
<i class="fa fa-users"></i>
<div class="service-box">
<h3>User Story</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation</p>
</div>
</div> <!-- service -inner -->
<div class="service-inner wow fadeInRight" data-wow-delay=".5s">
<i class="fa fa-bank"></i>
<div class="service-box">
<h3>Wireframe</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation</p>
</div>
</div> <!-- service -inner -->
<div class="service-inner wow fadeInRight" data-wow-delay=".8s">
<i class="fa fa-pencil"></i>
<div class="service-box">
<h3>Graphic Design</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation</p>
</div>
</div> <!-- service -inner -->
<div class="service-inner wow fadeInRight" data-wow-delay="1.1s">
<i class="fa fa-globe"></i>
<div class="service-box">
<h3>Web Development</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation</p>
</div>
</div> <!-- service -inner -->
</div>
</div><!-- row end -->
</div>
</section>
<!-- section overview end -->
<!-- section profile start -->
<section id="section-profile" class="section-padding">
<div class="profile-bg visible-md visible-lg"></div>
<div class="container">
<div class="row">
<div class="col-md-7 col-sm-12 pull-right">
<div class="profile-desc wow fadeInRight">
<h2 class="section-title uppercase">Hello, My Name is John.</h2>
<br/>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</p>
<br/>
<p class="text-grey animated bounceInUp" style="opacity: 1;">
Sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.
</p>
<br/>
<p class="text-grey animated bounceInUp" style="opacity: 1;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</p>
</div>
</div>
</div> <!-- row end -->
</div><!-- container end -->
</section>
<!-- section profile end -->
<!-- section skill start -->
<section id="section-skill" class="section-padding">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="heading-title">My skills</h2>
</div>
<div class="col-md-6 col-sm-6 wow fadeInLeft">
<div class="skill-desc">
<p>Lorem ipsum dolor sit amet, ea doming epicuri iudicabit nam, te usu virtute placerat. Purto brute disputando cu est, eam dicam soluta ei. Vel dicam vivendo accusata ei, cum ne periculis molestiae pri.
<br>
<br>
Lorem ipsum dolor sit amet, ea doming epicuri iudicabit nam, te usu virtute placerat. Purto brute disputando cu est, eam dicam soluta ei. Vel dicam vivendo accusata ei, cum ne periculis molestiae pri.
<br>
<br>
Lorem ipsum dolor sit amet, ea doming epicuri iudicabit nam, te usu virtute placerat. Purto brute disputando cu est.</p>
</div>
</div>
<div class="col-md-6 col-sm-6 wow fadeInRight" >
<div cl
个人创意简历(可分享的网页)-个人图集作品展示网页模板 Bootstrap-响应式适配移动端.zip （90个子文件） 
个人创意简历(可分享的网页)-个人图集作品展示网页模板 Bootstrap-响应式适配移动端 html assets js 
bootstrap.js 65KB npm.js 484B bootstrap.min.js 35KB css bootstrap.min.css 114KB bootstrap-theme.css.map 42KB bootstrap-theme.css 22KB bootstrap.css.map 371KB bootstrap.css 138KB bootstrap-theme.min.css 19KB fonts 
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB js jquery.waypoints.min.js 9KB jquery.prettyPhoto.js 22KB jquery.sticky.js 6KB owl.carousel.js 43KB wow.min.js 7KB custom.js 901B jquery.easing.1.3.js 8KB jquery.js 288KB jquery.singlePageNav.js 6KB css style.css 19KB animate.css 56KB prettyPhoto.css 19KB font-awesome.min.css 23KB
index.html 26KB images portfolio 
portfolio_pic1.jpg 149KB portfolio_pic9.jpg 126KB portfolio_pic6.jpg 86KB portfolio_pic5.jpg 97KB portfolio_pic8.jpg 126KB portfolio_pic2.jpg 75KB portfolio_pic7.jpg 119KB portfolio_pic4.jpg 67KB portfolio_pic3.jpg 65KB banner.jpg 82KB
bg-pattern.png 3KB banner - Copy (2).jpg 51KB profile.jpg 72KB prettyPhoto dark_rounded 
default_thumbnail.gif 227B contentPattern.png 130B sprite.png 4KB btnNext.png 1KB btnPrevious.png 1KB loader.gif 2KB light_rounded default_thumbnail.gif 227B sprite.png 4KB btnNext.png 1KB btnPrevious.png 1KB loader.gif 2KB light_square default_thumbnail.gif 227B sprite.png 3KB btnNext.png 1KB btnPrevious.png 1KB loader.gif 2KB default sprite_prev.png 1KB sprite_x.png 1KB default_thumb.png 2KB sprite.png 7KB sprite_next.png 1KB sprite_y.png 1KB loader.gif 6KB dark_square default_thumbnail.gif 227B contentPattern.png 121B sprite.png 3KB btnNext.png 1KB btnPrevious.png 1KB loader.gif 2KB facebook contentPatternLeft.png 137B default_thumbnail.gif 227B contentPatternTop.png 142B sprite.png 4KB btnNext.png 845B btnPrevious.png 828B contentPatternRight.png 136B contentPatternBottom.png 142B loader.gif 2KB fonts MyriadPro-Regular.ttf 116KB FontAwesome.otf 92KB MyriadPro-Regular.otf 93KB fontawesome-webfont.eot 59KB MyriadPro-Regular.svg 443KB MyriadPro-Regular.woff 51KB fontawesome-webfont.woff 70KB fontawesome-webfont.woff2 55KB MyriadPro-Regular.eot 116KB fontawesome-webfont.svg 306KB fontawesome-webfont.ttf 119KB资源评论
