<!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
共 97 条
- 1
资源评论
Q_97095639
- 粉丝: 374
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- MISC图片隐写MISC图片隐写MISC图片隐写MISC图片隐写MISC图片隐写.txt
- 七维大脑原理:探索人类心智的多元维度.txt
- 电力场景设备漏油检测数据集VOC+YOLO格式338张1类别.7z
- 基于yolov8+pyqt5实现精美界面支持图片视频和摄像检测源码.zip
- 用C语言为母亲节献上一份特别的祝福.zip
- LCD1602液晶显示屏的深入探索与实用指南.zip
- 基于Matlab人脸肤色定理的教师人数统计+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于Matlab霍夫曼变换的表盘读数识别+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于Matlab火灾烟雾检测源码带GUI界面+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
- 基于Matlab的恶劣天气交通标志识别系统+源代码+全部数据+文档说明+详细注释+使用说明+截图(高分课程设计)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功