From 0f15e4508198e270ac63a8c6b5a41362c0485409 Mon Sep 17 00:00:00 2001 From: Shivi Chourey Date: Wed, 16 Oct 2024 00:40:07 +0530 Subject: [PATCH 1/5] New Cards Added in features --- features.html | 340 ++++++++++++++++++++++++++++++++++++++------------ 1 file changed, 261 insertions(+), 79 deletions(-) diff --git a/features.html b/features.html index 3f116b17..8dada6c2 100644 --- a/features.html +++ b/features.html @@ -163,6 +163,16 @@ transition: background-color 0.3s, color 0.3s; /* Smooth transitions */ } + #featureh1{ + font-size:3rem; + color:blue; + margin-bottom:2rem; +} + #feature{ + font-size:2rem; + color:black; + margin-bottom:4rem; + } .dark-mode .content { background-color: rgba(50, 50, 50, 0.95); @@ -246,30 +256,11 @@ .features-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); - gap: 20px; + gap: 1rem; animation: fadeIn 1s ease-in-out; } - .feature-card { - background: #abd4fc; - padding: 15px; - border-radius: 5px; - text-align: center; - transition: transform 0.3s; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); - } - - .feature-card:hover { - transform: translateY(-5px); - } - - .feature-icon { - font-size: 1.8rem; - color: #0560c2; - /* Bootstrap primary color */ - margin-bottom: 10px; - } - + /* Added the hover animation on the footer social icons */ .social-icon { transition: transform 0.3s ease; @@ -403,6 +394,95 @@ align-items: center; gap: 8px; } + /* From Uiverse.io by gharsh11032000 */ +.card-container { + width: 296px; + height: 290px; + position: relative; + border-radius: 0% 10% 0% 10%; +} + +.card-container::before { + content: ""; + z-index: -1; + position: absolute; + inset: 0; + + transform: translate3d(0, 0, 0) scale(0.95); + filter: blur(20px); +} + +.card { + width: 90%; + height: 70%; + border-radius: inherit; + overflow: hidden; + box-shadow: 0 8px 8px rgba(88, 86, 86, 0.8); /* Adds a subtle shadow */ + +} + +.card .img-content { + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + background: #2980b9; + transition: scale 0.6s, rotate 0.6s, filter 1s; +} + +.card .img-content svg { + width: 50px; + height: 50px; + fill: #e8e8e8; + transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1); +} + +.card .content { + position: absolute; + top: -20px; + left: -20px; + width: 90%; + font-size: 1.3rem; + height: 70%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + text-align: center; + gap: 10px; + color: #000000; + background-color:#aedaf7; + padding: 20px; + line-height: 1.5; + border-radius: 0% 10% 0% 10%; + + opacity: 0; + pointer-events: none; + transform: translateY(50px); + transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1); +} + +.card .content .heading { + font-size: 32px; + font-weight: 700; +} + +.card:hover .content { + opacity: 1; + transform: translateY(0); +} + +.card:hover .img-content { + scale: 2.5; + rotate: 30deg; + filter: blur(7px); +} + +.card:hover .img-content svg { + fill: transparent; +} + @@ -469,65 +549,167 @@
-

Features

-

Here are the features of AmbuFlow:

+

Features

+

Here are the features of AmbuFlow

-
- -

Quick Emergency Response

-

Immediate notifications to the nearest ambulance service.

-
-
- -

Real-Time Tracking

-

Track ambulances in real-time for better coordination.

-
-
- -

Enhanced Communication

-

Instant communication between dispatch and ambulances.

-
-
- -

Resource Management

-

Efficient allocation of resources for emergencies.

-
-
- -

User-Friendly Interface

-

Easy-to-navigate system for users and providers.

-
-
- -

24/7 Availability

-

Always available support and monitoring services.

-
-
- -

Patient Health Monitoring

-

Real-time monitoring of patient vitals during transport.

-
- -
- -

Emergency Contact Integration

-

Seamless integration with emergency contact services.

-
-
- -

Driver Performance Monitoring

-

Real-time tracking of driver behavior and performance on the road.

-
-
- -

Feedback System

-

