<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Rocket Bootstarp Website Template | Portfolio :: w3layouts</title>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="./css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script src="./js/easyResponsiveTabs.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#horizontalTab').easyResponsiveTabs({
type: 'default', //Types: default, vertical, accordion
width: 'auto', //auto or any width like 600px
fit: true // 100% fit in a container
});
});
</script>
<!-- Add fancyBox main JS and CSS files -->
<script src="./js/jquery.magnific-popup.js" type="text/javascript"></script>
<link href="./css/magnific-popup.css" rel="stylesheet" type="text/css">
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
</head>
<body>
<!----- start-header---->
<div class="wrapper">
<!----start-header---->
<div class="header">
<div class="container header_top">
<div class="logo">
<a href="index.html"><img src="./images/logo.png" alt=""></a>
</div>
<div class="menu">
<a class="toggleMenu" href="#"><img src="./images/nav_icon.png" alt="" /> </a>
<ul class="nav" id="nav">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li class="current"><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
<div class="clearfix"></div>
</ul>
<script type="text/javascript" src="./js/responsive-nav.js"></script>
</div>
<div class="clearfix"> </div>
<!----//End-top-nav---->
</div>
</div>
<!----- //End-header---->
<div class="container banner">
<section class="title-section">
<h1 class="title-header">
Portfolio </h1>
<ul class="breadcrumb breadcrumb__t"><li><a href="index.html">Home</a></li><li class="active">Portfolio</li></ul>
</section>
</div>
<div class="main">
<div class='container services_top'>
<div class="portfolio_top">
<div class="col_1_of_portfolio span_1_of_portfolio">
<div class="view view-first">
<img src="./images/s1.jpg" class="img-responsive" alt=""/>
<div class="mask">
<a class="popup-with-zoom-anim" href="#small-dialog1"> <div class="info"><img src="./images/magnifier.png" alt=""/></div></a>
<div id="small-dialog1" class="mfp-hide">
<div class="pop_up2">
<img src="./images/s1.jpg" class="img-responsive" alt=""/>
<h3 class="popup"><a href="#">augue duis dolore te feugait</a></h3>
<p class="m_5">claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col_1_of_portfolio span_1_of_portfolio">
<div class="view view-first">
<img src="./images/s2.jpg" class="img-responsive" alt=""/>
<div class="mask">
<a class="popup-with-zoom-anim" href="#small-dialog2"> <div class="info"><img src="./images/magnifier.png" alt=""/></div></a>
<div id="small-dialog2" class="mfp-hide">
<div class="pop_up2">
<img src="./images/s2.jpg" class="img-responsive" alt=""/>
<h3 class="popup"><a href="#">augue duis dolore te feugait</a></h3>
<p class="m_5">claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col_1_of_portfolio span_1_of_portfolio">
<div class="view view-first">
<img src="./images/s3.jpg" class="img-responsive" alt=""/>
<div class="mask">
<a class="popup-with-zoom-anim" href="#small-dialog3"> <div class="info"><img src="./images/magnifier.png" alt=""/></div></a>
<div id="small-dialog3" class="mfp-hide">
<div class="pop_up2">
<img src="./images/s3.jpg" class="img-responsive" alt=""/>
<h3 class="popup"><a href="#">augue duis dolore te feugait</a></h3>
<p class="m_5">claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.</p>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="portfolio_top">
<div class="col_1_of_portfolio span_1_of_portfolio">
<div class="view view-first">
<img src="./images/s4.jpg" class="img-responsive" alt=""/>
<div class="mask">
<a class="popup-with-zoom-anim" href="#small-dialog4"> <div class="info"><img src="./images/magnifier.png" alt=""/></div></a>
<div id="small-dialog4" class="mfp-hide">
<div class="pop_up2">
<img src="./images/s4.jpg" class="img-responsive" alt=""/>
<h3 class="popup"><a href="#">augue duis dolore te feugait</a></h3>
<p class="m_5">claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col_1_of_portfolio span_1_of_portfolio">
<div class="view view-first">
<img src="./images/s5.jpg" class="img-responsive" alt=""/>
<div class="mask">
<a class="popup-with-zoom-anim" href="#small-dialog5"> <div class="info"><img src="./images/magnifier.png" alt=""/></div></a>
<div id="small-dialog5" class="mfp-hide">
<div class="pop_up2">
<img src="./images/s5.jpg" class="img-responsive" alt=""/>
<h3 class="popup"><a href="#">augue duis dolore te feugait</a></h3>
<p class="m_5">claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col_1_of_portfolio span_1_of_portfolio">
<div class="view view-first"
pc端和移动端一体科技公司模板下载.zip （35个子文件） 
html 
portfolio.html 18KB js 
jquery.magnific-popup.js 45KB easyResponsiveTabs.js 6KB responsive-nav.js 1KB jquery.min.js 92KB css style.css 25KB magnific-popup.css 15KB bootstrap.css 118KB services.html 15KB index.html 14KB contact.html 7KB about.html 15KB images 
s5.jpg 23KB img-sprite.psd 234KB Thumbs.db 275KB s1.jpg 19KB s2.jpg 21KB
arrow.png 3KB s6.jpg 20KB logo.png 6KB a1.jpg 14KB phone.png 129KB pic2.jpg 10KB logo.psd 189KB comment_arrow.png 3KB pic1.jpg 12KB bg.jpg 3KB quotes.png 3KB img-sprite.png 13KB phone.psd 159KB s3.jpg 33KB nav_icon.png 356B s4.jpg 17KB tab_arrow.png 3KB magnifier.png 2KB资源评论
