PNG IHDR x sBIT|d pHYs + tEXtSoftware www.inkscape.org< ,tEXtComment
<!--
Author: W3layouts
Author URL:
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Expressproservice</title><link rel="icon" href="images/gg.fw.png">
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Transporters web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web Designs" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--// Meta tag Keywords -->
<link rel="stylesheet" href="css/lightbox.css"> <!-- portfolio-CSS -->
<!-- css files -->
<link rel="stylesheet" href="css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <!-- Style-CSS -->
<link rel="stylesheet" href="css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
<!-- //css files -->
<!-- web-fonts -->
<link href="//fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
<!-- //web-fonts -->
</head>
<body>
<div class="header">
<nav class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h1><a href="index.html"><img src="images/csmlogo.fw.png"></a></h1>
</div>
<div class="top-nav-text">
<div class="nav-contact-w3ls"></div>
</div>
<!-- navbar-header -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a class="hvr-underline-from-center active" href="index.html">HOME</a></li>
<li><a href="gallery.html" class="hvr-underline-from-center">GALLARY</a></li> <li><a href="services.html" class="hvr-underline-from-center">SERVICES</a></li>
<li><a href="key.html" class="hvr-underline-from-center">KEY INFORMATION</a></li> <li><a href="faq.html" class="hvr-underline-from-center">FAQ</a></li>
<li><a href="contact.html" class="hvr-underline-from-center">CONTACT US</a>
</ul>
</div>
<div class="clearfix"> </div>
</nav>
</div>
<div class="banner1">
</div>
<div class="about-breadcrumb">
<div class="container">
<ul>
<li><a href="index.html">Home</a><i>></i></li>
<li>Gallery</li>
</ul>
</div>
</div>
<!-- portfolio-inner-page -->
<div id="portfolio" class="portfolio">
<div class="heading">
<h3>Gallery</h3>
</div>
<div class="container">
<div class="sap_tabs">
<div id="horizontalTab">
<ul class="resp-tabs-list">
<li class="resp-tab-item"><span>Transport Area</span></li>
<li class="resp-tab-item"><span>Ship Transport</span></li>
<li class="resp-tab-item"><span>Truck Transport</span></li>
<li class="resp-tab-item"><span>Flight Transport</span></li>
</ul>
<div class="clearfix"> </div>
<div class="resp-tabs-container">
<div class="tab-1 resp-tab-content">
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
<a href="images/g1.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/g1.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h2>Transport Area</h2>
</div>
</a>
</div>
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid2">
<a href="images/g4.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/g4.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Transport Area</h5>
</div>
</a>
</div>
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid3">
<a href="images/g3.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/g3.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Transport Area</h5>
</div>
</a>
</div>
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
<a href="images/g7.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/g7.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Transport Area</h5>
</div>
</a>
</div>
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid5">
<a href="images/g5.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/g5.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Transport Area</h5>
</div>
</a>
</div>
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid6">
<a href="images/g6.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/g6.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Transport Area</h5>
</div>
</a>
</div>
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid6">
<a href="images/g1.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/g1.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Transport Area</h5>
</div>
</a>
</div>
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid6">
<a href="images/g3.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/g3.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Transport Area</h5>
</div>
</a>
</div>
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid6">
<a href="images/g2.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/g2.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Transport Area</h5>
</div>
</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="tab-1 resp-tab-content">
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
<a href="images/ship1.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/ship1.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Ship Transport</h5>
</div>
</a>
</div>
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid2">
<a href="images/ship2.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/ship2.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Ship Transport</h5>
</div>
</a>
</div>
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid3">
<a href="images/ship3.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/ship3.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Ship Transport</h5>
</div>
</a>
</div>
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
<a href="images/ship4.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/ship4.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Ship Transport</h5>
</div>
</a>
</div>
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid5">
<a href="images/ship5.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/ship5.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Ship Transport</h5>
</div>
</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="tab-1 resp-tab-content">
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
<a href="images/train1.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/train1.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Truck Transport</h5>
</div>
</a>
</div>
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid2">
<a href="images/train2.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/train2.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Truck Transport</h5>
</div>
</a>
</div>
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid3">
<a href="images/truck3.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/truck3.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Truck Transport</h5>
</div>
</a>
</div>
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
<a href="images/truck4.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/truck4.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Truck Transport</h5>
</div>
</a>
</div>
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid2">
<a href="images/truck5.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/truck5.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Truck Transport</h5>
</div>
</a>
</div>
<div class="clearfix"> </div>
</div>
<div class="tab-1 resp-tab-content">
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
<a href="images/flight1.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/flight1.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Flight Transport</h5>
</div>
</a>
</div>
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid2">
<a href="images/flight2.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/flight2.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Flight Transport</h5>
</div>
</a>
</div>
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid3">
<a href="images/flight3.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/flight3.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Flight Transport</h5>
</div>
</a>
</div>
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
<a href="images/flight4.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/flight4.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Flight Transport</h5>
</div>
</a>
</div>
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
<a href="images/flight5.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/flight5.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Flight Transport</h5>
</div>
</a>
</div>
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
<a href="images/flight6.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
<img src="images/flight6.jpg" class="img-responsive zoom-img" alt=""/>
<div class="b-wrapper">
<h5>Flight Transport</h5>
</div>
</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- //portfolio-inner-page -->
<!-- footer -->
<!-- footer -->
<footer>
<div class="copyright">
<div class="container">
<p>© EXPRESS PRIORITY FREIGHT 2014. All RIGHTS RESERVED.</p>
</div>
</div>
</footer>
<!-- //footer -->
<!-- //footer -->
<!-- js-scripts -->
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->
<!-- //js -->
<!-- //js-scripts -->
<!--script for portfolio-->
<script src="js/lightbox-plus-jquery.min.js"> </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>
<!--//script for portfolio-->
<!-- start-smoth-scrolling -->
<script src="js/SmoothScroll.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- here stars scrolling icon -->
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<!-- //here ends scrolling icon -->
<!-- start-smoth-scrolling -->
</body>
</html>
b IDATxytVսϓ22 A@IR:hCiZ[v*E:WũZA ^dQeQ @ !jZ'>gsV仿$|?g)&x-E