File Manager

✏️ Edit File: /home/u414903541/domains/greenedgeinfratech.com/public_html/components/header.html

<header class="sticky top-0 w-full z-50">
    
    <div class="w-full bg-green-600 text-white text-sm">
    <div
        class="container mx-auto px-4 flex flex-col sm:flex-row items-center justify-between h-auto sm:h-10 py-2 sm:py-0 space-y-2 sm:space-y-0">

<div
            class="flex flex-col sm:flex-row items-center space-y-2 sm:space-y-0 sm:space-x-6 text-center sm:text-left">
            <div class="flex items-center space-x-2">
                <i class="fas fa-phone w-4 h-4"></i>
                <span>+91 98370 67681</span>
            </div>
            <div class="flex items-center space-x-2">
                <i class="fas fa-envelope text-xs"></i>
                <span class="truncate">greenedgeinfratech@gmail.com</span>
            </div>
        </div>

<div class="flex items-center space-x-4">
            <a href="https://www.facebook.com/share/1BzXrvyHHt/" target="_blank" class="hover:text-gray-200">
                <i class="fab fa-facebook-f"></i>
            </a>
            <a href="https://www.instagram.com/greenedge.infratech?igsh=Z2t0MTRpMmF5ZGh6" target="_blank" class="hover:text-gray-200">
                <i class="fab fa-instagram"></i>
            </a>
            <a href="https://www.linkedin.com/company/greenedgeinfratech/" target="_blank" class="hover:text-gray-200">
                <i class="fab fa-linkedin-in"></i>
            </a>
            <a href="https://x.com/Greenedgeinfra?t=d7USa7IKRU1XjjskGJbmmw&s=09" target="_blank" class="hover:text-gray-200">
                <i class="fab fa-x"></i>
            </a>
        </div>
    </div>
</div>

<div class="w-full glass-card bg-white border-b shadow">
        <div class="container mx-auto px-4">
            <div class="flex items-center justify-between h-16">

<a href="/">
                    <div class="flex items-center space-x-2">
                        <img src="./assets/logo.png" alt="GreenEdge" class="w-10 sm:w-12 h-auto">
                        <div>
                            <h1 class="font-bold text-base sm:text-lg gradient-text">GREENEDGE</h1>
                            <p class="text-xs text-muted-foreground">INFRATECH</p>
                        </div>
                    </div>
                </a>

