<!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实现的非响应式留学机构网站网页(含HTML源代码+毕业设计).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.html 20KB index-2.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
资源评论
CrMylive.
- 粉丝: 1w+
- 资源: 4万+
最新资源
- matlab 仿真6自由度机械臂，模型使用solidworks 导出urdf格式，使用matlab simscape工具箱仿真
- Kylin Burner 是 UKUI 桌面的 CD/DVD 母带制作工具 它的设计简单易用
- 毕设新项目基于STM32的电子血压计设计含源代码及全部资料（涉及到ADC、EXTI、GPIO、RTC等外设使用）.zip
- 图片转PDF_QQ浏览器_20241018.pdf
- media3 ExoPlayer 扩展解码库aar decoder-vp9、decoder-av1、decoder-ffmpeg
- 使用Java在AndroidStudio上开发的话术整理制作软件 gimmick模块运行MainMaker的main方法
- MPU6050寄存器代码h
- 如何在AUtoDL服务器上训练yoloworld？
- javaweb项目进销存管理系统springboot+vue+redis idea导入 mysql数据库-java课程设计毕业设
- DevExpress VCL 23.2.6 Full Source
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
