<?php
include('admin/helpers/init.php');
$seo_title="Projects : SSD Associate Dhanbad";
$seo_description="SSD Associate Dhanbad";
include 'header.php';
?>
<body>

<div id="wrapper">
<?php include 'htop.php'; ?>


<div class="content_wrapper">
<div class="page-title" style="background-color:#fff !important;">
<div class="container clearfix">
<div class="col-lg-8 col-md-8 col-sm-4 title-area text-left pl0">
<h2>Projects</h2>
</div>

<div class="col-lg-4 col-md-4 col-sm-8 text-right hidden-xs pr0">
<div class="bread">
<ol class="breadcrumb mt0">
<li><a href="index.html">Home</a></li>
<li class="active">Projects</li>
</ol>
</div>

</div>

</div>
</div>
    <div class="navsbar" style="text-align:center;">
        <?php
        $citynav = get("tbl_city","city_name","ASC");
        foreach($citynav as $city){
        ?>
        <a class="pronav" href="city/<?=$city['slug'];?>.html"><?=$city['city_name'];?></a> 
        <?php } ?> 
    </div>
<section class="section graybg">
<div class="container">
	<div class="row">
		<?php
        $clients = get("clients","id","DESC");
        foreach($clients as $cli){
        ?>
         <div class="col-md-4 col-sm-6">
            <div class="project-content gallery-holder gal69 fbx-instance">
    <a href="client/<?=$cli['slug'];?>.html" target="_blank" title="<?=$cli['name'];?>">
        <?php
            $cid = $cli['id'];                            
            $sql=mysqli_query($con,"select * from client_images where client_id='$cid'");
            $res=mysqli_fetch_array($sql); 
        ?>
        <img src="admin/uploads/clients/<?=$res['image'];?>" alt="<?=$cli['name'];?>" title="<?=$cli['name'];?>">
         <span class="project-title"><?=$cli['name'];?></span>
    </a>
            </div>
        </div>
        <?php } ?>
	</div>
</div>
 </section>    
</div>
<?php include 'footer.php'; ?> 
</div>
    
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/foobox.js"></script>
<script src="js/nivo-slider.js"></script>
<script src="js/animate.js"></script>

<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>

<script type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script>

