<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Noah 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=Karla:400,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">
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<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>
<nav id="colorlib-main-nav" role="navigation">
<a href="https://www.51qianduan.com/">51前端</a>
<div class="js-fullheight colorlib-table">
<div class="colorlib-table-cell js-fullheight">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<input type="text" class="form-control" id="search" placeholder="Enter any key to search...">
<button type="submit" class="btn btn-primary"><i class="icon-search3"></i></button>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="work.html">Work</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h2 class="head-title">Works</h2>
<a href="https://www.51qianduan.com/">51前端</a>
<a href="https://www.51qianduan.com/">51前端</a>
<a href="https://www.51qianduan.com/">51前端</a>
<a href="https://www.51qianduan.com/">51前端</a>
</div>
</div>
</div>
</div>
</nav>
<div id="colorlib-page">
<header>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="colorlib-navbar-brand">
<a class="colorlib-logo" href="index.html"><span>No</span><span>ah</span></a>
</div>
<a href="https://www.51qianduan.com/">51前端</a>
</div>
</div>
</div>
</header>
<div id="colorlib-about">
<div class="container">
<div class="row text-center">
<h2 class="bold">About</h2>
</div>
<div class="row">
<div class="col-md-5 animate-box">
<div class="owl-carousel3">
<div class="item">
<img class="img-responsive about-img" src="images/about.jpg" alt="html5 bootstrap template by colorlib.com">
</div>
<div class="item">
<img class="img-responsive about-img" src="images/about-2.jpg" alt="html5 bootstrap template by colorlib.com">
</div>
</div>
</div>
<div class="col-md-6 col-md-push-1 animate-box">
<div class="about-desc">
<div class="owl-carousel3">
<div class="item">
<h2><span>Noah</span><span>Henderson</span></h2>
</div>
<div class="item">
<h2><span>I'm</span><span>A Designer</span></h2>
</div>
</div>
<div class="desc">
<div class="rotate">
<h2 class="heading">About</h2>
</div>
<p>A small river named Duden <a href="#">flows by their place</a> and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life.</p>
<p class="colorlib-social-icons">
<a href="#"><i class="icon-facebook4"></i></a>
<a href="#"><i class="icon-twitter3"></i></a>
<a href="#"><i class="icon-googleplus"></i></a>
<a href="#"><i class="icon-dribbble2"></i></a>
</p>
<p><a href="#" class="btn btn-primary btn-outline">Contact Me!</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="colorlib-services">
<div class="container">
<div class="row text-center">
<h2 class="bold">Services</h2>
</div>
<div class="row">
<div class="col-md-12">
<div class="services-flex">
<div class="one-third">
<div class="row">
<div class="col-md-12 col-md-offset-0 animate-box intro-heading">
<span>My Services</span>
<h2>Here Are Some of My Skills</h2>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="rotate">
<h2 class="heading">Services</h2>
</div>
</div>
<div class="col-md-6">
<div class="services animate-box">
<h3>1 - Graphic Design</h3>
<ul>
<li>UI Design</li>
<li>Website & Digital Design</li>
<li>Brading & Visual Identity</li>
<li>Print Design</li>
</ul>
</div>
<div class="services animate-box">
<h3>3 - Front End Development</h3>
<ul>
<li>HTML / CSS</li>
<li>JS & Jquery Startup</li>
<li>WordPress</li>
<li>Jomla</li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="services animate-box">
<h3>2 - Illustration</h3>
<ul>
<li>Editorial</li>
<li>Narrative</li>
<li>Motion Graphics</li>
<li>Animation</li>
<li>Visual Effects</li>
</ul>
</div>
<div class="services animate-box">
<h3>4 - Web Marketing</h3>
<ul>
<li>Sales Marketing</li>
<li>Invoice</li>
<li>eCommerce</li>
</ul>
</div>
</div>
</div>
</div>
<div class="one-forth services-img" style="background-image: url(images/services-img-1.jpg);">
</div>
</div>
</div>
</div>
</div>
</div>
<div id="colorlib-work">
<div class="container">
<div class="row text-center">
<h2 class="bold">Works</h2>
</div>
<div class="row">
<div class="col-md-12 col-md-offset-0 text-center animate-box intro-heading">
<span>Portfolio</span>
<h2>Done Projects</h2>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="rotate">
<h2 class="heading">Portfolio</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="work-entry animate-box">
<a href="https://www.51qianduan.com/">51前端</a>
<div class="col-md-4 col-md-offset-4">
<div class="desc">
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separate
紫色大气风格响应式个人服务展示网页模板.zip （132个子文件） 
bootstrap.css 146KB animate.css 70KB icomoon.css 59KB style.css 34KB magnific-popup.css 8KB owl.carousel.min.css 4KB owl.theme.default.min.css 2KB icomoon.eot 325KB glyphicons-halflings-regular.eot 20KB
index.html 17KB single.html 16KB blog.html 12KB services.html 12KB about.html 12KB work.html 11KB work-single.html 8KB contact.html 8KB
img-1.jpg 340KB services-img-1.jpg 218KB img-7.jpg 172KB work-3.jpg 153KB img-5.jpg 131KB about.jpg 112KB work-2.jpg 102KB about-2.jpg 95KB work-7.jpg 86KB img-6.jpg 83KB img-4.jpg 74KB work-5.jpg 63KB img-2.jpg 62KB work-1.jpg 55KB work-6.jpg 53KB services-img.jpg 49KB img-3.jpg 40KB img_bg_1.jpg 38KB img-8.jpg 38KB work-4.jpg 36KB img-9.jpg 25KB jquery.min.js 82KB owl.carousel.min.js 39KB bootstrap.min.js 36KB jquery.magnific-popup.min.js 20KB modernizr-2.6.2.min.js 15KB jquery.waypoints.min.js 9KB jquery.easing.1.3.js 8KB respond.min.js 4KB main.js 4KB magnific-popup-options.js 1KB bootstrap.css.map 83KB style.css.map 10KB _variables.scss 30KB style.scss 29KB _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 _buttons.scss 1KB bootstrap.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共 132 条
- 1
- 2
资源评论