<nav class="hidden md:flex items-center space-x-6 lg:space-x-8">
                
                    
                    <a href="about.html" class="text-foreground hover:text-primary transition-smooth font-medium">About us</a>
                
                     
                    <div class="relative group">
                        <a href="#" class="text-foreground hover:text-primary transition-smooth font-medium inline-flex items-center">
                            Media <i class="fas fa-chevron-down ml-1 text-xs"></i>
                        </a>
                        <div class="absolute left-0 top-full w-48 bg-white border rounded-lg shadow-lg hidden group-hover:block">
                            <a href="latest_news.html" class="block px-4 py-2 hover:bg-gray-100">Latest News</a>
                            <a href="resources.html" class="block px-4 py-2 hover:bg-gray-100 whitespace-normal break-words max-w-[220px]">Resources(Brochures,Quotations,Photos etc.)</a>
                            <a href="publications.html" class="block px-4 py-2 hover:bg-gray-100">Publications</a>
                            <a href="social_media.html" class="block px-4 py-2 hover:bg-gray-100">Social Media</a>
                            <a href="events.html" class="block px-4 py-2 hover:bg-gray-100">Events</a>
                            <a href="blogs.php" class="block px-4 py-2 hover:bg-gray-100">Blogs</a>
                            <a href="faq.html" class="block px-4 py-2 hover:bg-gray-100">FAQs</a>
                        </div>
                    </div>
                
                    
                    <div class="relative group">
                        <a href="#" class="text-foreground hover:text-primary transition-smooth font-medium inline-flex items-center">
                            What we Do <i class="fas fa-chevron-down ml-1 text-xs"></i>
                        </a>
                        <div class="absolute left-0 top-full w-48 bg-white border rounded-lg shadow-lg hidden group-hover:block">
                            <a href="products.html" class="block px-4 py-2 hover:bg-gray-100">Products</a>
                            <a href="services.html" class="block px-4 py-2 hover:bg-gray-100">Services</a>
                        </div>
                    </div>
                
                    
                    <div class="relative group">
                        <a href="whysolar.html" class="text-foreground hover:text-primary transition-smooth font-medium inline-flex items-center">
                            Why Solar <i class="fas fa-chevron-down ml-1 text-xs"></i>
                        </a>
                        <div class="absolute left-0 top-full w-48 bg-white border rounded-lg shadow-lg hidden group-hover:block">
                            <a href="needofhour.html" class="block px-4 py-2 hover:bg-gray-100">Need of Hour</a>
                            <a href="sustainability.html" class="block px-4 py-2 hover:bg-gray-100 whitespace-normal break-words max-w-[220px]">Sustainability-(Health,Safety,Environment)</a>
                            <a href="economics.html" class="block px-4 py-2 hover:bg-gray-100">Economics</a>
                            <a href="innovation.html" class="block px-4 py-2 hover:bg-gray-100">Innovation and Research</a>
                        </div>
                    </div>
                
                    
                    <div class="relative group">
                        <a href="#" class="text-foreground hover:text-primary transition-smooth font-medium inline-flex items-center">
                            Work with us <i class="fas fa-chevron-down ml-1 text-xs"></i>
                        </a>
                        <div class="absolute left-0 top-full w-48 bg-white border rounded-lg shadow-lg hidden group-hover:block">
                            <a href="partner.html" class="block px-4 py-2 hover:bg-gray-100">Partner with us</a>
                            <a href="career.html" class="block px-4 py-2 hover:bg-gray-100">Career at GEI</a>
                                    <a href="internship.html" class="block px-4 py-2 hover:bg-gray-100">Internship at GEI</a>
                        </div>
                    </div>
                
                    
                    <a href="contact.html" class="text-foreground hover:text-primary transition-smooth font-medium">Contact</a>
                </nav>

<div class="hidden lg:flex items-center">
                    <a href="calculator.html"
                       class="px-5 py-2 bg-green-600 text-white rounded-full font-semibold shadow-md 
                              hover:bg-green-700 transition-all duration-300">
                        Solar Calculator
                    </a>
                </div>

<button id="menuToggle" class="md:hidden p-2 rounded-lg hover:bg-muted transition-smooth">
                    <i id="menuIcon" class="fas fa-bars w-5 h-5"></i>
                </button>
            </div>

