diff --git a/Feedback.html b/Feedback.html index 10b5e4a..2728182 100644 --- a/Feedback.html +++ b/Feedback.html @@ -4,6 +4,8 @@ + + Feedback - AmbuFlow @@ -33,12 +35,144 @@ /* Adjust padding for better appearance */ } + + /* dark mode toggle button styling */ + body { + background-color: white; + /* Light mode background */ + color: black; + transition: background-color 0.3s, color 0.3s; + } + + .navbar { + + background-color: rgb(148 207 226); + /* Light mode navbar */ + + border-radius: 7px; + color: black; + padding: 7px; + } + + ul li a:hover { + color: rgb(16, 16, 16) !important; + } + a:hover { + color: rgb(0, 0, 6); + } + .navbar.dark-mode { + background-color: black; + /* Dark mode navbar */ + color: white; + } + + /* more addition for dark mode theme */ .dark-mode .logo img { filter: brightness(0) invert(1); /* Inverts the color to make it white */ } + + /* dark mode hove effect on logo */ + body.dark-mode #logo img:hover { + filter: brightness(0) invert(1); + /* Change black logo to white */ + filter: brightness(0.8); + /* Change the brightness to light grey on hover */ + } + + .navbar.dark-mode .logo-img { + filter: brightness(0) invert(1); + /* Change logo color in dark mode */ + } +/* + .menu ul { + list-style-type: none; + padding: 0; + display: flex; + + } + + .menu li { + margin-right: 15px; + } */ +/* + .menu a { + color: black; + Light mode link color + border: 1.5px solid black; + Black border + border-radius: 7px; + padding: 3px 5px; + text-decoration: none; + transition: all 0.3s; + display:inline-block; + vertical-align: middle; + } + + .menu a:hover { + background-color: blue; + Blue background on hover + color: white; + White text on hover + } */ + + .dark-mode .menu a { + color: white; + /* Dark mode link color */ + border: 1px solid lightgrey; + /* Light grey border in dark mode */ + } + + .dark-mode { + background-color: rgba(50, 50, 50, 0.95); + /* Slightly gray background with high opacity */ + } + + .dark-mode .menu a:hover { + background-color: white; + /* White background on hover in dark mode */ + color: black; + /* Black text on hover in dark mode */ + } + + .light-dark-btn { + background-color: transparent; + border: 1px solid black; + /* Black border */ + border-radius: 50px; + cursor: pointer; + color: black; + /* Default button color */ + } + + .light-dark-btn:hover { + color: blue; + /* Change color on hover */ + } + + .dark-mode .light-dark-btn { + color: white; + /* Button color in dark mode */ + border: 1px solid lightgrey; + /* Light grey border */ + } + + .dark-mode .light-dark-btn:hover { + background-color: white; + /* Background on hover in dark mode */ + color: black; + /* Text color on hover in dark mode */ + } + + .buttons { + display: flex; + align-items: center; + } + + + /* adding dark mode for contact info */ .content { transition: background-color 0.3s, color 0.3s; @@ -214,9 +348,9 @@ text-align: center; margin-top: 2rem; margin-bottom: 1rem; - font-weight: 600; - } + transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease; + } .feed-btn:hover { transform: scale(1.03); @@ -312,13 +446,40 @@
  • - + Feedback
    • +
  • + + Nearby +
    • -
    + +
    + + + Get started + + + + +
    +
    + + + + +
    + +

    AmbuFlow Feedback

    + +
    + +

    Feedback

    Please rate your experience:

    @@ -334,11 +495,61 @@

    Please rate your experience:

    +
    + Thank you for your response! +
    +
    + + + +
    +
    -

    Subscribe to Our - Newsletter

    -
    - Subscribe to Our Newsletter + +

    + style="background-color: #e81a1a; color: white; padding: 10px 20px; border: none; cursor: pointer; border-radius: 5px;"> + Subscribe +
    + +
    + + +
    @@ -431,5 +473,4 @@

    Subscribe to - \ No newline at end of file diff --git a/faq.html b/faq.html new file mode 100644 index 0000000..ff7de5b --- /dev/null +++ b/faq.html @@ -0,0 +1,266 @@ + + + + + + Document + + + +
    +
    +
    Frequently Asked Questions [ FAQs ]
    + +
    +
    + +
    + +
    +

    Stay calm, ensure the patient is in a safe environment, and prepare any relevant medical information. If + possible, clear a path for the ambulance and stay on the line with emergency services if needed.

    +
    +
    + +
    + +
    +

    After requesting an ambulance, you can track it in real-time by logging into the system and accessing the + live map feature.

    +
    +
    +
    + +
    +

    If the ambulance is delayed, you will receive updates through the system. In case of a significant delay, + please contact emergency services for further instructions.

    +
    +
    +
    + +
    +

    Yes, during your request, you can provide essential medical details to help paramedics prepare better for + the situation.

    +
    +
    +
    + +
    +

    The ambulance tracking service is free of charge, but regular ambulance service fees may apply depending + on the provider.

    +
    +
    +
    + +
    +

    During your request, you can specify if the patient needs specific medical equipment or personnel, such + as a ventilator or a specialized doctor.

    +
    +
    +
    + +
    +

    If the ambulance location is not updating, try refreshing the page. If the issue persists, report a + technical issue through the system or contact support.

    +
    +
    +
    + +
    +

    Yes, the system allows you to schedule an ambulance for non-emergency situations in advance.

    +
    +
    +
    + +
    +

    If the ambulance has trouble finding your location, ensure your address is accurate. You can also contact + the driver directly through the provided contact information to give specific directions.

    +
    +
    +
    + +
    +

    Yes, you can request an ambulance for multiple patients. Be sure to mention the number of patients and + their + condition during your request so that appropriate resources can be dispatched.

    +
    +
    +
    + +
    +

    You can cancel your ambulance request through the system before the ambulance arrives. However, + cancellation + charges may apply depending on the provider's policy.

    +
    +
    +
    +
    + + + + \ No newline at end of file diff --git a/features.html b/features.html index 88ff6bc..2232ad4 100644 --- a/features.html +++ b/features.html @@ -38,6 +38,108 @@ } + /* dark mode hove effect on logo */ + body.dark-mode #logo img:hover { + filter: brightness(0) invert(1); + /* Change black logo to white */ + filter: brightness(0.8); + /* Change the brightness to light grey on hover */ + } + + .navbar.dark-mode .logo-img { + filter: brightness(0) invert(1); + /* Change logo color in dark mode */ + } + + /* .menu ul { + list-style-type: none; + padding: 0; + display: flex; + } + + + .menu a { + color: black; + Light mode link color + border: 2px solid black; + border-radius:7px; + padding: 3px 7px; + text-decoration: none; + transition: all 0.3s; + } + + .menu ul li a:hover { + background-color: rgb(255, 255, 255); + Blue background on hover + color: white; + White text on hover + } */ + a:hover { + color: blue !important; + } + + /* .dark-mode .menu a { + color: white; + Dark mode link color + border: 1px solid lightgrey; + Light grey border in dark mode + } */ + + .dark-mode { + background-color: rgba(50, 50, 50, 0.95); + /* Slightly gray background with high opacity */ + } + + /* .dark-mode .menu a:hover { + background-color: white; + White background on hover in dark mode + color: black; + Black text on hover in dark mode + } */ + + .light-dark-btn { + + background-color: transparent; + border: 1px solid black; + /* Black border */ + cursor: pointer; + color: black; + /* Default button color */ + width: 50px; + } + + .light-dark-btn { + background-color: transparent; + border: 1px solid black; + cursor: pointer; + color: black; + border-radius: 50px; + } + + .light-dark-btn:hover { + color: blue; + /* Change color on hover */ + } + + .dark-mode .light-dark-btn { + color: white; + /* Button color in dark mode */ + border: 1px solid lightgrey; + /* Light grey border */ + } + + .dark-mode .light-dark-btn:hover { + background-color: white; + /* Background on hover in dark mode */ + color: black; + /* Text color on hover in dark mode */ + } + + .buttons { + display: flex; + align-items: center; + } + /* end */ /* adding dark mode for contact info */ @@ -58,6 +160,71 @@ } /* end */ + + + + .logo { + display: flex; + align-items: center; + animation: logoAnimation 1s ease forwards; + } + + .brand-name { + display: flex; + flex-direction: row; + align-items: center; + margin-right: 10px; + /* Space between the text and the logo image */ + } + + .letter { + + display: inline-block; + font-size: 2rem; + animation: letterDrop 0.5s ease forwards; + animation-delay: calc(var(--letter-index)* 0.1s); + + } + + .letter { + display: inline-block; + font-size: 2rem; + } + + .red { + color: red; + /* Change the color of letters in this class to red */ + } + + /* .menu ul { + list-style-type: none; + padding: 0; + } + + .menu ul li { + display: inline; + margin-right: 7px; + } + + .menu ul li a { + padding: 10px 15px; + color: black; + text-decoration: none; + transition: background-color 0.3s, color 0.3s; + } + + .menu ul li a:hover { + background-color: blue; + color: white; + } + + .menu ul li a.active { + color: white; + background-color: #000; + } */ + + + .content { margin: 20px; padding: 20px; @@ -262,7 +429,7 @@ Contact
  • - + Feedback
  • diff --git a/index.html b/index.html index 1e21360..14cd8e7 100644 --- a/index.html +++ b/index.html @@ -5,10 +5,13 @@ + + AmbuFlow + @@ -384,12 +387,11 @@