barabara-App

Making Services Available, Accessible, and Affordable Barabara, Transform the service industry, locating and making the invisible, the isolated, unrecognized, or undiscovered beneficiaries (consumers, service providers, and partners) visible on the mobile workspace.

<title>Community Services</title>

Community Services

Add Service

<script src="script.js"></script> ----- body { font-family: Arial, sans-serif; background-color: #f4f4f4; margin: 0; padding: 0; }

.container { width: 90%; max-width: 600px; margin: 50px auto; background: #fff; padding: 20px; border-radius: 5px; }

h1 { text-align: center; }

form { display: flex; flex-direction: column; margin-bottom: 20px; }

form input { padding: 10px; margin: 5px 0; }

form button { padding: 10px; background: #28a745; color: #fff; border: none; cursor: pointer; }

form button:hover { background: #218838; }

#service-list { list-style-type: none; padding: 0; }

#service-list li { background: #e9ecef; margin: 5px 0; padding: 10px; border-radius: 3px; }

document.getElementById('service-form').addEventListener('submit', function(e) { e.preventDefault();

const name = document.getElementById('service-name').value; const description = document.getElementById('service-description').value;

const li = document.createElement('li'); li.textContent = ${name}: ${description};

document.getElementById('service-list').appendChild(li);

// Clear form fields document.getElementById('service-name').value = ''; document.getElementById('service-description').value = ''; });