Collecting feedback to improve service quality.

-
-
+ +
+
+
+ +

Quick Emergency Response

+
+
+ +

+ + Immediate notifications to the nearest ambulance service. +

+
+
+
+
+
+
+ +

Real-Time Tracking

+
+
+ + +

Track ambulances in real-time for better coordination.

+ +
+
+
+
+
+
+ +

Enhanced Communication

+ +
+
+ +

Instant communication between dispatch and ambulances.

+ +
+
+
+
+
+
+ +

Resource Management

+ +
+
+ + +

Efficient allocation of resources for emergencies.

+ +
+
+
+
+
+
+ +

User-Friendly Interface

+ +
+
+ + +

Easy-to-navigate system for users and providers.

+ +
+
+
+
+
+
+

24/7 Availability

+ +
+
+ + +

Always available support and monitoring services.

+ +
+
+
+
+
+
+ +

Patient Health Monitoring

+ +
+
+ + +

Real-time monitoring of patient vitals during transport.

+ +
+
+
+
+
+
+ +

Emergency Contact Integration

+ +
+
+ + +

Seamless integration with emergency contact services.

+ +
+
+
+
+
+
+ +

Driver Performance Monitoring

+ +
+
+ + +

Real-time tracking of driver behavior and performance on the road.

+ +
+
+
+
+
+
+ +

Feedback System

+
+
+ + +

Collecting feedback to improve service quality.

