x
    C     D     E     D     T
logo
Prakasam Mandals /* Custom Tailwind configuration for the specified color scheme and fonts */ :root { --soft-orange: #fdb921; --soft-green: #219653; --light-white: #f8f8f8; --dark-gray: #333333; } body { font-family: 'Inter', sans-serif; background-color: var(--light-white); color: var(--dark-gray); } h1, h2, h3 { font-family: 'Merriweather', serif; } /* Subtle animation for section loading */ .fade-in { animation: fadeIn 0.8s ease-in-out; } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* Custom styles for hover effects and general layout */ .mandal-link-card:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); transform: translateY(-5px); transition: all 0.3s ease-in-out; } /* Style for the active filter button */ .alphabet-filter button.active { background-color: var(--soft-orange); color: white; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }

Prakasam District Mandals

Ongole Revenue Division

Markapur Revenue Division

Kandukur Revenue Division

© 2024 Prakasam District. All Rights Reserved.

Designed and developed as a collaborative environment example.

// IIFE to avoid global scope pollution (function() { const searchInput = document.getElementById('mandal-search'); const filterContainer = document.getElementById('alphabet-filter'); const mandalCards = document.querySelectorAll('.mandal-link-card'); const divisionSections = document.querySelectorAll('.division-section'); // Function to filter mandals based on search input function filterMandalsBySearch(query) { const queryLowerCase = query.toLowerCase(); // Iterate through each mandal card to hide or show it mandalCards.forEach(card => { const mandalName = card.getAttribute('data-mandal-name').toLowerCase(); if (mandalName.includes(queryLowerCase)) { card.style.display = ''; // Show the card } else { card.style.display = 'none'; // Hide the card } }); // Check and hide/show parent division sections if they are empty divisionSections.forEach(section => { const visibleCards = section.querySelectorAll('.mandal-link-card:not([style*="display: none"])'); if (visibleCards.length === 0) { section.style.display = 'none'; } else { section.style.display = ''; } }); } // Function to filter mandals based on the alphabet button clicked function filterMandalsByLetter(letter) { // First, show all mandal cards and division sections mandalCards.forEach(card => card.style.display = ''); divisionSections.forEach(section => section.style.display = ''); // If a letter is selected, filter the mandals if (letter !== 'all') { const letterUpperCase = letter.toUpperCase(); mandalCards.forEach(card => { const mandalName = card.getAttribute('data-mandal-name'); if (!mandalName.startsWith(letterUpperCase)) { card.style.display = 'none'; // Hide mandals that don't start with the letter } }); // Hide parent division sections that have no visible cards divisionSections.forEach(section => { const visibleCards = section.querySelectorAll('.mandal-link-card:not([style*="display: none"])'); if (visibleCards.length === 0) { section.style.display = 'none'; } }); } } // Add event listener for the search input searchInput.addEventListener('input', (event) => { // When searching, deactivate all letter buttons and filter by the search query document.querySelectorAll('.alphabet-filter button').forEach(btn => btn.classList.remove('active')); filterMandalsBySearch(event.target.value); }); // Add event listener for the alphabetical filter buttons filterContainer.addEventListener('click', (event) => { if (event.target.tagName === 'BUTTON') { // Remove 'active' class from all buttons document.querySelectorAll('.alphabet-filter button').forEach(btn => btn.classList.remove('active')); // Add 'active' class to the clicked button event.target.classList.add('active'); // Clear search input when a letter is clicked searchInput.value = ''; const letter = event.target.getAttribute('data-letter'); filterMandalsByLetter(letter); } }); })();

Registered in

© Copyright by thememx

Foundation Ceremony Countdown – CDECT

Foundation Ceremony Countdown

Japan Technology Smart Toilets – First of Its Kind in India

Organized by Children’s Development Educational Changing Trust (CDECT)
Empanelled with the Ministry of Social Justice & Empowerment, Government of India

00
Days
00
Hours
00
Minutes
00
Seconds
October 15, 2025
4:45 PM
Social Welfare Girls’ Hostel, Guntur

Dr. A.P.J. Abdul Kalam

Tribute to Dr. A.P.J. Abdul Kalam

On his birth anniversary, we honor the visionary who inspired a nation. This foundation symbolizes his vision of a Clean, Educated, and Empowered India.

© 2025 Children’s Development Educational Changing Trust (CDECT). All rights reserved.