BLACKSITE


	: 18.118.128.205
	: 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/servicesold.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>
.serviceBox{
    background: #ffe738;
    padding: 14px 25px;
    transition: all 0.6s ease 0s;
	border-radius: 36px;
}
.serviceBox:hover{
    background: #FFFFE2;
}
.serviceBox .service-icon{
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    font-size: 24px;
    font-weight: 500;
    color: #26b9d3;
    text-align: center;
}
.serviceBox .title{
    font-size: 20px;
    color: #096c98;
    line-height: 30px;
    margin: 30px 0;
}
.serviceBox .sub-title{
    font-size: 20px;
    letter-spacing: 1px;
    color: #fff;
    margin-bottom: 12px;
}
.serviceBox .description{
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    margin: 20px 0 30px 0px;
}
.serviceBox .read{
    display: inline-block;
    width: 124px;
    height: 38px;
    position: relative;
    overflow: hidden;
    font-size: 13px;
    color: #fff;
    background: #0b778a;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
    transition: all 0.3s ease 0s;
	    border: 1px solid #fff;
}
.serviceBox .read:hover{
    color: #fff;
}
.serviceBox .read:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    background: #26b9d3;
    color: #fff;
    z-index: -1;
    transition: all 0.3s ease 0s;
}
.serviceBox .read:hover:before {
    top: 0;
}
@media screen and (max-width: 990px){
    .serviceBox{ margin-bottom: 30px; }
    .serviceBox .description{ margin: 20px 0; }
}
</style>

<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>Services</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-->

<!-- Team   -->
<section id="sec3" style="background:url(images/60.jpg) no-repeat">

<div class="container">
<canvas id="demo" style="position:absolute; background-size:cover"></canvas>
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="serviceBox">
<span class="service-icon">1</span>
<h3 class="title">HORDINDS</h3>
<a href="hordings.php" class="read"> Read More</a>
</div>
</div>

<div class="col-md-4 col-sm-6">
<div class="serviceBox">
<span class="service-icon">2</span>
<h3 class="title">BUS QUE SHELTER</h3>
<a href="bus-que-shelter.php" class="read"><i class="fa fa-long-arrow-right" aria-hidden="true"></i> Read More</a>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="serviceBox">
<span class="service-icon">3</span>
<h3 class="title">TRAFFIC BOOTH</h3>
<a href="traffic-booth.php" class="read"><i class="fa fa-long-arrow-right" aria-hidden="true"></i> Read More</a>
</div>
</div>
<div class="col-md-4 col-sm-6" style="padding-top:30px;">
<div class="serviceBox">
<span class="service-icon">4</span>
<h3 class="title">POOL KIOSK</h3>
<a href="kiosk.php" class="read"><i class="fa fa-long-arrow-right" aria-hidden="true"></i> Read More</a>
</div>
</div>
<div class="col-md-4 col-sm-6" style="padding-top:30px;">
<div class="serviceBox">
<span class="service-icon">5</span>
<h3 class="title">RADIO, TV AD</h3>
<a href="radio.php" class="read"><i class="fa fa-long-arrow-right" aria-hidden="true"></i> Read More</a>
</div>
</div>
<div class="col-md-4 col-sm-6" style="padding-top:30px;">
<div class="serviceBox">
<span class="service-icon">6</span>
<h3 class="title">AUTO AD</h3>
<a href="auto.php" class="read"><i class="fa fa-long-arrow-right" aria-hidden="true"></i> Read More</a>
</div>
</div>
<div class="col-md-4 col-sm-6" style="padding-top:30px;">
<div class="serviceBox">
<span class="service-icon">7</span>
<h3 class="title">VAN ACTIVATION</h3>
<a href="van-promotion.php" class="read"><i class="fa fa-long-arrow-right" aria-hidden="true"></i> Read More</a>
</div>
</div>
<div class="col-md-4 col-sm-6" style="padding-top:30px;">
<div class="serviceBox">
<span class="service-icon">8</span>
<h3 class="title">SOCIAL MEDIA</h3>
<a href="social-media.php" class="read"><i class="fa fa-long-arrow-right" aria-hidden="true"></i> Read More</a>
</div>
</div>
<div class="col-md-4 col-sm-6" style="padding-top:30px;">
<div class="serviceBox">
<span class="service-icon">9</span>
<h3 class="title">LED SCREEN</h3>
<a href="led-screen.php" class="read"><i class="fa fa-long-arrow-right" aria-hidden="true"></i> Read More</a>
</div>
</div>


