D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home
/
shubmkcj
/
designpitara.com
/
Filename :
portfolio.php
back
Copy
<?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'; ?>