-
Notifications
You must be signed in to change notification settings - Fork 275
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #183 from Anandha-Vihari/Bobble-Ai
created a basic about.html page
- Loading branch information
Showing
1 changed file
with
119 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,119 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <title>About Us - AmbuFlow</title> | ||
| <style> | ||
| body { | ||
| font-family: Arial, sans-serif; | ||
| line-height: 1.6; | ||
| background-color: #f4f4f4; | ||
| margin: 0; | ||
| padding: 0; | ||
| } | ||
| header { | ||
| background-color: #2c3e50; | ||
| color: white; | ||
| padding: 20px 0; | ||
| text-align: center; | ||
| } | ||
| header h1 { | ||
| margin: 0; | ||
| font-size: 3rem; | ||
| } | ||
| main { | ||
| padding: 20px; | ||
| max-width: 1200px; | ||
| margin: 0 auto; | ||
| background-color: white; | ||
| box-shadow: 0 0 10px rgba(0,0,0,0.1); | ||
| } | ||
| h2 { | ||
| color: #2c3e50; | ||
| margin-top: 30px; | ||
| font-size: 2rem; | ||
| } | ||
| p { | ||
| margin-bottom: 20px; | ||
| } | ||
| footer { | ||
| background-color: #2c3e50; | ||
| color: white; | ||
| text-align: center; | ||
| padding: 10px 0; | ||
| position: fixed; | ||
| width: 100%; | ||
| bottom: 0; | ||
| } | ||
| footer p { | ||
| margin: 0; | ||
| } | ||
| .highlight { | ||
| color: #e74c3c; | ||
| font-weight: bold; | ||
| } | ||
| ul { | ||
| padding-left: 20px; | ||
| } | ||
| ul li { | ||
| margin-bottom: 10px; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
|
|
||
| <header> | ||
| <h1>About AmbuFlow</h1> | ||
| </header> | ||
|
|
||
| <main> | ||
| <h2>Who We Are</h2> | ||
| <p> | ||
| <span class="highlight">AmbuFlow</span> is a dedicated team of developers and healthcare professionals passionate about transforming emergency medical services. | ||
| Our mission is to simplify the emergency response process, ensuring that people get the right care at the right time with no unnecessary delays. | ||
| </p> | ||
| <p> | ||
| Leveraging technology such as <strong>real-time GPS tracking</strong> and <strong>Google Maps integration</strong>, we aim to bridge the gap between patients, hospitals, | ||
| and ambulances, making medical assistance more accessible during critical moments. | ||
| </p> | ||
|
|
||
| <h2>Our Vision</h2> | ||
| <p> | ||
| We envision a world where emergency medical services are swift, reliable, and accessible to all. By improving communication and resource management, | ||
| we aim to reduce emergency response times, ensuring better healthcare outcomes for all. | ||
| </p> | ||
|
|
||
| <h2>Why AmbuFlow?</h2> | ||
| <ul> | ||
| <li><strong>Quick Emergency Response:</strong> Find the nearest hospitals and ambulances with real-time updates.</li> | ||
| <li><strong>Real-Time Tracking:</strong> Track ambulances and monitor traffic conditions for optimal route management.</li> | ||
| <li><strong>Enhanced Communication:</strong> Seamless interaction between patients, hospitals, and ambulance drivers.</li> | ||
| <li><strong>Resource Management:</strong> Hospitals can manage resources efficiently with access to patient locations and analytics.</li> | ||
| <li><strong>User-Friendly Interface:</strong> Designed for simplicity, even in stressful situations, ensuring users can navigate the app easily.</li> | ||
| </ul> | ||
|
|
||
| <h2>Our Technology</h2> | ||
| <ul> | ||
| <li><strong>HTML 📝:</strong> Structures content on the web pages.</li> | ||
| <li><strong>CSS 🎨:</strong> Provides the style and appearance of the app, ensuring a visually appealing user experience.</li> | ||
| <li><strong>JavaScript 💻:</strong> Powers real-time features like ambulance tracking and hospital location display.</li> | ||
| <li><strong>Google API Keys 🔑:</strong> Integrates services like Google Maps and location tracking, offering real-time data for efficient route management.</li> | ||
| </ul> | ||
|
|
||
| <h2>Support Us</h2> | ||
| <p> | ||
| If you find <strong>AmbuFlow</strong> helpful, please consider supporting us by contributing on GitHub or giving our project a star. | ||
| Together, we can improve emergency medical services for everyone! | ||
|
|
||
|
|
||
| </p> | ||
| </main> | ||
|
|
||
| <footer> | ||
| <p>© 2024 AmbuFlow - All Rights Reserved</p> | ||
| </footer> | ||
|
|
||
| </body> | ||
| </html> |