<div id="mobileMenu" class="hidden md:hidden py-4 space-y-4 border-t">
                <a href="about.html"
                    class="block py-2 text-foreground hover:text-primary transition-smooth font-medium">About us</a>
                    
                    <div class="relative group">
                        <a href="#" class="text-foreground hover:text-primary transition-smooth font-medium inline-flex items-center">
                            Media <i class="fas fa-chevron-down ml-1 text-xs"></i>
                        </a>
                        <div class="absolute left-0 top-full w-48 bg-white border rounded-lg shadow-lg hidden group-hover:block">
                            <a href="latest_news.html" class="block px-4 py-2 hover:bg-gray-100">Latest News</a>
                            <a href="resources.html" class="block px-4 py-2 hover:bg-gray-100 whitespace-normal break-words max-w-[220px]">Resources(Brochures,Quotations,Photos etc.)</a>
                            <a href="publications.html" class="block px-4 py-2 hover:bg-gray-100">Publications</a>
                            <a href="social_media.html" class="block px-4 py-2 hover:bg-gray-100">Social Media</a>
                            <a href="events.html" class="block px-4 py-2 hover:bg-gray-100">Events</a>
                            <a href="blogs.php" class="block px-4 py-2 hover:bg-gray-100">Blogs</a>
                            <a href="faq.html" class="block px-4 py-2 hover:bg-gray-100">FAQs</a>
                        </div>
                    </div>
                
                    
                    <div class="relative group">
                        <a href="#" class="text-foreground hover:text-primary transition-smooth font-medium inline-flex items-center">
                            What we Do <i class="fas fa-chevron-down ml-1 text-xs"></i>
                        </a>
                        <div class="absolute left-0 top-full w-48 bg-white border rounded-lg shadow-lg hidden group-hover:block">
                            <a href="products.html" class="block px-4 py-2 hover:bg-gray-100">Products</a>
                            <a href="services.html" class="block px-4 py-2 hover:bg-gray-100">Services</a>
                        </div>
                    </div>
                
                    
                    <div class="relative group">
                        <a href="whysolar.html" class="text-foreground hover:text-primary transition-smooth font-medium inline-flex items-center">
                            Why Solar <i class="fas fa-chevron-down ml-1 text-xs"></i>
                        </a>
                        <div class="absolute left-0 top-full w-48 bg-white border rounded-lg shadow-lg hidden group-hover:block">
                            <a href="needofhour.html" class="block px-4 py-2 hover:bg-gray-100">Need of Hour</a>
                            <a href="sustainability.html" class="block px-4 py-2 hover:bg-gray-100 whitespace-normal break-words max-w-[220px]">Sustainability-(Health,Safety,Environment)</a>
                            <a href="economics.html" class="block px-4 py-2 hover:bg-gray-100">Economics</a>
                            <a href="innovation.html" class="block px-4 py-2 hover:bg-gray-100">Innovation and Research</a>
                        </div>
                    </div>
                
                    
                    <div class="relative group">
                        <a href="#" class="text-foreground hover:text-primary transition-smooth font-medium inline-flex items-center">
                            Work with us <i class="fas fa-chevron-down ml-1 text-xs"></i>
                        </a>
                        <div class="absolute left-0 top-full w-48 bg-white border rounded-lg shadow-lg hidden group-hover:block">
                            <a href="partner.html" class="block px-4 py-2 hover:bg-gray-100">Partner with us</a>
                            <a href="career.html" class="block px-4 py-2 hover:bg-gray-100">Career at GEI</a>
                        </div>
                    </div>
                <a href="contact.html"
                    class="block py-2 text-foreground hover:text-primary transition-smooth font-medium">Contact</a>
                <a href="calculator.html"
                   class="block text-center py-2 bg-green-600 text-white rounded-lg font-semibold 
                          hover:bg-green-700 transition-all duration-300">
                   Solar Calculator
                </a>

<div class="pt-4 space-y-2">
                    <div class="flex items-center space-x-2 text-sm text-muted-foreground">
                        <i class="fas fa-phone w-4 h-4"></i>
                        <span>9837067681</span>
                    </div>
                    <div class="flex items-center space-x-2 text-sm text-muted-foreground">
                        <i class="fas fa-envelope w-4 h-4"></i>
                        <span>greenedgeinfratech@gmail.com</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>

<script>
document.addEventListener("DOMContentLoaded", function() {
    const menuToggle = document.getElementById('menuToggle');
    const menuIcon = document.getElementById('menuIcon');
    const mobileMenu = document.getElementById('mobileMenu');

menuToggle.addEventListener('click', () => {
        mobileMenu.classList.toggle('hidden');

if (menuIcon.classList.contains('fa-bars')) {
            menuIcon.classList.remove('fa-bars');
            menuIcon.classList.add('fa-times');
        } else {
            menuIcon.classList.remove('fa-times');
            menuIcon.classList.add('fa-bars');
        }
    });

// Close menu when clicking a link
    const mobileLinks = mobileMenu.querySelectorAll('a');
    mobileLinks.forEach(link => {
        link.addEventListener('click', () => {
            mobileMenu.classList.add('hidden');
            menuIcon.classList.remove('fa-times');
            menuIcon.classList.add('fa-bars');
        });
    });
});
</script>

Batal

⬅ Naik ke public_html 3 item

Nama	Tipe	Ukuran	Diubah	Aksi
🐘contactForm.php	php	7.6 KB	2026-03-13 10:47	✏️ Edit 👁️ View
🌐footer.html	html	4.7 KB	2026-02-23 07:04	✏️ Edit 👁️ View
🌐header.html	html	14.1 KB	2026-05-06 03:59	✏️ Edit 👁️ View