<!DOCTYPE HTML>
<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js">
<head>
<meta charset="utf-8">
<meta content="text/html;charset=utf-8" http-equiv="content-type">
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<title>Image Gallery</title>
<meta content="SHC" name="author">
<meta content="global" name="distribution">
<meta content="©2006 High Court of Sindh. All rights reserved." name="copyright">
<meta content="" name="description">
<meta content="high court, justice, High Court of Sindh, session courts, district courts, sukkur, hyderabad, larkana" name="keywords">
<meta content="True" name="HandheldFriendly">
<meta content="320" name="MobileOptimized">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald|Varela+Round|Roboto+Condensed">
<?php include_once('css-links.php'); ?>

<style>
.thumbnail img
{
width:175px;
height:175px;	
	
}


</style>
<!--Include CSS Files Here-->
</head>

<body>
<script type="text/javascript">
 $(window).load(function(){
    var $container = $('.portfolioContainer');
    $container.isotope({
        filter: '*',
        animationOptions: {
            duration: 750,
            easing: 'linear',
            queue: false
        }
    });
 
    $('.portfolioFilter a').click(function(){
        $('.portfolioFilter .current').removeClass('current');
        $(this).addClass('current');
 
        var selector = $(this).attr('data-filter');
        $container.isotope({
            filter: selector,
            animationOptions: {
                duration: 750,
                easing: 'linear',
                queue: false
            }
         });
         return false;
    }); 
});
 
</script>

<div class="container">

<div class="row">
<div class="col col-md-12">
<?php include_once('includes_central/header_central.php'); ?>
</div>

<div class="col col-md-12">
<?php include_once('includes_central/navbar_central.php'); ?>
</div>
<!--Crousel Start-->
<div class="col col-md-12">
<div class="multi-strip"></div>
</div>



<!--body main-->

<div class="col col-md-12">
<div class="col col-md-9 body_area shadow clearfix">
<span class="sqi"></span>
<h2 class="head">Image Gallery</h2>
<div class="row">
			<div class="col-md-3">
			<a href="images_central/image_gallery/District Central-01.jpg"  data-lightbox="gallery" class="thumbnail"> 
			<img src="images_central/image_gallery/District Central-01.jpg">
			</a>
			</div>
			
			<div class="col-md-3">
			<a href="images_central/image_gallery/District Central-02.jpg"  data-lightbox="gallery" class="thumbnail"> 
			<img src="images_central/image_gallery/District Central-02.jpg">
			</a>
			</div>
			
			<div class="col-md-3">
			<a href="images_central/image_gallery/District Central-03.jpg"  data-lightbox="gallery" class="thumbnail"> 
			<img src="images_central/image_gallery/District Central-03.jpg">
			</a>
			</div>
			<div class="col-md-3">
			<a href="images_central/image_gallery/District Central-04.jpg"  data-lightbox="gallery" class="thumbnail"> 
			<img src="images_central/image_gallery/District Central-04.jpg">
			</a>
			</div>
			
			<div class="col-md-3">
			<a href="images_central/image_gallery/District Central-05.jpg"  data-lightbox="gallery" class="thumbnail"> 
			<img src="images_central/image_gallery/District Central-05.jpg">
			</a>
			</div>
			
			<div class="col-md-3">
			<a href="images_central/image_gallery/DJ Office Meeting.jpg"  data-lightbox="gallery" class="thumbnail"> 
			<img src="images_central/image_gallery/DJ Office Meeting.jpg">
			</a>
			</div>
			<div class="col-md-3">
			<a href="images_central/image_gallery/ID Section-01.jpg"  data-lightbox="gallery" class="thumbnail"> 
			<img src="images_central/image_gallery/ID Section-01.jpg">
			</a>
			</div>
			<div class="col-md-3">
			<a href="images_central/image_gallery/ID Section-02.jpg"  data-lightbox="gallery" class="thumbnail"> 
			<img src="images_central/image_gallery/ID Section-02.jpg">
			</a>
			</div>
			<div class="col-md-3">
			<a href="images_central/image_gallery/ID Section-03.jpg"  data-lightbox="gallery" class="thumbnail"> 
			<img src="images_central/image_gallery/ID Section-03.jpg">
			</a>
			</div>
			<div class="col-md-3">
			<a href="images_central/image_gallery/ID Section-04.jpg"  data-lightbox="gallery" class="thumbnail"> 
			<img src="images_central/image_gallery/ID Section-04.jpg">
			</a>
			</div>
			<div class="col-md-3">
			<a href="images_central/image_gallery/ID Section-05.jpg"  data-lightbox="gallery" class="thumbnail"> 
			<img src="images_central/image_gallery/ID Section-05.jpg">
			</a>
			</div>
			<div class="col-md-3">
			<a href="images_central/image_gallery/ID Section-06.jpg"  data-lightbox="gallery" class="thumbnail"> 
			<img src="images_central/image_gallery/ID Section-06.jpg">
			</a>
			</div>
			<div class="col-md-3">
			<a href="images_central/image_gallery/IT-01.jpg"  data-lightbox="gallery" class="thumbnail"> 
			<img src="images_central/image_gallery/IT-01.jpg">
			</a>
			</div>
			<div class="col-md-3">
			<a href="images_central/image_gallery/IT-02.jpg"  data-lightbox="gallery" class="thumbnail"> 
			<img src="images_central/image_gallery/IT-02.jpg">
			</a>
			</div>
			<div class="col-md-3">
			<a href="images_central/image_gallery/IT-Server Room-01.jpg"  data-lightbox="gallery" class="thumbnail"> 
			<img src="images_central/image_gallery/IT-Server Room-01.jpg">
			</a>
			</div>
			<div class="col-md-3">
			<a href="images_central/image_gallery/IT-Server Room-04.jpg"  data-lightbox="gallery" class="thumbnail"> 
			<img src="images_central/image_gallery/IT-Server Room-04.jpg">
			</a>
			</div>
			<div class="col-md-3">
			<a href="images_central/image_gallery/Library & Conference Room.jpg"  data-lightbox="gallery" class="thumbnail"> 
			<img src="images_central/image_gallery/Library & Conference Room.jpg">
			</a>
			</div>
			<div class="col-md-3">
			<a href="images_central/image_gallery/One Window-01.jpg"  data-lightbox="gallery" class="thumbnail"> 
			<img src="images_central/image_gallery/One Window-01.jpg">
			</a>
			</div><div class="col-md-3">
			<a href="images_central/image_gallery/One Window-02.jpg"  data-lightbox="gallery" class="thumbnail"> 
			<img src="images_central/image_gallery/One Window-02.jpg">
			</a>
			</div><div class="col-md-3">
			<a href="images_central/image_gallery/One Window-03.jpg"  data-lightbox="gallery" class="thumbnail"> 
			<img src="images_central/image_gallery/One Window-03.jpg">
			</a>
			</div><div class="col-md-3">
			<a href="images_central/image_gallery/One Window-04.jpg"  data-lightbox="gallery" class="thumbnail"> 
			<img src="images_central/image_gallery/One Window-04.jpg">
			</a>
			</div>


</div>
</div>
<div class="col col-md-3">
 <?php include_once('includes_central/news_central.php'); ?> 
 
</div>


<div class="col col-md-12">
<div class="multi-strip"></div>

</div>


<div class="col col-md-12">
 <?php include_once('includes_central/footer_central.php'); ?>
       
</div>

</div><!--row-->

</div><!--"container"-->

</div>
<!--Include JS Files Here-->
<?php include_once('js-links.php'); ?>
</body>
</html>