BLACKSITE


	: 18.220.213.204
	: 103.154.184.216 / www.astitvaad.com
	: Linux vps.readyhost.in 4.18.0-553.6.1.el8.x86_64 #1 SMP Thu May 30 04:13:58 UTC 2024 x86_64
: /home/astitvaad/public_html/
files >> /home/astitvaad/public_html/gallery.php
 <?php 
include_once 'connection.php';
?>
<!DOCTYPE HTML>
<html lang="en">
<head>
<!--=============== basic  ===============-->
<meta charset="UTF-8">
<title>Astitvaa Advertisements Pvt Ltd </title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="robots" content="index, follow"/>
<meta name="keywords" content="Hording Unipole, Bus Que Shelter, Radio, TV, Ads, , Social Media, Led Screen"/>
<meta name="description" content="Astitvaa Advertisements Pvt Ltd is a start to end, complete solution agency for all advertising and promotional needs, Hording Unipole, Bus Que Shelter, Radio, TV, Ads, , Social Media, Led Screen"/>
<!--=============== css  ===============-->	
<link type="text/css" rel="stylesheet" href="css/reset.css">
<link type="text/css" rel="stylesheet" href="css/plugins.css">
<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/yourstyle.css">
<!--=============== favicons ===============-->
<link rel="shortcut icon" href="images/favicon.ico">

<style>


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  background-color: #0076d4;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 120px;
}

