<!DOCTYPE html>
<html lang ="en">
<head>
<meta charset="utf-8">
<title>Selroti | Premium Template</title>
<link rel="shortcut icon" href="template_images/favicon.ico">
<!---Style sheet-->
<link href="css/style.css" id="changer" rel="stylesheet"/>
<link href="css/prettyPhoto.css" rel="stylesheet" />
<link href="css/rel_cssframework.css" rel="stylesheet" />
<link href='http//fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
<link href='http//fonts.googleapis.com/css?family=Droid+Serif:400italic' rel='stylesheet' type='text/css'>
<!--Javascript-->
<script src="http//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery-1.7.1.js"></script>
<!--jquery easing-->
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<!--jquery superfish-->
<script src="js/superfish.js"></script>
<script src="js/rel_styleswitcher.js" ></script>
<!--jquery custom script-->
<script src="js/custom.js"></script>
</head>
<body>
<!--Header-->
<header>
<div class="container_wrap">
<div class="one_third">
<h1><a href="index-2.html">Selroti Premium Template</a></h1>
</div>
<div class="two_third">
<!--menu-->
<nav>
<ul id="menu-primary-menu" class="sf-menu sf-js-enabled">
<li><a href="index-2.html"><span>Home</span></a></li>
<li>
<a href="#"><span>Pages</span></a>
<ul>
<li><a href="about.html"><span>About Us</span></a></li>
<li><a href="services.html"><span>Services</span></a></li>
<li><a href="pricing-table.html"><span>Pricing Table</span></a></li>
<li><a href="typhography.html"><span>Typhography</span></a></li>
<li>
<a href="#"><span>Layouts</span></a>
<ul>
<li><a href="video.html"><span>Video Page</span></a></li>
<li><a href="static.html"><span>Static Page</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="products.html"><span>Products</span></a></li>
<li>
<a href="#"><span>Portfolio</span></a>
<ul>
<li><a href="portfolio-two.html"><span>Two Column</span></a></li>
<li><a href="portfolio-three.html"><span>Three Column</span></a></li>
<li><a href="portfolio-four.html"><span>Four Column</span></a></li>
</ul>
</li>
<li><a href="blog.html"><span>Blog</span></a></li>
<li><a href="contact.html"><span>Contact</span></a></li>
</ul>
</nav>
<!--end of menu-->
</div>
<div class="clear">¡¡</div>
</div>
</header>
<!--end of header-->
<section class="page-title-contex">
<div class="container_wrap">
<div class="half_width">
<img src="template_images/page_images/about_us.jpg" alt="" title="" />
</div>
<div class="half_width">
<div class="page-title">
<hgroup>
<h1>Portfolio Three</h1>
<h2>make our clients with full satisfaction !!</h2>
</hgroup>
</div>
</div>
<div class="clear">¡¡</div>
</div>
</section>
<!--end of page-title-context-->
<section id="content">
<div id="portfolio">
<div class="container_wrap">
<div class="three_fourth">
<h2>Portfolio Three</h2>
<span class="driod-subtitle">showcase your work and manage</span>
<p>
Aliquam eu ligula metus, eu gravida lorem. Ut ut nunc vitae est sodales faucibus faucibus ut sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut blandit cursus elit a facilisis. Phasellus ut purus justo. Donec at luctus tellus. Vestibulum mollis vestibulum justo, aliquet interdum ligula lacinia eu. Sed at urna sed libero dictum porttitor.
</p>
</div>
<div class="one_fourth">
<img src="template_images/portfolio.jpg" alt="" title="" />
</div>
<div class="clear">¡¡</div>
<div class="full_width">
<div class="filterable-list">
<h3 class="left">Sort By:</h3>
<ul>
<li><a class="current" href="#">All</a></li>
<li><a href="#">Branding</a></li>
<li><a href="#">Development</a></li>
<li><a href="#">Photography</a></li>
<li><a href="#">Corporate</a></li>
<li><a href="#">Graphics Design</a></li>
<li><a href="#">Video</a></li>
</ul>
</div>
</div>
<div class="clear">¡¡</div>
<section class="portfolio-project">
<script>
jQuery(document).ready(function() {
jQuery('.hover').addClass('portfolio_three_overlay'); // This is the portfolio overlay class
//for more details refer documentation page :)
jQuery('.hover-links').css({
top:'40%', // basically overwrite the hover-links class in the style.css file :) check at line no 833
left:'35%' // don't remove it
});
//for more details refer documentation page :)
});
</script>
<ul class="clearfix portfolio-list">
<li class="one_third corporate development">
<div class="project">
<div class="inner">
<div class="hover">
<div class="clearfix hover-links">
<a class="zoom" href="images/portfolio_three/01-big.jpg" data-gal="prettyPhoto" title="Something goes here">zoom</a>
<a class="attachment" href="#" title="null">attachment</a>
</div>
</div>
<a href="#"><img src="images/portfolio_three/01.jpg" alt="" title="" /></a>
</div>
</div>
<h4>An interview</h4>
<a href="#" class="buttons lightblue right"><span>Readmore</span></a>
<span class="driod-subtitle">Corporate, Development</span>
<p>
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia,
</p>
</li>
<li class="one_third branding video">
<div class="project">
<div class="inner">
<div class="hover">
<div class="clearfix hover-links">
<a class="zoom" href="images/portfolio_three/02-big.jpg" data-gal="prettyPhoto" title="Something goes here">zoom</a>
<a class="attachment" href="#" title="null">attachment</a>
</div>
</div>
<a href="#"><img src="images/portfolio_three/02.jpg" alt="" title="" /></a>
</div>
</div>
<h4>Amazing Portfolio</h4>
<a href="#" class="buttons lightblue right"><span>Readmore</span></a>
<span class="driod-subtitle">Branding, Video</span>
<p>
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia,
</p>
</li>
<li class="one_third graphics-design corporate">
<div class="project">
<div class="inner">
<div class="hover">
<div class="clearfix hover-links">
<a class="zoom" href="images/portfolio_three/03-big.jpg" data-gal="prettyPhoto" title="Something goes here">zoom</a>
<a class="attachment" href="#" title="null">attachment</a>
</div>
</div>
<a href="#"><img src="images/portfolio_three/03.jpg" alt="" title="" /></a>
</div>
</div>
<h4>Manager And Her Team</h4>
<a href="#" class="buttons lightblue right"><span>Readmore</span></a>
<span class="driod-subtitle">Graphics Design, Corporate</span>
<p>
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature fr
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
非响应式留学机构网站_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip (213个子文件)
style.css 44KB
prettyPhoto.css 19KB
jquery-ui-1.8.20.custom.css 19KB
rel_cssframework.css 1KB
loader.gif 6KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
loader.gif 2KB
default_thumbnail.gif 227B
portfolio-three.html 21KB
portfolio-four.html 20KB
video.html 20KB
index-2.html 20KB
index.html 20KB
typhography.html 19KB
static.html 18KB
portfolio-two.html 15KB
services.html 14KB
blog.html 13KB
about.html 12KB
pricing-table.html 11KB
products.html 10KB
contact.html 10KB
favicon.ico 1KB
08-big.jpg 223KB
08-big.jpg 223KB
05-big.jpg 220KB
05-big.jpg 220KB
05-big.jpg 220KB
07-big.jpg 201KB
07-big.jpg 201KB
03-big.jpg 197KB
03-big.jpg 197KB
03-big.jpg 197KB
06-big.jpg 192KB
06-big.jpg 192KB
06-big.jpg 192KB
06-big.jpg 187KB
09-big.jpg 183KB
09-big.jpg 183KB
04-big.jpg 171KB
04-big.jpg 171KB
04-big.jpg 171KB
07-big.jpg 159KB
11-big.jpg 150KB
10-big.jpg 143KB
10-big.jpg 143KB
12-big.jpg 141KB
12-big.jpg 141KB
05-big.jpg 128KB
01-big.jpg 126KB
01-big.jpg 126KB
02.jpg 120KB
01.jpg 114KB
03.jpg 113KB
05.jpg 110KB
02-big.jpg 105KB
02-big.jpg 105KB
04.jpg 101KB
04-big.jpg 92KB
01-big.jpg 83KB
11-big.jpg 76KB
02-big.jpg 73KB
03-big.jpg 67KB
08.jpg 57KB
06.jpg 57KB
about_us.jpg 57KB
07.jpg 56KB
03.jpg 55KB
04.jpg 49KB
10.jpg 49KB
09.jpg 47KB
05.jpg 45KB
06.jpg 41KB
08.jpg 41KB
11.jpg 41KB
07.jpg 39KB
12.jpg 39KB
04.jpg 39KB
contact.jpg 38KB
03.jpg 38KB
01.jpg 36KB
10.jpg 35KB
mac_mon.jpg 34KB
09.jpg 33KB
11.jpg 30KB
05.jpg 30KB
12.jpg 30KB
06.jpg 28KB
01.jpg 27KB
02.jpg 27KB
03.jpg 26KB
07.jpg 23KB
02.jpg 22KB
02.jpg 22KB
02.jpg 20KB
05.jpg 20KB
04.jpg 19KB
04.jpg 18KB
共 213 条
- 1
- 2
- 3
资源评论
76725413
- 粉丝: 16
- 资源: 6951
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功