<%@ Page Language="VB" AutoEventWireup="false" CodeFile="csr.aspx.vb" Inherits="csr" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>AVS</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="Quala Coat - Law Firm & Lawyers HTML5 Template">
<meta name="author" content="xenioushk">
<link rel="shortcut icon" href="img/logo.png" />
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- The styles -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href="css/owl.carousel.css" rel="stylesheet" type="text/css" />
<link href="css/owl.theme.css" rel="stylesheet" type="text/css" />
<link href="css/animate.css" rel="stylesheet" type="text/css" />
<link href="css/venobox.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/styles.css" type="text/css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
<style>
.body
{
font-family: Verdana;
}
.prdt .col-md-3
{
margin: 4%;
box-shadow: 0 0 20px #ccc;
background: #fff;
}
.prdt .col-md-3:hover
{
box-shadow: 0 0 20px #fff;
}
.float{
position:fixed;
width:60px;
height:60px;
bottom:70px;
right:10px;
background-color:green;/*#25d366*/
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}
.float1{
position:fixed;
width:60px;
height:60px;
bottom:140px;
right:10px;
background-color:green;/*#25d366*/
color:#FFF;
border-radius:50px;
text-align:center;
font-size:30px;
box-shadow: 2px 2px 3px #999;
z-index:100;
}
.my-float{
margin-top:16px;
}
hr
{
border: 1px solid #666;
}
.prdt img{
padding: 20px;
}
.ml3 {
font-weight: 900;
font-size: 1.5em;
color: black;
margin-top: 40px;
}
.ml10 {
position: relative;
font-weight: 900;
font-size: 1.2em;
color: black;
margin-top: 40px;
}
.ml10 .text-wrapper {
position: relative;
display: inline-block;
padding-top: 0.2em;
padding-right: 0.05em;
padding-bottom: 0.1em;
overflow: hidden;
}
.ml10 .letter {
display: inline-block;
line-height: 1em;
transform-origin: 0 0;
}
</style>
</head>
<body>
<!-----social media icon----->
<a href="https://api.whatsapp.com/send?phone=918979020105&text=Hello,I Want to Know About..." class="float" target="_blank">
<i class="fa fa-whatsapp my-float"></i>
</a>
<a href="tel:8979020105" class="float1" target="_blank">
<i class="fa fa-phone my-float"></i>
</a>
<!-----end social media icon----->
<div id="preloader">
<span class="margin-bottom"><img src="img/logo.png" alt="Loading......" /></span>
</div>
<!-- HEADER STYLE 01 -->
<header class="main-header-2 clearfix" data-sticky_header="true">
<section class="header-wrapper navgiation-wrapper">
<!--------------- <div class="main-top-header hidden-sm hidden-xs clearfix">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 text-left">
<div class="top-bar-link">
<strong>Call Us</strong> : +91-9971394424
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 text-right">
<div class="top-bar-social">
<a href="#">
<i class="fa fa-facebook"></i>
</a>
<a href="#">
<i class="fa fa-twitter"></i>
</a>
<a href="#">
<i class="fa fa-google-plus"></i>
</a>
<a href="#">
<i class="fa fa-instagram"></i>
</a>
<a href="#">
<i class="fa fa-youtube"></i>
</a>
</div>
</div>
</div>
</div>
</div>------------->
<div class="header-top" style="background-image:url(img/148.gif);">
<div class="container">
<div class="row" >
<div class="col-md-4 col-sm-6 col-xs-12">
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<center><img src="img/logo.png" style=" "></center>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<h1 class="ml10">
<span class="text-wrapper">
<span class="letters">DO RECYCLE, SAVE ENVIRONMENT COME TO US, WE WILL HELP YOU</span>
</span>
</h1>
</div>
</div>
<!---------------- <div class="row">
<div class="col-md-4 col-sm-12 col-xs-12 header-col-logo">
<div class="header-logo logo">
<a href="index.html">
<img src="img/logo1.png" alt="Logo">
</a>
</div>-------------><!-- end .logo -->
<!---------------- </div>-------------><!-- end .col-md-3 -->
<!---------------- <div class="col-md-8 col-sm-12 hidden-xs">
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="header-icon-box">
<div class="icon-container">
<i class="fa fa-phone"></i>
</div>
<div class="text">
<span class="head-heading">QUICK SUPPORT</span>
<span class="head-content">
+91-9971394424
</span>
</div>
</div>-----------------><!-- end .header-icon-box -->
<!---------------- </div>-----------------> <!-- end .col-md-4 -->
<!---------------- <div class="col-md-4 col-sm-4">
<div class="header-icon-box">
<div class="icon-container">
<i class="fa fa-building-o"></i>
</div>
<div class="text">
<span class="head-heading">OFFICE ADDRESS</span>
<span class="head-content">
Uttam Nagar
</span>
</div>
</div>-----------------><!-- end .repair-icon-box -->
<!---------------- </div>-----------------><!-- end .col-md-4 -->
<!---------------- <div class="col-md-4 col-sm-4">
<div class="header-icon-box">
<div class="icon-container">
<i class="fa fa-calendar-check-o"></i>
</div>
<div class="text">
<span class="head-heading"> Mail Us</span>
<span class="head-content">
sales@anuragairconditioning.com
</span>
</div>
</div>-----------------><!-- end .header-icon-box -->
<!---------------- </div>-----------------> <!-- end .col-md-4 -->
<!---------------- </div> -----------------><!-- end .row -->
<!---------------- </div>-----------------><!-- end .col-md-8 -->
<!---------------- </div>-----------------><!-- end .row -->
</div><!-- end .container -->
</div><!-- end header-top -->
<div class="navbar navbar-default">
<div class="container clearfix">
<div class="navbar-collapse collapse pull-left">
<ul class="nav navbar-nav">
<li>
<a href="Default.aspx" title="Home Layout 01" class="link-active">Home</a>
</li>
<li>
<a href="about-us.aspx" title="About Us">About Us</a>
<!-----------<ul class="drop-down">
<li><a href="strength.html" title="Single Event">Strength</a></li>
<li><a href="scope-of-work.html" title="Single Event">Scope Of Work</a></li>
<li><a href="duck-work.html" title="Single Event">Duck Work</a></li>
</ul>---------->
</li>
<li class="drop"><a href="#">Our Products</a>
<ul class="drop-down">
<li><a href="ferrous.aspx" title=" ">Ferrous</a></li>
<li><a href="non-ferrous.aspx" title=" ">Non Ferrous</a></li>
<li><a href="paper.aspx" title=" "> Paper</a></li>
<!------------- <li><a href="air-handling-unit.html" title=" ">Air Handling Unit</a></li>
<li><a href="ductable-unit.html" title=" ">Ductable Unit</a></li>
<li><a href="chilled-water-pump.html" title=" ">Chilled water Pump</a></li>
<li><a href="condenser-water-pump.html" title=" ">Condenser water pump</a></li>----------->
</ul>
</li>
<!--------- <li class="drop"><a href="#">Pages</a>
<ul class="drop-down">
<li class="drop">
<a href="team.html" title="Team">Our Team</a>
<ul class="drop-down level3">
<li><a href="single-team.html">Single Team</a></li>
</ul>
</li>
<li class="drop">
<a href="#">Gallery</a>
<ul class="drop-down level3">
<li><a href="gallery-1.html">Layout 01</a></li>
<li><a href="gallery-2.html">Layout 02</a></li>
<li><a href="gallery-3.html">Layout 03</a></li>
</ul>
</li>
<li class="drop">
<a href="#">Elements 01</a>
<ul class="drop-down level3">
<li><a href="element-info-box.html">Info Boxes</a></li>
<li><a href="element-feedback.html">Testimonials</a></li>
<li><a href="appointment.html" title="APPOINTMENT">APPOINTMENT</a></li>
<li><a href="faq.html" title="FAQ">FAQ</a></li>
<li><a href="coming-soon.html" title="COMING SOON">COMING SOON</a></li>
<li><a href="404.html" title="404 Page">404 Page</a></li>
</ul>
</li>
<li class="drop">
<a href="#">Elements 02</a>
<ul class="drop-down level3">
<li><a href="element-cta.html">CTA Boxes</a></li>
<li><a href="element-counter.html">Counters</a></li>
<li><a href="element-logos.html">Logos/Client</a></li>
<li><a href="element-pricing-table.html">Pricing Table</a></li>
<li><a href="element-service.html">Service Boxes</a></li>
</ul>
</li>
<li class="drop">
<a href="#">Elements 03</a>
<ul class="drop-down level3">
<li><a href="element-highlights.html">Highlights</a></li>
<li><a href="element-appointment.html">Quote Form</a></li>
<li><a href="element-team.html">Team Boxes</a></li>
</ul>
</li>
<li class="drop"><a href="#">Level 3</a>
<ul class="drop-down level3">
<li><a href="#">Level 3.1</a></li>
<li><a href="#">Level 3.2</a></li>
<li><a href="#">Level 3.3</a></li>
</ul>
</li>
</ul>
</li>------------------>
<li class="drop">
<a href="csr.aspx">CSR</a>
</li>
<li class="drop">
<a href="employee-poratal.aspx">EMPLOYEE PORTAL</a>
</li>
<li class="drop">
<a href="gallery.aspx">Gallery</a>
</li>
<li><a href="contact.aspx">Contact</a></li>
</ul> <!-- end .nav .navbar-nav -->
</div>
<div class="navbar-header pull-right">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="navbar-contact">
<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</div>
</div>
</div> <!-- end .container -->
</div> <!-- end .navbar .navbar-default -->
</section>
</header> <!-- end main-header -->
<!-- HOME SLIDER BLOCK -->
<!---------------
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<!--------------- <ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
</ol>
<!-- Wrapper for slides -->
<!--------------- <div class="carousel-inner">
<div class="item active">
<img src="img/70.png" alt="AACPL" style="width:100%;">
</div>
<div class="item">
<img src="img/71.png" alt="AACPL" style="width:100%;">
</div>
<div class="item">
<img src="img/72.png" alt="AACPL" style="width:100%;">
</div>
</div>
<!-- Left and right controls -->
<!--------------- <a class="left carousel-control" href="#myCarousel" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
-------------->
<!-- SECTION ABOUT US -->
<section>
<img src="img/149.png">
</section>
<!-- COUNTER SECTION 02 -->
<!------------- <section class="section-content-block section-content-block-minimal section-custom-bg" data-bg_img="images/pattern_1.png" data-bg_color="#3498DB" data-bg_opacity="0.95" data-bg_repeat="repeat" data-bg_size="contain">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="counter-block-2 light-counter-layout counter-border">
<i class="icon fa fa-users"></i>
<div class="count-info">
<span class="counter">7000</span>
<p class="text-capitalize">Happy Clients</p>
</div>
</div>
</div> <!-- end .col-lg-3 col-md-3 col-sm-6 col-xs-12 -->
<!------------- <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="counter-block-2 light-counter-layout counter-border">
<i class="icon fa fa-smile-o"></i>
<div class="count-info">
<span class="counter">10 </span>
<span class="counter-postfix">+</span>
<p class="text-capitalize">Years Experience</p>
</div>
</div>
</div> <!-- end .col-lg-3 col-md-3 col-sm-6 col-xs-12 -->
<!------------- <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="counter-block-2 light-counter-layout counter-border">
<i class="icon fa fa-forumbee"></i>
<div class="count-info">
<span class="counter">99.99</span>
<span class="counter-postfix">%</span>
<p class="text-capitalize">Successful Case</p>
</div>
</div>
</div> <!-- end .col-lg-3 col-md-3 col-sm-6 col-xs-12 -->
<!------------- <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="counter-block-2 light-counter-layout counter-border">
<i class="icon fa fa-trophy"></i>
<div class="count-info">
<span class="counter">25</span>
<p class="text-capitalize"> Employee</p>
</div>
</div>
</div> <!-- end .col-lg-3 col-md-3 col-sm-6 col-xs-12 -->
<!------------- </div> <!-- end .row -->
<!------------- </div> <!-- end .container -->
<!------------- </section> <!-- end .section -->
<section class="prdt">
<div class="container-fluid"><br>
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<img src="img/120.jpeg">
</div>
<div class="col-md-8 col-sm-6 col-xs-12">
<center><h1 style="color: black;"> PUBLIC PARK MAINTAIN BY AVS GLOBAL </h1></center>
<h4>OUR COMPANY MAINTAINS THIS PARK FOR THE PUBLIC, AND ALSO CONDUCTS REGULAR AWARENESS PROGRAMS FOR BETTER LIFE OF YOUTH & ALSO TO SAVE OUR PLANET & EDUCATE PEOPLE ABOUT RECYCLING. </h4>
</div>
</div>
</div>
</section>
<!-- SECTION SERVICE 03 -->
<!-- BLOG SECTION -->
<section>
<img src="img/127.png">
</section>
<section class="wedo" style=" background: #fff ;opacity: ;color:black;">
<div class="container">
<br><br><br><br>
<center><h1 style="color:black;">WE ARE MEMBERS</h1></center>
<center><a href="https://www.bir.org/"><img src="img/12.png" width="20%"></a> <a href="https://www.mrai.org.in/"> <img src="img/11.png"></a> <a href="https://www.facebook.com/Ghaziabadlohavikretamandal/"><img src="img/LG.jpeg" width="10%"> </a> </center><br><br><br>
</div>
</section>
<section class="wedo" style=" background: #fff ;opacity: ;color:black;">
<div class="container">
<center> <hr class="hr"> <p style="color:green;">© 2022 AVS GLOBAL | Designed & Developed By : <a href="http://eindiadeal.com/" style="color:green;">Eindiadeal</a> </p> </center>
</div>
</section>
<!-- BACK TO TOP BUTTON -->
<script>
// Wrap every letter in a span
var textWrapper = document.querySelector('.ml3');
textWrapper.innerHTML = textWrapper.textContent.replace(/\S/g, "<span class='letter'>$&</span>");
anime.timeline({loop: true})
.add({
targets: '.ml3 .letter',
opacity: [0,1],
easing: "easeInOutQuad",
duration: 2250,
delay: (el, i) => 150 * (i+1)
}).add({
targets: '.ml3',
opacity: 0,
duration: 1000,
easing: "easeOutExpo",
delay: 1000
});
</script>
<script>
// Wrap every letter in a span
var textWrapper = document.querySelector('.ml10 .letters');
textWrapper.innerHTML = textWrapper.textContent.replace(/\S/g, "<span class='letter'>$&</span>");
anime.timeline({loop: true})
.add({
targets: '.ml10 .letter',
rotateY: [-90, 0],
duration: 1300,
delay: (el, i) => 45 * i
}).add({
targets: '.ml10',
opacity: 0,
duration: 1000,
easing: "easeOutExpo",
delay: 10000
});
</script>
<a id="backTop">Back To Top</a>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.backTop.min.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/waypoints-sticky.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="js/venobox.min.js"></script>
<!-- <script src="https://maps.google.com/maps/api/js?sensor=true&key=AIzaSyB8asWf-NyxR0dTHf_OMY9iT_lRncQG8x8 "></script>
<script src="js/jquery.gmap.min.js"></script>-->
<script src="js/custom-scripts.js"></script>
</body>
</html>