.sidenav a {
  padding: 8px 8px 8px 12px;
  text-decoration: none;
  font-size: 25px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


@media only screen and (max-width: 600px) {
  .more {
	  font-size:30px;cursor:pointer; position:absolute; z-index:1000; right:88px; top:15px;
}
}

</style>
<style>
.box{
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.box:before{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transform: skew(45deg) scaleX(0);
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
 
}
.box:hover:before{ transform: skew(0) scaleX(1); }
.box img{
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
.box:hover img{ transform: scale(1.2); }
.box .box-content{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 55%;
    left: 0;
    opacity: 0;
    z-index: 2;
    transform: translateY(-50%) scale(0.8);
    transition: all 0.2s ease 0s;
}
.box:hover .box-content{
    opacity: 1;
    transform: translateY(-50%) scale(1);
}
.box .title{
    font-size: 15px;
    font-weight: 600;
    color: #e2211a;
    text-transform: uppercase;
    margin: 10px 0 5px 0;
    position: relative;
    transition: all 0.5s ease 0s;
	text-align:center;
}
.box .post{
    display: block;
    font-size: 16px;
    color: #000;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
}
.box .icon li{
    display: inline-block;
    margin-left: 5px;
    opacity: 0;
    transform: translateY(50%);
    transition: all 0.3s ease 0.1s;
}
.box:hover .icon li{
    opacity: 1;
    transform: translateY(0);
}
.box:hover .icon li:nth-child(2){ transition-delay: 0.2s; }
.box .icon li a{
    display: block;
    width: 35px;
    height: 35px;
    line-height: 33px;
    border-radius:50% 0 50% 50%;
    background: #e2211a;
    font-size: 17px;
    color: #fff;
    transition: all 0.3s ease 0s;
}
.box .icon li a:hover{
    background: #fff;
    color: #e2211a;
    box-shadow: 0 0 0 3px #e2211a inset;
}
@media only screen and (max-width:990px){
    .box{ margin-bottom: 30px; }
}

 ::-webkit-input-placeholder { /* Edge */
  color: #fff;
}
</style>

<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">

<link rel="stylesheet" href="css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
   <link rel="stylesheet" href="css/vanillabox.css">
   <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
</head>
    <body>
        <!--Loader  -->
        <div class="loader"><i class="fa fa-refresh fa-spin"></i></div>
        <!--LOader end  -->
<!--================= main start ================-->
<div id="main">
<!--=============== header ===============-->	
<?php include('header.php')
?>
<!--header end -->
<!--=============== wrapper ===============-->
<div id="wrapper">
<!--=============== Content holder  ===============-->
<div class="content-holder elem scale-bg2 transition3" >
<!--=============== Content  ===============-->
<div class="content full-height">
<!-- Fixed title-->
<div class="fixed-title"><span>Gallery</span></div>
<!-- Page navigation--> 
<div class="scroll-page-nav">
<ul>
<li><a  href="#sec1"></a></li>
<li><a  href="#sec2"></a></li>
<li><a  href="#sec3"></a></li>
<li><a  href="#sec4"></a></li>
<li><a  href="#sec5"></a></li>
</ul>
</div>
<!-- Page navigation end-->
<!-- Page title section --> 

<!-- Page title section end--> 
<!-- About   -->

<!-- Facts end   -->
<!-- Team   -->
<section id="sec3" style="background:url(images/60.jpg) no-repeat; padding-top:20px;">
<div class="container">
<h3 style="text-align:center">GALLERY<a class="more1" href="services.php"><i class="fa fa-exchange pull-right"></i></a></h3>
 
<br>
<br>
<div class="container">
<div class="row">
  <?php


if (isset($_GET['page_no']) && $_GET['page_no']!="") {
  $page_no = $_GET['page_no'];
  } else {
    $page_no = 1;
        }

  $total_records_per_page = 6;
    $offset = ($page_no-1) * $total_records_per_page;
  $previous_page = $page_no - 1;
  $next_page = $page_no + 1;
  $adjacents = "2"; 

  $result_count = mysqli_query($conn,"SELECT COUNT(*) As total_records FROM `gallary`");
  $total_records = mysqli_fetch_array($result_count);
  $total_records = $total_records['total_records'];
    $total_no_of_pages = ceil($total_records / $total_records_per_page);
  $second_last = $total_no_of_pages - 1; // total page minus 1

    $result = mysqli_query($conn,"SELECT * FROM `gallary` LIMIT $offset, $total_records_per_page");
    while($row = mysqli_fetch_array($result)){

  ?>
<div class="col-md-4 col-sm-6">
<div class="box">
<img src="upload/<?php echo $row['file'];?>">
<h3 class="title"><?php echo $row['name'];?></h3>
<div class="box-content">
<h3 class="title"><?php echo $row['address'];?></h3>
<span class="post">&nbsp;</span>
<ul class="icon">
<li data-label="VIEW"><a class="vanillabox" title="" href="upload/<?php echo $row['file'];?>"><i class="fa fa-search"></i></a></li>
</ul>
</div>
</div>
</div>

<?php }
  mysqli_close($conn); ?>
</div>
</div><!-- 2nd container -->
<div style='padding: 10px 20px 0px; border-top: dotted 1px #CCC;'>
<strong>Page <?php echo $page_no." of ".$total_no_of_pages; ?></strong>
</div>
<br><br>
</div><!-- 1st container -->
<ul class="pagination">
  <?php // if($page_no > 1){ echo "<li><a href='?page_no=1'>First Page</a></li>"; } ?>
    
  <li <?php if($page_no <= 1){ echo "class='disabled'"; } ?>>
  <a <?php if($page_no > 1){ echo "href='?page_no=$previous_page'"; } ?>>Previous</a>
  </li>
       
    <?php 
  if ($total_no_of_pages <= 10){     
    for ($counter = 1; $counter <= $total_no_of_pages; $counter++){
      if ($counter == $page_no) {
       echo "<li class='active'><a>$counter</a></li>";  
        }else{
           echo "<li><a href='?page_no=$counter'>$counter</a></li>";
        }
        }
  }
  elseif($total_no_of_pages > 10){
    
  if($page_no <= 4) {     
   for ($counter = 1; $counter < 8; $counter++){     
      if ($counter == $page_no) {
       echo "<li class='active'><a>$counter</a></li>";  
        }else{
           echo "<li><a href='?page_no=$counter'>$counter</a></li>";
        }
        }
    echo "<li><a>...</a></li>";
    echo "<li><a href='?page_no=$second_last'>$second_last</a></li>";
    echo "<li><a href='?page_no=$total_no_of_pages'>$total_no_of_pages</a></li>";
    }

   elseif($page_no > 4 && $page_no < $total_no_of_pages - 4) {     
    echo "<li><a href='?page_no=1'>1</a></li>";
    echo "<li><a href='?page_no=2'>2</a></li>";
        echo "<li><a>...</a></li>";
        for ($counter = $page_no - $adjacents; $counter <= $page_no + $adjacents; $counter++) {     
           if ($counter == $page_no) {
       echo "<li class='active'><a>$counter</a></li>";  
        }else{
           echo "<li><a href='?page_no=$counter'>$counter</a></li>";
        }                  
       }
       echo "<li><a>...</a></li>";
     echo "<li><a href='?page_no=$second_last'>$second_last</a></li>";
     echo "<li><a href='?page_no=$total_no_of_pages'>$total_no_of_pages</a></li>";      
            }
    
    else {
        echo "<li><a href='?page_no=1'>1</a></li>";
    echo "<li><a href='?page_no=2'>2</a></li>";
        echo "<li><a>...</a></li>";

        for ($counter = $total_no_of_pages - 6; $counter <= $total_no_of_pages; $counter++) {
          if ($counter == $page_no) {
       echo "<li class='active'><a>$counter</a></li>";  
        }else{
           echo "<li><a href='?page_no=$counter'>$counter</a></li>";
        }                   
                }
            }
  }
?>
    
  <li <?php if($page_no >= $total_no_of_pages){ echo "class='disabled'"; } ?>>
  <a <?php if($page_no < $total_no_of_pages) { echo "href='?page_no=$next_page'"; } ?>>Next</a>
  </li>
    <?php if($page_no < $total_no_of_pages){
    echo "<li><a href='?page_no=$total_no_of_pages'>Last &rsaquo;&rsaquo;</a></li>";
    } ?>
</ul>
</section>
<!-- Team end   -->
<!-- services   -->

<!--Order end  -->
<!-- Testimonials   -->

<!-- Testimonials end -->
</div>
<!-- Content end  -->  
<!-- Share container  -->    
<div class="share-container  isShare"  data-share="['facebook','pinterest','googleplus','twitter','linkedin']"></div>
</div>
<!-- content holder end -->
</div>
<!-- wrapper end -->
<div class="left-decor"></div>
<div class="right-decor"></div>
<!--=============== Footer ===============-->
<?php include('footer.php')
?>
<!-- footer end -->
</div>
<!-- Main end -->
<!--=============== scripts  ===============-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/plugins.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<?php include('menu.php')
?>

<script>
function openNav() {
  document.getElementById("mySidenav").style.width = "250px";
}

function closeNav() {
  document.getElementById("mySidenav").style.width = "0";
}
</script>
<script>
	   document.addEventListener('play', function(e){
		// get all <audio> tag elements in the page.
		var allAudios = document.getElementsByTagName('audio');
		// Iterate through all players and pause them, except for
		// the one who fired the "play" event ("target")
		for(var i = 0; i<allAudios.length; i++){
			if(allAudios[i] != e.target){
				allAudios[i].pause();
			}
		}
		}, true);
	</script>
	  <script src="js/common.js"></script>
	   <script src="js/main.js"></script>
</body>
</html>