<script>
        var revapi;
        jQuery(document).ready(function() {
            revapi = jQuery("#rev_slider").revolution({
                sliderType: "standard",
                sliderLayout: "auto",
                delay: 9000,
                navigation: {
                    arrows: {
                        enable: true
                    }
                },
                pagination: true,
                gridwidth: 1230,
                gridheight: 720
            });

            jQuery(function() {
                jQuery("#slider1").nivoSlider({
                    effect: "fade",
                    slices: 15,
                    boxCols: 8,
                    boxRows: 4,
                    animSpeed: 500,
                    pauseTime: 3000,
                    startSlide: 0,
                    directionNav: true,
                    controlNav: true,
                    controlNavThumbs: false,
                    pauseOnHover: false,
                    manualAdvance: true
                });

                jQuery("#slider2").nivoSlider({
                    effect: "fade",
                    slices: 15,
                    boxCols: 8,
                    boxRows: 4,
                    animSpeed: 500,
                    pauseTime: 3000,
                    startSlide: 0,
                    directionNav: true,
                    controlNav: true,
                    controlNavThumbs: false,
                    pauseOnHover: false,
                    manualAdvance: true
                });

                jQuery("#slider3").nivoSlider({

                    effect: "fade",

                    slices: 15,

                    boxCols: 8,

                    boxRows: 4,

                    animSpeed: 500,

                    pauseTime: 3000,

                    startSlide: 0,

                    directionNav: true,

                    controlNav: true,

                    controlNavThumbs: false,

                    pauseOnHover: false,

                    manualAdvance: true

                });

                jQuery("#slider4").nivoSlider({

                    effect: "fade",

                    slices: 15,

                    boxCols: 8,

                    boxRows: 4,

                    animSpeed: 500,

                    pauseTime: 3000,

                    startSlide: 0,

                    directionNav: true,

                    controlNav: true,

                    controlNavThumbs: false,

                    pauseOnHover: false,

                    manualAdvance: true

                });

                jQuery("#slider5").nivoSlider({

                    effect: "fade",

                    slices: 15,

                    boxCols: 8,

                    boxRows: 4,

                    animSpeed: 500,

                    pauseTime: 3000,

                    startSlide: 0,

                    directionNav: true,

                    controlNav: true,

                    controlNavThumbs: false,

                    pauseOnHover: false,

                    manualAdvance: true

                });

                jQuery("#slider6").nivoSlider({

                    effect: "fade",

                    slices: 15,

                    boxCols: 8,

                    boxRows: 4,

                    animSpeed: 500,

                    pauseTime: 3000,

                    startSlide: 0,

                    directionNav: true,

                    controlNav: true,

                    controlNavThumbs: false,

                    pauseOnHover: false,

                    manualAdvance: true

                });

                jQuery("#slider7").nivoSlider({

                    effect: "fade",

                    slices: 15,

                    boxCols: 8,

                    boxRows: 4,

                    animSpeed: 500,

                    pauseTime: 3000,

                    startSlide: 0,

                    directionNav: true,

                    controlNav: true,

                    controlNavThumbs: false,

                    pauseOnHover: false,

                    manualAdvance: true

                });

                jQuery("#slider8").nivoSlider({

                    effect: "fade",

                    slices: 15,

                    boxCols: 8,

                    boxRows: 4,

                    animSpeed: 500,

                    pauseTime: 3000,

                    startSlide: 0,

                    directionNav: true,

                    controlNav: true,

                    controlNavThumbs: false,

                    pauseOnHover: false,

                    manualAdvance: true

                });

                jQuery("#slider9").nivoSlider({

                    effect: "fade",

                    slices: 15,

                    boxCols: 8,

                    boxRows: 4,

                    animSpeed: 500,

                    pauseTime: 3000,

                    startSlide: 0,

                    directionNav: true,

                    controlNav: true,

                    controlNavThumbs: false,

                    pauseOnHover: false,

                    manualAdvance: true

                });

                jQuery("#slider10").nivoSlider({

                    effect: "fade",

                    slices: 15,

                    boxCols: 8,

                    boxRows: 4,

                    animSpeed: 500,

                    pauseTime: 3000,

                    startSlide: 0,

                    directionNav: true,

                    controlNav: true,

                    controlNavThumbs: false,

                    pauseOnHover: false,

                    manualAdvance: true

                });

            });



            $('#myTabs a').click(function(e) {

                e.preventDefault()

                $(this).tab('show')

            });

        }); /*ready*/



        (function(FOOBOX, $, undefined) {

            FOOBOX.o = {

                theme: "fbx-dark",

                wordpress: {

                    enabled: true

                },

                pan: {

                    enabled: true,

                    showOverview: true,

                    position: "fbx-top-right"

                },

                deeplinking: {

                    enabled: true,

                    prefix: "foobox"

                },

                effect: 'fbx-effect-1',

                images: {

                    showCaptions: false

                },

                excludes: '.fbx-link,.nofoobox,.nolightbox,a[href*="pinterest.com/pin/create/button/"],.jig-customLink',

                affiliate: {

                    enabled: false

                },

                slideshow: {

                    enabled: false

                },

                social: {

                    "enabled": true,

                    "position": "fbx-bottom",

                    "onlyShowOnHover": true,

                    "excludes": ["iframe", "html"],

                    "nonce": "399c95c901",

                    "networks": ["facebook", "google-plus", "twitter", "pinterest"]

                },

                preload: true,

                modalClass: "fbx-arrows-1 fbx-sticky-buttons"

            };

            FOOBOX.init = function() {

                $(".fbx-link").removeClass("fbx-link");

                $(".gallery-holder").foobox($.extend(true, {}, FOOBOX.o, {

                    alwaysInit: true

                }));

                $(".ngg-galleryoverview, .ngg-widget").foobox($.extend(true, {}, FOOBOX.o, {

                    alwaysInit: true

                }));

                $(".gallery").foobox($.extend(true, {}, FOOBOX.o, {

                    alwaysInit: true

                }));

                $(".jigFooBoxConnect").foobox($.extend(true, {}, FOOBOX.o, {

                    alwaysInit: true

                }));

                $(".foobox, [target=\"foobox\"]").foobox($.extend(true, {}, FOOBOX.o, {

                    alwaysInit: true

                }));

                $(".wp-caption").foobox($.extend(true, {}, FOOBOX.o, {

                    alwaysInit: true

                }));

                $("a:has(img[class*=wp-image-])").foobox($.extend(true, {}, FOOBOX.o, {

                    alwaysInit: true

                }));



            };

        }(window.FOOBOX = window.FOOBOX || {}, FooBox.$));



        jQuery(function() {



            jQuery("body").append("<span style=\"font-family:'foobox'; color:transparent; position:absolute; top:-1000em;\">f</span>");

            FOOBOX.init();

            jQuery(document).trigger("foobox-after-init");

            jQuery('body').on('post-load', function() {

                FOOBOX.init();

            });



        });
    </script>
</body>
</html>