<!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 交互
版权申诉
66 浏览量
2022-11-09
10:49:20
上传
评论
收藏 4.06MB RAR 举报
黑色精品商务响应式摄影公司整站模板_黑色 精品 商务 响应式 IT 手机 互联网 科技 html5 交互 动画 图片 画廊 展示 博客 摄影 公司 整站 企业 宽屏 大气 漂亮 时尚 个性 瀑布流.rar （97个子文件） 
黑色精品商务响应式摄影公司整站模板_黑色 精品 商务 响应式 IT 手机 互联网 科技 html5 交互 动画 图片 画廊 展示 博客 摄影 公司 整站 企业 宽屏 大气 漂亮 时尚 个性 瀑布流 mstp_54_showcase css 
print.css 252B contact.css 2KB reset.css 791B jquery.fancybox-1.3.4.css 9KB styles.css 22KB flexslider.css 5KB
single-work.html 6KB images 
bg-link.png 3KB bg-googleplus_402x.png 3KB bg-xing_402x.png 3KB bg-prev.png 3KB bg-zoom.png 3KB bg-facebook.png 3KB
project3-th.jpg 516KB bg-video_402x.png 3KB about2.jpg 66KB bg-load_402x.png 4KB bg-aside.png 3KB shutterstock_60324319-blog.jpg 329KB bg-file.png 3KB
ajax-loader.gif 2KB bg-facebook_402x.png 3KB pic1.jpg 252KB bg-close.png 3KB photodune-3418111.jpg 656KB pic2.jpg 282KB logos logo3.png 5KB logo1.png 6KB logo5.png 8KB logo2.png 5KB logo4.png 5KB logo6.png 5KB bg-twitter.png 3KB bg-prev_402x.png 3KB bg-vimeo_402x.png 3KB bg-instagram_402x.png 4KB bg-submit_402x.png 3KB bg-bubble_402x.png 3KB bg-dribble.png 3KB bg-pinterest_402x.png 3KB bg-tweat_402x.png 3KB bg-close_402x.png 3KB bg-view-more.png 3KB project1-th.jpg 380KB bg-bubble.png 3KB about1.jpg 69KB bg-skype.png 3KB bg-flickr.png 3KB bg-pinterest.png 3KB bg-instagram.png 3KB bg-tweat.png 3KB bg-skype_402x.png 3KB bg-email.png 3KB bg-file_402x.png 3KB bg-next_402x.png 3KB shutterstock_60324319.jpg 450KB bg-googleplus.png 3KB bg-slideshow.png 3KB bg-twitter_402x.png 4KB bg-video.png 3KB bg-slideshow_402x.png 3KB bg-heart.png 3KB bg-zoom_402x.png 3KB bg-xing.png 3KB bg-heart_402x.png 3KB bg-view-more_402x.png 4KB bg-dribble_402x.png 4KB bg-load.png 3KB about3.jpg 89KB shutterstock_26323672.jpg 342KB project2-th.jpg 398KB bg-next.png 3KB bg-email_402x.png 3KB bg-aside_402x.png 3KB bg-vimeo.png 3KB bg-submit.png 3KB glyphicons.png 100KB bg-link_402x.png 3KB index.html 18KB js jquery.isotope.min.js 16KB jquery.isotope.load.withflexslider.js 2KB jquery.jtweetsanywhere-1.3.1.min.js 31KB jquery.isotope.load.simple.js 2KB jquery-easing-1.3.js 8KB modernizr.js 10KB jquery.form.js 854B jquery.fancybox-1.3.4.pack.js 16KB jquery.flexslider-min.js 16KB jquery-1.7.1.js 242KB jquery.gomap-1.3.2.min.js 11KB custom.js 673B retina.js 1KB input.fields.js 408B stayOnTop.js 511B responsive-nav.js 131B index-2.html 18KB single-post.html 8KB资源评论
