|
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">
<!------fancyboc css link cdn-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css">
<title>Projects</title>
<style>
/*Directly lined with js*/
.myAnimation {
animation: anim 1s linear;
}
@keyframes anim {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.second .parent .left_part .logo_part {
width: 80%;
}
.active_btn {
text-decoration: underline;
color: #b87c2f !important;
}
#menu2,#menu3{
display: none;
}
#nav-wrap{
opacity: 1;
animation: none;
}
@media(max-width:750px){
.second .parent .left_part .logo_part {
width: 50%;
}
}
#first{
display: block;
}
.logo #second{
display: none;
width: 36%;
}
</style>
</head>
<body>
<?php include('menu.php');?>
<section class="second">
<?php $query=mysqli_query($conn,"select * from tbl_project_page_intro where id=1");
$row=mysqli_fetch_object($query);
?>
<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>-->
<?=$row->title;?>
<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">
<?=$row->content;?>
</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">Ongoing</li>
<li id='menu-2' onclick="showImages('menu2'),activateButton(2)" >Upcoming</li>
<li id='menu-3' onclick="showImages('menu3'),activateButton(3)">Delivered</li>
</ul>
<div id="menu1" class="img-container">
<div class="all-images">
<?php
$sql = mysqli_query($conn, "SELECT p.*, GROUP_CONCAT(t.name) tname, GROUP_CONCAT(t.image) timage
FROM tbl_projects p
INNER JOIN tbl_gallery t ON p.id = t.pro_id
WHERE p.status = 1
GROUP BY p.id");
$allProjects = [];
while ($res = mysqli_fetch_array($sql)) {
$res['timage_arr'] = explode(',', $res['timage']);
$res['tname_arr'] = explode(',', $res['tname']);
$allProjects[] = $res;
}
// Separate 'Excentia Tatva' and others
$first = [];
$others = [];
foreach ($allProjects as $project) {
if ($project['name'] === 'Excentia Tatva') {
$first[] = $project;
} else {
$others[] = $project;
}
}
// Merge to show Excentia Tatva first
$allProjects = array_merge($first, $others);
// Now loop and print
foreach ($allProjects as $res): ?>
<div class="img" data-aos="zoom-in">
<a href="<?php
if ($res['name'] === 'Excentia Tatva') {
echo 'https://excentiatatva.com';
} else {
echo 'project-inner.php?pro_id=' . md5($res['id']);
}
?>">
<img src="admin/upload_image/<?= $res['image']; ?>" alt="" data-caption="<?= $res['name']; ?>">
<span><?= $res['name']; ?></span>
</a>
</div>
<?php endforeach; ?>
</div>
</div>
<div id="menu2" class="img-container">
<div class="all-images">
<?php $sql=mysqli_query($conn,"select p.*,group_concat(t.name) tname,group_concat(t.image) timage from tbl_projects p Inner Join tbl_gallery t on p.id=t.pro_id where p.status=2 group by p.id;");
while($res=mysqli_fetch_array($sql)){
$galimage=explode(',',$res['timage']);
$galimagename=explode(',',$res['tname']);
?>
<div class="img" data-aos="zoom-in">
<a href="javascript:void(0);">
<img src="admin/upload_image/<?=$res['image'];?>" alt="" data-caption="<?=$res['name'];?>">
<span><?=$res['name'];?></span>
</a>
</div>
<?php } ?>
</div>
</div>
<div id="menu3" class="img-container">
<div class="all-images">
<?php $sql=mysqli_query($conn,"select p.*,group_concat(t.name) tname,group_concat(t.image) timage from tbl_projects p Inner Join tbl_gallery t on p.id=t.pro_id where p.status=3 group by p.id;");
while($res=mysqli_fetch_array($sql)){
$galimage=explode(',',$res['timage']);
$galimagename=explode(',',$res['tname']);
?>
<div class="img" data-aos="zoom-in">
<a href="project-inner.php?pro_id=<?=md5($res['id']);?>">
<img src="admin/upload_image/<?=$res['image'];?>" alt="" data-caption="<?=$res['name'];?>">
<span><?=$res['name'];?></span>
</a>
</div>
<?php } ?>
</div>
</div>
</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>
<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>
<!----fancy box script link-->
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script>
<!-----fancybox script----->
<script>
Fancybox.bind("[data-fancybox]", {
Carousel: {
infinite: false,
},
Slideshow: {
playOnStart: false,
timeout: 3000,
},
Toolbar: {
display: {
left: [],
middle: [],
right: ["slideshow", "close"],
},
},
Images: {
zoom: true,
},
});
</script>
</body>
</html>