1#@!#!123s

: / proc / thread-self / root / proc / self / root / proc / self / root / home / shubmkcj / designpitara.com /
Filename : portfolio.php
back
<?php 
   include 'dash/config.php';
   ?>
<!doctype html>
<html class="no-js" lang="en">
   <head>
      <meta charset="utf-8">
      <title>Design Portfolio - Packaging | Website | Logo</title>
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <meta name="robots" content="index,follow" />
      <meta name="author" content="DesignPitara">
      <meta name="description" content="Design Agency Portfolio based in India">
      <meta name="keywords" content="design agency portfolio, creative porftolio, design portfolio">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta property="og:title" content="Creative Agency Portfolio"/>
      <meta property="og:type" content="website"/>
      <meta property="og:description" content="Design Pitara is one of the top creative agency in Gurgaon – Delhi NCR (India)."/>
      <meta property="og:url" content="https://designpitara.com/"/>
      <meta property="og:site_name" content="DesignPitara"/>
      <meta property="og:image" content="https://designpitara.com/img/logo_new.png"/>
      <link rel="canonical" href="https://designpitara.com/portfolio" />
      
      <!-- favicon -->		
      <link rel="shortcut icon" type="image/x-icon" href="img/logo/favicon.ico">
      <!-- all css here -->
      <!-- Gallery Css -->
      <link rel="stylesheet" href="css/gallery.css">
      <!-- bootstrap v3.3.6 css -->
      <link rel="stylesheet" href="css/bootstrap.min.css">
      <!-- owl.carousel css -->
      <link rel="stylesheet" href="css/owl.carousel.css">
      <link rel="stylesheet" href="css/owl.transitions.css">
      <!-- meanmenu css -->
      <link rel="stylesheet" href="css/meanmenu.min.css">
      <!-- font-awesome css -->
      <link rel="stylesheet" href="css/font-awesome.min.css">
      <link rel="stylesheet" href="css/icon.css">
      <link rel="stylesheet" href="css/flaticon.css">
      <!-- magnific css -->
      <link rel="stylesheet" href="css/magnific.min.css">
      <!-- venobox css -->
      <link rel="stylesheet" href="css/venobox.css">
      <!-- style css -->
      <link rel="stylesheet" href="style.css">
      <!-- responsive css -->
      <link rel="stylesheet" href="css/responsive.css">
      <!-- modernizr css -->
      <script src="js/vendor/modernizr-2.8.3.min.js"></script>
   </head>
   <body>
      <?php include 'inner-header.php'; ?>
      <!--End Consulting Form-->
      <!-- Start breadcumb Area -->
      <div class="page-area">
         <div class="breadcumb-overlay"></div>
         <div class="container">
            <div class="row">
               <div class="col-md-12 col-sm-12 col-xs-12">
                  <div class="breadcrumb text-center">
                     <div class="section-headline white-headline">
                        <h3>Portfolio</h3>
                     </div>
                     <ul class="breadcrumb-bg">
                        <li class="home-bread">Home</li>
                        <li>Portfolio</li>
                     </ul>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- End breadcumb Area -->
      <!-- Start project Area -->
      <div class="project-page-3 project-4 page-padding">
         <div class="container">
            <div class="row">
               <ul class="nav nav-tabs">
                  <li class="active"><a data-toggle="tab" href="#home">Logos</a></li>
                  <li><a data-toggle="tab" href="#menu1">Social Media</a></li>
                  <li><a data-toggle="tab" href="#menu2">Packaging </a></li>
                  <li><a data-toggle="tab" href="#menu3">Advertisements</a></li>
                  <li><a data-toggle="tab" href="#invitation">Invitations</a></li>
                  <li><a data-toggle="tab" href="#hanging">Hanging Dangler </a></li>
                  <li><a data-toggle="tab" href="#banner">Banners & Posters</a></li>
                  <li><a data-toggle="tab" href="#manuplation">Photo Manipulation </a></li>
                  <li><a data-toggle="tab" href="#infographic">Infographics</a></li>
               </ul>
               <section id="gallery">
                  <div class="container">
                     <div id="image-gallery">
                        <div class="tab-content">
                           <div id="home" class="mar-row tab-pane fade in active">
                              <div class="row">
                                 <?php 
                                    /* Logo Image Start Here */
                                     
                                     $sql = "select * from portofolio where category='Logo Design' order by id desc";
                                     $result = mysqli_query($conn,$sql);
                                        while($row = mysqli_fetch_array($result)){
                                    ?> 
                                 <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 image">
                                    <div class="img-wrapper">
                                       <a href="dash/upload/<?php echo $row['image'] ?>"><img src="dash/upload/<?php echo $row['image'] ?>" alt="<?php echo $row['alt'] ?>" class="img-responsive"></a>
                                       <div class="img-overlay">
                                          <i class="fa fa-plus-circle" aria-hidden="true"></i>
                                       </div>
                                    </div>
                                 </div>
                                 <?php } ?>
                              </div>
                              <!-- End row -->
                           </div>
                           <div id="menu1" class="mar-row tab-pane fade">
                               <div class="row">
                                 <?php  
                                       $sqlso = "select * from portofolio where category='Social Media' order by id desc";
                                       $resultso = mysqli_query($conn,$sqlso);
                                       while($rowso = mysqli_fetch_assoc($resultso)){
                                 ?> 
                                         <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 image">
                                            <div class="img-wrapper">
                                               <a href="dash/upload/<?php echo $rowso['image'] ?>"><img src="dash/upload/<?php echo $rowso['image'] ?>" alt="<?php echo $rowso['alt'] ?>" class="img-responsive"></a>
                                               <div class="img-overlay">
                                                  <i class="fa fa-plus-circle" aria-hidden="true"></i>
                                               </div>
                                            </div>
                                         </div>
                                 <?php } ?>
                               </div>
                           </div>
                           <div id="menu2" class="row mar-row tab-pane fade">
                              <div class="row">
                                 <?php 
                                    $sqlpd = "select * from portofolio where category='Packaging Designing'  order by id desc";
                                    $resultpd = mysqli_query($conn,$sqlpd);
                                    while($rowpd = mysqli_fetch_assoc($resultpd)){
                                    ?> 
                                 <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 image">
                                    <div class="img-wrapper">
                                       <a href="dash/upload/<?php echo $rowpd['image'] ?>"><img src="dash/upload/<?php echo $rowpd['image'] ?>" alt="<?php echo $rowpd['alt'] ?>" class="img-responsive"></a>
                                       <div class="img-overlay">
                                          <i class="fa fa-plus-circle" aria-hidden="true"></i>
                                       </div>
                                    </div>
                                 </div>
                                 <?php } ?>
                              </div>
                              <!-- End row --> 
                           </div>
                           <div id="menu3" class="row mar-row tab-pane fade">
                               <div class="row">
                                        <?php
                                                 $sqlad = "select * from portofolio where category='Advertisements' order by id desc";
                                                 $resultad = mysqli_query($conn,$sqlad);
                                                 while($rowad = mysqli_fetch_assoc($resultad)){
                                        ?>             
                                                 <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 image">
                                                    <div class="img-wrapper">
                                                       <a href="dash/upload/<?php echo $rowad['image'] ?>"><img src="dash/upload/<?php echo $rowad['image'] ?>" alt="<?php echo $rowad['alt'] ?>" class="img-responsive"></a>
                                                       <div class="img-overlay">
                                                          <i class="fa fa-plus-circle" aria-hidden="true"></i>
                                                       </div>
                                                    </div>
                                                 </div>
                                        <?php
                                                 }
                                         ?>                           
                               </div>
                           </div>
                           <div id="invitation" class="row mar-row tab-pane fade">
                               <div class="row">
                                        <?php
                                                     $sqlin = "select * from portofolio where category='Invitations' order by id desc";
                                                     $resultin = mysqli_query($conn,$sqlin);
                                                     while($rowin = mysqli_fetch_assoc($resultin)){
                                        ?>             
                                                 <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 image">
                                                    <div class="img-wrapper">
                                                       <a href="dash/upload/<?php echo $rowin['image'] ?>"><img src="dash/upload/<?php echo $rowin['image'] ?>" alt="<?php echo $rowin['alt'] ?>" class="img-responsive"></a>
                                                       <div class="img-overlay">
                                                          <i class="fa fa-plus-circle" aria-hidden="true"></i>
                                                       </div>
                                                    </div>
                                                 </div>
                                        <?php
                                                 }
                                         ?>                           
                               </div>
                           </div>
                           <div id="hanging" class="row mar-row tab-pane fade">
                              <div class="row">
                                        <?php
                                                     $sqlha = "select * from portofolio where category='Hanging Dangler' order by id desc";
                                                     $resultha = mysqli_query($conn,$sqlha);
                                                     while($rowha = mysqli_fetch_assoc($resultha)){
                                        ?>             
                                                 <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 image">
                                                    <div class="img-wrapper">
                                                       <a href="dash/upload/<?php echo $rowha['image'] ?>"><img src="dash/upload/<?php echo $rowha['image'] ?>" alt="<?php echo $rowha['alt'] ?>" class="img-responsive"></a>
                                                       <div class="img-overlay">
                                                          <i class="fa fa-plus-circle" aria-hidden="true"></i>
                                                       </div>
                                                    </div>
                                                 </div>
                                        <?php
                                                 }
                                         ?>                           
                               </div>
                           </div>
                           <div id="banner" class="row mar-row tab-pane fade">
                                        <?php
                                                     $sqlba = "select * from portofolio where category='Banners & Posters' order by id desc";
                                                     $resultba = mysqli_query($conn,$sqlba);
                                                     while($rowba = mysqli_fetch_assoc($resultba)){
                                        ?>             
                                                 <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 image">
                                                    <div class="img-wrapper">
                                                       <a href="dash/upload/<?php echo $rowba['image'] ?>"><img src="dash/upload/<?php echo $rowba['image'] ?>" alt="<?php echo $rowba['alt'] ?>" class="img-responsive"></a>
                                                       <div class="img-overlay">
                                                          <i class="fa fa-plus-circle" aria-hidden="true"></i>
                                                       </div>
                                                    </div>
                                                 </div>
                                        <?php
                                                 }
                                         ?>        
                           </div>
                           <div id="manuplation" class="row mar-row tab-pane fade">
                                       <?php
                                                                
                                                     $sqlph = "select * from portofolio where category='Photo Manipulation' order by id desc";
                                                     $resultph = mysqli_query($conn,$sqlph);
                                                     while($rowph = mysqli_fetch_assoc($resultph)){
                                        ?>             
                                                 <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 image">
                                                    <div class="img-wrapper">
                                                       <a href="dash/upload/<?php echo $rowph['image'] ?>"><img src="dash/upload/<?php echo $rowph['image'] ?>" alt="<?php echo $rowph['alt'] ?>" class="img-responsive"></a>
                                                       <div class="img-overlay">
                                                          <i class="fa fa-plus-circle" aria-hidden="true"></i>
                                                       </div>
                                                    </div>
                                                 </div>
                                        <?php
                                                 }
                                         ?>   
                           </div>
                           <div id="infographic" class="row mar-row tab-pane fade">
                                       <?php
                                                     $sqlinfo = "select * from portofolio where category='Infographics' order by id desc";
                                                     $resultinfo = mysqli_query($conn,$sqlinfo);
                                                     while($rowinfo = mysqli_fetch_assoc($resultinfo)){
                                        ?>             
                                                 <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 image">
                                                    <div class="img-wrapper">
                                                       <a href="dash/upload/<?php echo $rowinfo['image'] ?>"><img src="dash/upload/<?php echo $rowinfo['image'] ?>" alt="<?php echo $rowinfo['alt'] ?>" class="img-responsive"></a>
                                                       <div class="img-overlay">
                                                          <i class="fa fa-plus-circle" aria-hidden="true"></i>
                                                       </div>
                                                    </div>
                                                 </div>
                                        <?php
                                                 }
                                         ?>   
                           </div>
                        </div>
                     </div>
                     <!-- End image gallery -->
                  </div>
                  <!-- End container --> 
               </section>
            </div>
         </div>
      </div>
      <!-- End project Area -->
      <!--Start Footer Area-->
      <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
      <script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>
      <script>
         // Gallery image hover
         $( ".img-wrapper" ).hover(
           function() {
             $(this).find(".img-overlay").animate({opacity: 1}, 600);
           }, function() {
             $(this).find(".img-overlay").animate({opacity: 0}, 600);
           }
         );
         
         // Lightbox
         var $overlay = $('<div id="overlay"></div>');
         var $image = $("<img>");
         var $prevButton = $('<div id="prevButton"><i class="fa fa-chevron-left"></i></div>');
         var $nextButton = $('<div id="nextButton"><i class="fa fa-chevron-right"></i></div>');
         var $exitButton = $('<div id="exitButton"><i class="fa fa-times"></i></div>');
         
         // Add overlay
         $overlay.append($image).prepend($prevButton).append($nextButton).append($exitButton);
         $("#gallery").append($overlay);
         
         // Hide overlay on default
         $overlay.hide();
         
         // When an image is clicked
         $(".img-overlay").click(function(event) {
           // Prevents default behavior
           event.preventDefault();
           // Adds href attribute to variable
           var imageLocation = $(this).prev().attr("href");
           // Add the image src to $image
           $image.attr("src", imageLocation);
           // Fade in the overlay
           $overlay.fadeIn("slow");
         });
         
         // When the overlay is clicked
         $overlay.click(function() {
           // Fade out the overlay
           $(this).fadeOut("slow");
         });
         
         // When next button is clicked
         $nextButton.click(function(event) {
           // Hide the current image
           $("#overlay img").hide();
           // Overlay image location
           var $currentImgSrc = $("#overlay img").attr("src");
           // Image with matching location of the overlay image
           var $currentImg = $('#image-gallery img[src="' + $currentImgSrc + '"]');
           // Finds the next image
           var $nextImg = $($currentImg.closest(".image").next().find("img"));
           // All of the images in the gallery
           var $images = $("#image-gallery img");
           // If there is a next image
           if ($nextImg.length > 0) { 
             // Fade in the next image
             $("#overlay img").attr("src", $nextImg.attr("src")).fadeIn(800);
           } else {
             // Otherwise fade in the first image
             $("#overlay img").attr("src", $($images[0]).attr("src")).fadeIn(800);
           }
           // Prevents overlay from being hidden
           event.stopPropagation();
         });
         
         // When previous button is clicked
         $prevButton.click(function(event) {
           // Hide the current image
           $("#overlay img").hide();
           // Overlay image location
           var $currentImgSrc = $("#overlay img").attr("src");
           // Image with matching location of the overlay image
           var $currentImg = $('#image-gallery img[src="' + $currentImgSrc + '"]');
           // Finds the next image
           var $nextImg = $($currentImg.closest(".image").prev().find("img"));
           // Fade in the next image
           $("#overlay img").attr("src", $nextImg.attr("src")).fadeIn(800);
           // Prevents overlay from being hidden
           event.stopPropagation();
         });
         
         // When the exit button is clicked
         $exitButton.click(function() {
           // Fade out the overlay
           $("#overlay").fadeOut("slow");
         });
      </script>
      <?php include 'footer.php'; ?>