<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Maxim</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- css -->
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- skin color -->
<link href="color/default.css" rel="stylesheet">
<!--[if lt IE 7]>
<link href="css/font-awesome-ie7.css" type="text/css" rel="stylesheet">
<![endif]-->
<link rel="shortcut icon" href="img/favicon.ico">
</head>
<body>
<!-- navbar -->
<div class="navbar-wrapper">
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<!-- Responsive navbar -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
</a>
<h1 class="brand"><a href="index.html" tppabs="#">Maxim</a></h1>
<!-- navigation -->
<nav class="pull-right nav-collapse collapse">
<ul id="menu-main" class="nav">
<li><a title="team" href="#about">About</a></li>
<li><a title="services" href="#services">Services</a></li>
<li><a title="works" href="#works">Works</a></li>
<li><a title="blog" href="#blog">Blog</a></li>
<li><a title="contact" href="#contact">Contact</a></li>
<li><a href="page.html">Page</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<!-- Header area -->
<div id="header-wrapper" class="header-slider">
<header class="clearfix">
<div class="logo">
<img src="img/logo-image.png" alt="" />
</div>
<div class="container">
<div class="row">
<div class="span12">
<div id="main-flexslider" class="flexslider">
<ul class="slides">
<li>
<p class="home-slide-content">
<strong>creative</strong> and passion
</p>
</li>
<li>
<p class="home-slide-content">
Eat and drink <strong>design</strong>
</p>
</li>
<li>
<p class="home-slide-content">
We loves <strong>simplicity</strong>
</p>
</li>
</ul>
</div>
<!-- end slider -->
</div>
</div>
</div>
</header>
</div>
<!-- spacer section -->
<section class="spacer green">
<div class="container">
<div class="row">
<div class="span6 alignright flyLeft">
<blockquote class="large">
There's huge space beetween creativity and imagination <cite>Mark Simmons, Nett Media</cite>
</blockquote>
</div>
<div class="span6 aligncenter flyRight">
<i class="icon-coffee icon-10x"></i>
</div>
</div>
</div>
</section>
<!-- end spacer section -->
<!-- section: team -->
<section id="about" class="section">
<div class="container">
<h4>Who We Are</h4>
<div class="row">
<div class="span4 offset1">
<div>
<h2>We live with <strong>creativity</strong></h2>
<p>
Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores.
</p>
</div>
</div>
<div class="span6">
<div class="aligncenter">
<img src="img/icons/creativity.png" alt="" />
</div>
</div>
</div>
<div class="row">
<div class="span2 offset1 flyIn">
<div class="people">
<img class="team-thumb img-circle" src="img/team/img-1.jpg" alt="" />
<h3>John Doe</h3>
<p>
Art director
</p>
</div>
</div>
<div class="span2 flyIn">
<div class="people">
<img class="team-thumb img-circle" src="img/team/img-2.jpg" alt="" />
<h3>Mike Doe</h3>
<p>
Web developer
</p>
</div>
</div>
<div class="span2 flyIn">
<div class="people">
<img class="team-thumb img-circle" src="img/team/img-3.jpg" alt="" />
<h3>Neil Doe</h3>
<p>
Web designer
</p>
</div>
</div>
<div class="span2 flyIn">
<div class="people">
<img class="team-thumb img-circle" src="img/team/img-4.jpg" alt="" />
<h3>Mark Joe</h3>
<p>
UI designer
</p>
</div>
</div>
<div class="span2 flyIn">
<div class="people">
<img class="team-thumb img-circle" src="img/team/img-5.jpg" alt="" />
<h3>Stephen B</h3>
<p>
Digital imaging
</p>
</div>
</div>
</div>
</div>
<!-- /.container -->
</section>
<!-- end section: team -->
<!-- section: services -->
<section id="services" class="section orange">
<div class="container">
<h4>Services</h4>
<!-- Four columns -->
<div class="row">
<div class="span3 animated-fast flyIn">
<div class="service-box">
<img src="img/icons/laptop.png" alt="" />
<h2>Web design</h2>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
</div>
</div>
<div class="span3 animated flyIn">
<div class="service-box">
<img src="img/icons/lab.png" alt="" />
<h2>Web development</h2>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
</div>
</div>
<div class="span3 animated-fast flyIn">
<div class="service-box">
<img src="img/icons/camera.png" alt="" />
<h2>Photography</h2>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
</div>
</div>
<div class="span3 animated-slow flyIn">
<div class="service-box">
<img src="img/icons/basket.png" alt="" />
<h2>Ecommerce</h2>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</p>
</div>
</div>
</div>
</div>
</section>
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >企业网站模板</a></div>
<!-- end section: services -->
<!-- section: works -->
<section id="works" class="section">
<div class="container clearfix">
<h4>Our Works</h4>
<!-- portfolio filter -->
<div class="row">
<div id="filters" class="span12">
<ul class="clearfix">
<li><a href="#" data-filter="*" class="active">
<h5>All</h5>
</a></li>
<li><a href="#" data-filter=".web">
<h5>Web</h5>
</a></li>
<li><a href="#" data-filter=".print">
<h5>Print</h5>
</a></li>
<li><a href="#" data-filter=".design">
<h5>Design</h5>
</a></li>
<li><a href="#" data-filter=".photography">
<h5>Photography</h5>
</a></li>
</ul>
</div>
<!-- END PORTFOLIO FILTERING -->
</div>
<div class="row">
<div class="span12">
<div id="portfolio-wrap">
<!-- portfolio item -->
<div class="portfolio-item grid print photography">
<div class="portfolio">
<a href="img/works/big.jpg" data-pretty="prettyPhoto[gallery1]" class="portfolio-image">
<img src="img/works/1.png" alt="" />
<div class="portfolio-overlay">
<div class="thumb-info">
<h5>Portfolio name</h5>
<i class="icon-plus icon-2x"></i>
</div>
</div>
</a>
</div>
</div>
<!-- end portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item grid print design web">
<div class="portfolio">
<a href="img/works/big.jpg" data-pretty="prettyPhoto[gallery1]" class="portfolio-image">
<img src="img/works/2.png" alt="" />
<div class="portfolio-overlay">
<div class="thumb-info">
<h5>Portfolio name</h5>
<i class="icon-plus icon-2x"></i>
</div>
</div>
</a>
</div>
</div>
<!-- end portfolio item -->
<!-- portfolio item -->
<div class="portfolio-item grid print design">
<div class="portfolio">
<a
简单单页pageUI设计师bootstrap模板_简单 单页 UI设计 设计师 bootstrap 响应式 手机 lightbox 黑色 blog 案例 html5.rar （73个子文件） 
简单单页pageUI设计师bootstrap模板_简单 单页 UI设计 设计师 bootstrap 响应式 手机 lightbox 黑色 blog 案例 html5 cpts_546_uz css 
font-awesome-ie7.css 40KB bootstrap.css 125KB animate.css 60KB bootstrap-responsive.css 22KB flexslider.css 4KB font-awesome.css 27KB style.css 32KB overwrite.css 22KB prettyPhoto.css 28KB
b.jpg 26KB
page.html 13KB img team img-4.jpg 3KB img-2.jpg 3KB Thumbs.db 8KB img-1.jpg 3KB img-5.jpg 3KB img-3.jpg 3KB bg bg-3.jpg 80KB bg-1.jpg 293KB bg-2.jpg 352KB Thumbs.db 7KB works 
10.png 6KB 5.png 11KB 9.png 9KB 1.png 9KB Thumbs.db 6KB 6.png 8KB 2.png 5KB 7.png 9KB 4.png 8KB 8.png 5KB 3.png 6KB icons basket.png 2KB lab.png 3KB creativity.png 11KB Thumbs.db 7KB laptop.png 1KB camera.png 3KB prettyPhoto default sprite_x.png 1KB default_thumb.png 2KB
loader.gif 6KB sprite_next.png 1KB sprite_y.png 1KB sprite_prev.png 1KB sprite.png 7KB glyphicons-halflings.png 12KB logo-image.png 9KB blog img1.jpg 29KB img2.jpg 94KB img4.jpg 32KB Thumbs.db 8KB img3.jpg 60KB index.html 19KB js jquery.js 91KB jquery.scrollTo.js 2KB jquery.flexslider.js 40KB jquery.nav.js 5KB isotope.js 16KB inview.js 2KB jquery.prettyPhoto.js 34KB jquery.tweet.js 14KB custom.js 4KB animate.js 9KB validate.js 3KB jquery.localscroll-1.2.7-min.js 2KB bootstrap.js 61KB color default.css 1KB font fontawesome-webfont.eot-v=3.2.1 37KB fontawesome-webfont.eot- 37KB
fontawesome-webfont.svg 193KB fontawesome-webfont.ttf-v=3.2.1 77KB fontawesome-webfont.woff-v=3.2.1 43KB s.jpg 16KB资源评论