+ +
+
+
+ + + + + + + + + + +
From 1cc125564aa84447385662d386bab73b5b9bf1b7 Mon Sep 17 00:00:00 2001 From: Shivi Chourey Date: Fri, 18 Oct 2024 12:04:12 +0530 Subject: [PATCH 2/5] conflict resolved --- features.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/features.html b/features.html index 8dada6c2..bcd6933d 100644 --- a/features.html +++ b/features.html @@ -394,7 +394,7 @@ align-items: center; gap: 8px; } - /* From Uiverse.io by gharsh11032000 */ + .card-container { width: 296px; height: 290px; From 78d08c2e66763597d88e91e90b215c5deff39847 Mon Sep 17 00:00:00 2001 From: Shivi Chourey Date: Fri, 18 Oct 2024 12:15:25 +0530 Subject: [PATCH 3/5] conflict resolved --- features.html | 140 +++++++------------------------------------------- 1 file changed, 19 insertions(+), 121 deletions(-) diff --git a/features.html b/features.html index b931263a..d31e0e9a 100644 --- a/features.html +++ b/features.html @@ -43,16 +43,14 @@ color: black; transition: background-color 0.3s, color 0.3s; } - - .navbar { - background-color: rgb(148 207 226); + .navbar { + background-color: rgb(153, 207, 225); /* Light mode navbar */ - color: black; - padding: 10px; - + color: black; + padding: 10px; } - + .navbar.dark-mode { background-color: black; /* Dark mode navbar */ @@ -105,9 +103,6 @@ color: white; /* White text on hover */ } - a:hover { - color: blue !important; - } .dark-mode .menu a { color: white; @@ -128,17 +123,6 @@ /* 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; @@ -181,7 +165,7 @@ } #featureh1{ font-size:3rem; - color:blue; + color:rgb(0, 0, 0); margin-bottom:2rem; } #feature{ @@ -215,17 +199,9 @@ } .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 { @@ -251,7 +227,7 @@ } .menu ul li a:hover { - background-color: blue; + background-color: #000; color: white; } @@ -259,7 +235,9 @@ color: white; background-color: #000; } - + ul li a:hover { + color: blue !important; + } .content { margin: 20px; @@ -415,8 +393,8 @@ display: flex; align-items: center; gap: 8px; + } - .card-container { width: 296px; height: 290px; @@ -451,6 +429,7 @@ justify-content: center; background: #2980b9; transition: scale 0.6s, rotate 0.6s, filter 1s; + color:black; } .card .img-content svg { @@ -505,66 +484,6 @@ fill: transparent; } - - .chatbot-container { - position: fixed; - transition: right 0.3s ease; - bottom: 20px; - right: 7rem; - z-index: 1000; - } - - .chatbot-button { - background-color: #007bff; - border: none; - border-radius: 50%; - padding: 10px; - /* Smaller padding */ - cursor: pointer; - position: relative; - width: 50px; - /* Adjusted size */ - height: 50px; - /* Adjusted size */ - right: -60px; - } - - .chatbot-button img { - width: 30px; - /* Adjusted image size */ - height: 30px; - /* Adjusted image size */ - } - - .tooltip-text { - display: none; - /* Hide by default */ - position: absolute; - bottom: 100%; - /* Position above the button */ - right: 50%; - transform: translateX(50%); - background-color: #333; - /* Background color for tooltip */ - color: #fff; - /* Tooltip text color */ - padding: 5px; - border-radius: 5px; - white-space: nowrap; - /* Prevent text from wrapping */ - } - - .chatbot-button:hover .tooltip-text { - display: block; - /* Show on hover */ - } - ul li a:hover{ - color: blue !important; - } - a:hover{ - color: blue !important; - } - @@ -606,23 +525,18 @@
- + Get started @@ -859,7 +773,7 @@

Subscribe to
+ style="background-color: #C4D7FF; color: #000000; display: flex; justify-content: space-between; align-items: center; padding: 10px 20px;">

© 2024 AmbuFlow. All rights reserved.

 @@ -873,25 +787,9 @@

Subscribe to padding: 10px 15px; font-size: 16px; cursor: pointer; - position: absolute; - right: 0; ">↑

- - - -
- -
- - + + + - +
- +
+
+
+
+
+
+
+
+
+
- - +
+ +
- + + + + Get started + + +
- +

Features

Here are the features of AmbuFlow

- -
-
-
-

Quick Emergency Response

-
-
- -

Immediate notifications to the nearest ambulance service.

+ +
+
+
+ +

Quick Emergency Response

+
+
+ +

+ + Immediate notifications to the nearest ambulance service. +

+
+
+
+
+
+
+ +

Real-Time Tracking

+
+
+ + +

Track ambulances in real-time for better coordination.

+ +
+
+
+
+
+
+ +

Enhanced Communication

+ +
+
+ +

Instant communication between dispatch and ambulances.

+ +
+
+
+
+
+
+ +

Resource Management

+ +
+
+ + +

Efficient allocation of resources for emergencies.

+ +
+
+
+
+
+
+ +

User-Friendly Interface

+ +
+
+ + +

Easy-to-navigate system for users and providers.

+ +
+
+
+
+
+
+

24/7 Availability

+ +
+
+ + +

Always available support and monitoring services.

+ +
+
+
+
+
+
+ +

Patient Health Monitoring

+ +
+
+ + +

Real-time monitoring of patient vitals during transport.

+ +
+
+
+
+
+
+ +

Emergency Contact Integration

+ +
+
+ + +

Seamless integration with emergency contact services.

+ +
+
+
+
+
+
+ +

Driver Performance Monitoring

+ +
+
+ + +

Real-time tracking of driver behavior and performance on the road.

+ +
+
+
+
+
+
+ +

Feedback System

+
+
+ + +

Collecting feedback to improve service quality.

+ +
+
+
+ + + + + + + + + + + +
+ +
+ +
+
+ +
+ +

© 2024 AmbuFlow. All rights reserved.

+ - -
- + + +
+ + - + // Update sessionStorage based on current mode + if (document.body.classList.contains('dark-mode')) { + sessionStorage.setItem("theme", "dark"); + darkModeButton.innerHTML = ''; // Change icon + } else { + sessionStorage.setItem("theme", "light"); + darkModeButton.innerHTML = ''; // Change icon + } + }); + }); + + // end + + + + + + + + + + + + + + + - \ No newline at end of file + From c8c3d7a3abd382b5affaa9dbb031088d73f176ab Mon Sep 17 00:00:00 2001 From: Shivi Chourey Date: Mon, 21 Oct 2024 00:08:11 +0530 Subject: [PATCH 5/5] Translate button removed from navbar --- features.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/features.html b/features.html index d31e0e9a..1dd25057 100644 --- a/features.html +++ b/features.html @@ -536,7 +536,7 @@
- + Get started