</div>
</div>


</div>
</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>
var WIDTH;
var HEIGHT;
var canvas;
var con;
var g;
var pxs = [];
var rint = 60;

$(document).ready(function(){
  WIDTH = window.innerWidth;
  HEIGHT = window.innerHeight;
  $('#container').width(WIDTH).height(HEIGHT);
  canvas = document.getElementById('demo');
  $(canvas).attr('width', WIDTH).attr('height',HEIGHT);
  con = canvas.getContext('2d');
  for(var i = 0; i < 100; i++) {
    pxs[i] = new Circle();
    pxs[i].reset();
  }
  setInterval(draw,rint);
});

function draw() {
  con.clearRect(0,0,WIDTH,HEIGHT);
  for(var i = 0; i < pxs.length; i++) {
    pxs[i].fade();
    pxs[i].move();
    pxs[i].draw();
  }
}

function Circle() {
  this.s = {ttl:8000, xmax:3, ymax:2, rmax:200, rt:1, xdef:960, ydef:540, xdrift:2, ydrift: 2, random:true, blink:true};

  // fill vars
  var crFill = [
    ['rgba(10,56,67,0)', 'rgba(10,56,67,1)'],
    ['rgba(11,67,99,0)', 'rgba(11,67,99,1)'],
    ['rgba(8,46,49,0)', 'rgba(8,46,49,1)'],
    ['rgba(7,64,60,0)', 'rgba(7,64,60,1)']
  ];

  // opacity var
  var opacityFill = "." + Math.floor(Math.random() * 5) + 1;

  this.reset = function() {
    this.x = (this.s.random ? WIDTH*Math.random() : this.s.xdef);
    this.y = (this.s.random ? HEIGHT*Math.random() : this.s.ydef);
    this.r = ((this.s.rmax-1)*Math.random()) + 1;
    this.dx = (Math.random()*this.s.xmax) * (Math.random() < 0.5 ? -1 : 1);
    this.dy = (Math.random()*this.s.ymax) * (Math.random() < 0.5 ? -1 : 1);
    this.hl = (this.s.ttl/rint)*(this.r/this.s.rmax);
    this.rt = Math.random()*this.hl;
    this.s.rt = Math.random()+1;
    this.stop = Math.random()*0.2+0.4;
    this.s.xdrift *= Math.random() * (Math.random() < 0.5 ? -1 : 1);
    this.s.ydrift *= Math.random() * (Math.random() < 0.5 ? -1 : 1);
    this.opacityFill = opacityFill;

    this.currentColor = Math.floor(Math.random()*crFill.length);
  };

  this.fade = function() {
    this.rt += this.s.rt;
  };

  this.draw = function() {
    if(this.s.blink && (this.rt <= 0 || this.rt >= this.hl)){
      this.s.rt = this.s.rt*-1;
    }
    else if(this.rt >= this.hl){
      this.reset();
    }
    con.beginPath();
    con.arc(this.x,this.y,this.r,0,Math.PI*2,true);
    con.globalAlpha = opacityFill;
    var newo = 1-(this.rt/this.hl);
    var cr = this.r*newo;
    
    gradient = con.createRadialGradient(this.x,this.y,0,this.x,this.y,(cr <= 0 ? 1 : cr));
    gradient.addColorStop(0.0, crFill[(this.currentColor)][1]);
    gradient.addColorStop(0.7, crFill[(this.currentColor)][1]);
    gradient.addColorStop(1.0, crFill[(this.currentColor)][0]);

    con.fillStyle = gradient;
    con.fill();

    con.closePath();
  };

  this.move = function() {
    this.x += (this.rt/this.hl)*this.dx;
    this.y += (this.rt/this.hl)*this.dy;
    if(this.x > WIDTH || this.x < 0){
      this.dx *= -1;
    } 
    if(this.y > HEIGHT || this.y < 0){
      this.dy *= -1;
    } 
  };

  this.getX = function() { return this.x; };
  this.getY = function() { return this.y; };
}
</script>
</body>
</html>