<!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
资源评论
