diff --git a/about.html b/about.html index 1ef5ec7..756f12e 100644 --- a/about.html +++ b/about.html @@ -1,194 +1,292 @@ - + - - - - - - - + About Us - AmbuFlow - - + + - - + + +
- - + +

About AmbuFlow

+
+ +
+

Who We Are

+

+ AmbuFlow is a dynamic project developed + under Bobble AI, combining cutting-edge technology and healthcare + expertise to revolutionize emergency medical response. Our core goal is + to create faster, more efficient communication between patients, + ambulances, and hospitals during critical times. +

+ +

+ Using advanced features like real-time GPS tracking and + Google Maps integration, we ensure that the nearest + medical help is always accessible when needed the most. AmbuFlow helps + save lives by reducing response times in emergencies. +

+ +

Our Vision

+

+ We envision a future where emergency services are fast, accessible, and + reliable for everyone. Our platform is designed to transform how medical + assistance is delivered, helping to reduce the time it takes to respond + to emergency situations, and ultimately improving healthcare outcomes + for communities worldwide. +

+ +

Why AmbuFlow?

+ +
+ + + + + +

About AmbuFlow

diff --git a/script.js b/script.js index a7b8b4e..5b97e87 100644 --- a/script.js +++ b/script.js @@ -147,7 +147,36 @@ accordions.forEach((accordion, index) => { }); }); + // Remove the active class from all links + links.forEach((link) => link.classList.remove("active")); + + // Add the active class to the clicked link + document.getElementById(page + "-link").classList.add("active"); +} + +// Make "Home" the default active page on load +window.onload = function () { + document.getElementById("home-link").classList.add("active"); +}; + +// JS for dark mode functionality +// Get the dark mode button element +function toggleDarkMode() { + document.body.classList.toggle('dark-mode'); + + const darkModeBtn = document.getElementById('dark-mode-button'); + const icon = darkModeBtn.querySelector('i'); + + if (document.body.classList.contains('dark-mode')) { + icon.classList.remove('fa-moon'); + icon.classList.add('fa-sun'); + } else { + icon.classList.remove('fa-sun'); + icon.classList.add('fa-moon'); + } +} +document.getElementById('dark-mode-button').addEventListener('click', toggleDarkMode); // Back to top button functionality const backToTopButton = document.getElementById('back-to-top');