<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" dir="ltr" lang="en-US"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="author" content="ppandp">
<meta name="Description" content="Showcase - Responsive Retina-Ready HTML5 One-Page" />
<title>Showcase - Responsive Retina-Ready HTML5 One-Page</title>
<link href="css/reset.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/contact.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/print.css" rel="stylesheet" type="text/css" media="print" />
<link href='#css?family=Open+Sans' rel='stylesheet' type='text/css' />
<link href="css/flexslider.css" rel="stylesheet" type="text/css" media="screen">
<link href="css/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" media="screen" />
<script src="js/jquery-1.7.1.js" type="text/javascript"></script>
<script src="js/jquery-easing-1.3.js" type="text/javascript"></script>
<script src="js/modernizr.js" type="text/javascript"></script>
<script src="js/jquery.gomap-1.3.2.min.js" type="text/javascript"></script>
<script src="js/jquery.isotope.min.js" type="text/javascript"></script>
<script src="js/jquery.isotope.load.simple.js" type="text/javascript"></script>
<script src="js/jquery.form.js" type="text/javascript"></script>
<script src="js/input.fields.js" type="text/javascript"></script>
<script src="js/responsive-nav.js" type="text/javascript"></script>
<script src="js/jquery.jtweetsanywhere-1.3.1.min.js" type="text/javascript"></script>
<!--<script defer src="js/jquery.flexslider-min.js"></script>-->
<script src="js/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>
<script src="js/stayOnTop.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<header id="wrapper">
<div id="logo-container">
<h1 id="logo"><a href="index-2.html">Showcase<span>.</span></a></h1>
<p class="slogan">Digital-Forward Creative Agency</p>
</div>
<!-- start navi -->
<div id="nav-bg"><div id="nav-button">
<span class="nav-bar"></span>
<span class="nav-bar"></span>
<span class="nav-bar"></span>
</div></div>
<div id="options" class="clearfix">
<ul id="filters" class="option-set clearfix" data-option-key="filter">
<li><a href="#filter" data-option-value="*" class="selected">Home</a></li>
<li><a href="#filter" data-option-value=".services">Services</a></li>
<li><a href="#filter" data-option-value=".clients">Clients</a></li>
<li><a href="#filter" data-option-value=".portfolio">Portfolio</a></li>
<li><a href="#filter" data-option-value=".about">About</a></li>
<li><a href="#filter" data-option-value=".blog">Blog</a></li>
<li><a href="#filter" data-option-value=".contact">Contact</a></li>
</ul>
</div>
<!-- end nav -->
</header>
<!-- end header -->
<div class="container">
<div id="container" class="clearfix">
<div class="element clearfix col2-3 home">
<h2>Hi, we’re Showcase</h2>
<h3>This theme was shared on <span><a href="#">MafiaShare.net</a></span>Check <a href="#">MafiaShare.net</a> for more free premium themes and scripts !</h3>
</div>
<div class="element clearfix col1-3 home no-padding">
<div class="images"><img src="images/pic1.jpg" alt="" /></div>
</div>
<div class="element clearfix col1-3 home no-padding">
<div id="twitter_update_list"></div>
</div>
<div class="element clearfix col2-3 services">
<h2>Our Services</h2>
<h3>We are absolutely passionate about <span>simple yet sophisticated</span> user experience and designs that we, and our clients, are very proud of.</h3>
</div>
<div class="element clearfix col1-3 services no-padding"><div class="images"><img src="images/pic2.jpg" alt="" /></div></div>
<div class="element clearfix col1-3 services">
<h2>Conception</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr sed diam nonumy.</p>
</div>
<div class="element clearfix col1-3 services">
<h2>Design</h2>
<p>Justo quam fellis, ultricies pellentesque eu, pretium quis, sem. Donec pede justo, frin gilla vel, aliquet nec. </p>
</div>
<div class="element clearfix col1-3 services">
<h2>Development</h2>
<p>Cum sociis natoque perse penatibus et magnis dis parturient.</p>
</div>
<div class="element clearfix col1-3 services">
<h2>Satisfaction</h2>
<p>Nulla quam fellis, ultricies pellentesque eu, pretium quis, sem. Donec pede justo, frin gilla vel, aliquet nec. </p>
</div>
<div class="element clearfix col2-3 clients">
<h2>Several of our Clients</h2>
<div class="logo first"><img src="images/logos/logo1.png" alt="" /></div>
<div class="logo"><img src="images/logos/logo2.png" alt="" /></div>
<div class="logo last"><img src="images/logos/logo3.png" alt="" /></div>
<p class="blockquote">“ This could be a blockquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla. ”</p>
<div class="logo first"><img src="images/logos/logo4.png" alt="" /></div>
<div class="logo"><img src="images/logos/logo5.png" alt="" /></div>
<div class="logo last final"><img src="images/logos/logo6.png" alt="" /></div>
</div>
<div class="element clearfix col1-3 portfolio">
<div class="movable-content">
<div class="images"><img src="images/project1-th.jpg" alt="" /></div>
<div class="title">
<h4>Some Project Title</h4>
<p>Webdesign</p>
</div>
</div>
<div class="infos"><a href="single-work.html">
<div class="tab"><i class="icons view-more"></i>View Info</div>
</a><a href="images/shutterstock_26323672.jpg" class="popup">
<div class="tab"><i class="icons zoom"></i>Open in Lightbox</div>
</a><a href="#" onClick="return false">
<div class="tab"><i class="icons pdf"></i>Link to PDF file</div>
</a><a href="#" onClick="return false">
<div class="tab last"><i class="icons link"></i>Visit Website</div>
</a></div>
</div>
<div class="element clearfix col1-3 portfolio">
<div class="movable-content">
<div class="images"><img src="images/project2-th.jpg" alt="" /></div>
<div class="title">
<h4>Another Project</h4>
<p>Photography</p>
</div>
</div>
<div class="infos"><a href="single-work.html">
<div class="tab"><i class="icons view-more"></i>View Info</div>
</a><a class="video-popup" href="http://player.vimeo.com/video/38370036?title=0&byline=0&portrait=0&color=ffffff">
<div class="tab"><i class="icons video"></i>Video in Lightbox</div>
</a><a href="#" onClick="return false">
<div class="tab last"><i class="icons link"></i>Visit Website</div>
</a></div>
</div>
<div class="element clearfix col1-3 portfolio">
<div class="movable-content">
<div class="images"><img src="images/project3-th.jpg" alt="" /></div>
<div class="title">
<h4>Any Project Title</h4>
<p>Print, Identity</p>
</div>
</div>
<div class="infos"><a href="single-work.html">
<d
黑色精品商务响应式摄影公司整站模板_黑色精品商务响应式IT手机互联网科技html5交互动画图片画廊展示博客摄影公司整站企业宽屏大气漂亮时尚个性瀑布流.rar （97个子文件） 
contact.css 2KB
bg-next.png 3KB jquery.fancybox-1.3.4.pack.js 16KB bg-video_402x.png 3KB bg-prev_402x.png 3KB input.fields.js 408B bg-view-more.png 3KB bg-link.png 3KB bg-bubble_402x.png 3KB
single-post.html 8KB bg-zoom.png 3KB logo1.png 6KB bg-twitter.png 3KB bg-load_402x.png 4KB bg-slideshow_402x.png 3KB bg-skype_402x.png 3KB bg-facebook_402x.png 3KB flexslider.css 5KB bg-facebook.png 3KB
about1.jpg 69KB bg-submit.png 3KB photodune-3418111.jpg 656KB bg-instagram_402x.png 4KB shutterstock_60324319.jpg 450KB jquery.flexslider-min.js 16KB shutterstock_26323672.jpg 342KB jquery.fancybox-1.3.4.css 9KB bg-email_402x.png 3KB bg-googleplus_402x.png 3KB bg-dribble_402x.png 4KB bg-aside_402x.png 3KB bg-tweat.png 3KB bg-close_402x.png 3KB bg-twitter_402x.png 4KB logo2.png 5KB bg-zoom_402x.png 3KB bg-next_402x.png 3KB logo3.png 5KB bg-tweat_402x.png 3KB bg-flickr.png 3KB bg-pinterest.png 3KB pic2.jpg 282KB bg-heart.png 3KB jquery.isotope.min.js 16KB bg-link_402x.png 3KB modernizr.js 10KB bg-heart_402x.png 3KB reset.css 791B jquery-easing-1.3.js 8KB bg-bubble.png 3KB bg-instagram.png 3KB logo5.png 8KB
ajax-loader.gif 2KB bg-googleplus.png 3KB logo6.png 5KB bg-load.png 3KB pic1.jpg 252KB about2.jpg 66KB bg-slideshow.png 3KB bg-file.png 3KB jquery.isotope.load.simple.js 2KB responsive-nav.js 131B bg-close.png 3KB bg-email.png 3KB project3-th.jpg 516KB shutterstock_60324319-blog.jpg 329KB logo4.png 5KB jquery.isotope.load.withflexslider.js 2KB retina.js 1KB jquery.form.js 854B bg-xing.png 3KB index-2.html 18KB bg-xing_402x.png 3KB index.html 18KB print.css 252B bg-view-more_402x.png 4KB bg-pinterest_402x.png 3KB bg-vimeo.png 3KB stayOnTop.js 511B jquery-1.7.1.js 242KB bg-vimeo_402x.png 3KB bg-file_402x.png 3KB bg-submit_402x.png 3KB bg-skype.png 3KB custom.js 673B styles.css 22KB project1-th.jpg 380KB about3.jpg 89KB bg-dribble.png 3KB single-work.html 6KB bg-aside.png 3KB bg-prev.png 3KB jquery.jtweetsanywhere-1.3.1.min.js 31KB glyphicons.png 100KB project2-th.jpg 398KB bg-video.png 3KB jquery.gomap-1.3.2.min.js 11KB资源评论
