About Our System

The Barangay Residents Information System is designed to streamline the management of resident data, making it easier for barangay officials to maintain accurate records and provide better services to the community.

🔒 Secure

Protect sensitive resident information

⚡ Fast

Quick access to resident records

📱 User-Friendly

Easy to use interface for all staff

1d:T15b3,* { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Arial', sans-serif; line-height: 1.6; color: #333; background-color: #f4f4f4; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* Header Styles */ header { background-color: #2c3e50; color: white; padding: 1rem 0; position: fixed; width: 100%; top: 0; z-index: 1000; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } header .container { display: flex; justify-content: space-between; align-items: center; } .logo h1 { font-size: 1.5rem; color: #ecf0f1; } nav ul { display: flex; list-style: none; } nav ul li { margin-left: 2rem; } nav ul li a { color: white; text-decoration: none; padding: 0.5rem 1rem; border-radius: 4px; transition: background-color 0.3s ease; } nav ul li a:hover { background-color: #34495e; } /* Hero Section */ .hero { background: linear-gradient(135deg, #3498db, #2c3e50); color: white; text-align: center; padding: 150px 0 100px; margin-top: 70px; } .hero h2 { font-size: 3rem; margin-bottom: 1rem; } .hero p { font-size: 1.2rem; margin-bottom: 2rem; } .btn-primary { background-color: #e74c3c; color: white; border: none; padding: 12px 30px; font-size: 1.1rem; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; } .btn-primary:hover { background-color: #c0392b; } /* Section Styles */ section { padding: 80px 0; } section h2 { text-align: center; font-size: 2.5rem; margin-bottom: 3rem; color: #2c3e50; } /* Residents Section */ .residents-section { background-color: white; } .search-bar { display: