File Manager

✏️ er.php

<footer class="bg-brand-dark text-white pt-24 pb-10 border-t border-white/5 relative overflow-hidden">
        
        <div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-brand-gold/50 to-transparent"></div>
        <div class="absolute -top-[20%] -right-[10%] w-[50%] h-[50%] bg-brand-gold/5 rounded-full blur-[100px] pointer-events-none"></div>

<div class="container mx-auto px-6 md:px-12 relative z-10">
            <div class="grid md:grid-cols-4 gap-12 mb-20">
                
                <div class="md:col-span-1">
                     <a href="<?= $base_url ?>/" class="relative z-50 flex items-center group">
                <img src="<?= $base_url ?>/assets/logo/logo_01.png" alt="Yelagiri Logo" class="h-16 w-auto drop-shadow-md transition-transform duration-500 group-hover:scale-105">
            </a>
                    <p class="text-gray-400 text-sm leading-relaxed mb-8 font-medium">
                        Curating premium lifestyles in the heart of nature. We bring you the finest plots, homes, and stays in Yelagiri.
                    </p>
                    <div class="flex gap-4">
                        <a href="https://www.facebook.com/groups/2048047602704125/?ref=share&mibextid=NSMWBT" target="_blank" class="w-10 h-10 rounded-full border border-white/10 flex items-center justify-center text-gray-400 hover:bg-brand-gold hover:text-brand-dark hover:border-transparent transition-all duration-300"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" class="w-10 h-10 rounded-full border border-white/10 flex items-center justify-center text-gray-400 hover:bg-brand-gold hover:text-brand-dark hover:border-transparent transition-all duration-300"><i class="fab fa-instagram"></i></a>
                        <a href="https://wa.me/919843698228" target="_blank" class="w-10 h-10 rounded-full border border-white/10 flex items-center justify-center text-gray-400 hover:bg-brand-gold hover:text-brand-dark hover:border-transparent transition-all duration-300"><i class="fab fa-whatsapp"></i></a>
                    </div>
                </div>

<div>
                    <h4 class="text-lg font-serif font-bold text-white mb-6">Discover</h4>
                    <ul class="space-y-4 text-sm text-gray-400 font-medium">
                        <li><a href="<?= $base_url ?>/" class="hover:text-brand-gold transition-colors duration-300 flex items-center gap-2 group"><span class="w-0 group-hover:w-2 h-[1px] bg-brand-gold transition-all duration-300"></span> Home</a></li>
                        <li><a href="<?= $base_url ?>/about" class="hover:text-brand-gold transition-colors duration-300 flex items-center gap-2 group"><span class="w-0 group-hover:w-2 h-[1px] bg-brand-gold transition-all duration-300"></span> About Story</a></li>
                        <li><a href="<?= $base_url ?>/luxury-stays-yelagiri" class="hover:text-brand-gold transition-colors duration-300 flex items-center gap-2 group"><span class="w-0 group-hover:w-2 h-[1px] bg-brand-gold transition-all duration-300"></span> Luxury Stays</a></li>
                        <li><a href="<?= $base_url ?>/villas-in-yelagiri" class="hover:text-brand-gold transition-colors duration-300 flex items-center gap-2 group"><span class="w-0 group-hover:w-2 h-[1px] bg-brand-gold transition-all duration-300"></span> Villas</a></li>
                        <li><a href="<?= $base_url ?>/plots-in-yelagiri" class="hover:text-brand-gold transition-colors duration-300 flex items-center gap-2 group"><span class="w-0 group-hover:w-2 h-[1px] bg-brand-gold transition-all duration-300"></span> Plots</a></li>
                    </ul>
                </div>

<div>
                    <h4 class="text-lg font-serif font-bold text-white mb-6">Quick Links</h4>
                    <ul class="space-y-3 text-sm text-gray-400">
                        <li><a href="<?= $base_url ?>/" class="hover:text-brand-gold transition">Home</a></li>
                        <li><a href="<?= $base_url ?>/about" class="hover:text-brand-gold transition">About Us</a></li>
                        <li><a href="<?= $base_url ?>/luxury-stays-yelagiri" class="hover:text-brand-gold transition">Hotel Booking</a></li>
                        <li><a href="<?= $base_url ?>/plots-in-yelagiri" class="hover:text-brand-gold transition">Plots</a></li>
                        <li><a href="<?= $base_url ?>/villas-in-yelagiri" class="hover:text-brand-gold transition">List Your Property</a></li>
                        <li><a href="<?= $base_url ?>/contact" class="hover:text-brand-gold transition">Contact</a></li>
                    </ul>
                </div>

<div>
                    <h4 class="text-lg font-serif font-bold text-white mb-6">Touching Base</h4>
                    <ul class="space-y-6 text-sm text-gray-400 font-medium">
                        <li class="flex items-start gap-4">
                            <i class="fas fa-map-marker-alt text-brand-gold mt-1"></i>
                            <span class="leading-relaxed">123 HillTop Road, Athanavur,<br>Yelagiri Hills, TN 635853</span>
                        </li>
                        <li class="flex items-center gap-4">
                            <a href="tel:+919843698228" class="flex items-center gap-4 hover:text-brand-gold transition-colors">
                            <i class="fas fa-phone-alt text-brand-gold"></i>
                            <span>+91 98436 98228</span>
                            </a>
                        </li>
                        <li class="flex items-center gap-4">
                            <a href="mailto:karimullah2783@gmail.com" class="flex items-center gap-4 hover:text-brand-gold transition-colors">
                            <i class="fas fa-envelope text-brand-gold"></i>
                            <span>karimullah2783@gmail.com</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

<div class="border-t border-white/5 pt-8 flex flex-col md:flex-row justify-between items-center gap-4 text-xs text-gray-500 font-medium tracking-wide">
                <p>&copy; <?php echo date('Y'); ?> Yelagiri Real Estate. All rights reserved.</p>
                <div class="flex gap-8">
                    <a href="#" class="hover:text-brand-gold transition-colors">Privacy Policy</a>
                    <a href="#" class="hover:text-brand-gold transition-colors">Terms of Service</a>
                    <a href="<?= $base_url ?>/admin" class="hover:text-white transition-colors text-gray-600">Admin</a>
                </div>
            </div>
        </div>
    </footer>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollToPlugin.min.js"></script>
    <script src="<?= $base_url ?>/js/main.js"></script>

Batal

⬅ public_html 2 item

Nama	Tipe	Ukuran	Diubah	Aksi
🐘footer.php	php	7.7 KB	2026-01-26 06:04	✏️ 👁️
🐘header.php	php	12.1 KB	2026-01-26 06:06	✏️ 👁️

✏️ Rename