Skip to content

Commit

Permalink
duplicated link removal
Browse files Browse the repository at this point in the history
  • Loading branch information
@Nehakumarigupta
Nehakumarigupta committed Nov 10, 2024
1 parent fe35617 commit a3873e8
Showing 1 changed file with 103 additions and 99 deletions.
202 changes: 103 additions & 99 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,15 +3,15 @@

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Added Favicon -->
<link rel="shortcut icon" href="ambulance.png" type="image/x-icon" />
<title>AmbuFlow</title>

<link rel="stylesheet" href="src/css/indexmain.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">

<!--Updated to latest version-->

<link rel="stylesheet" href="src/css/navbar.css" />
Expand All @@ -22,45 +22,44 @@


<style>



.profile-icon {
.profile-icon {

border-radius: 50%;
position: relative;
margin-left: 20px; /* Adjust space between Login button and Profile icon */
margin-left: 20px;
/* Adjust space between Login button and Profile icon */
margin-top: 5px;

}
}

.dropdown-menu {
.dropdown-menu {

display: none;
position: absolute;
top: 35px; /* Adjust based on the height of your navbar */
top: 35px;
/* Adjust based on the height of your navbar */
right: 0;
background-color: white;
color: black;
border: 1px solid #ccc;
border-radius: 4px;
z-index: 1;

}
}

.dropdown-menu a {
.dropdown-menu a {

display: block;
padding: 10px 15px;
text-decoration: none;

}
}

.dropdown-menu a:hover {
.dropdown-menu a:hover {

background-color: #f1f1f1;

}
}


.content {
Expand Down Expand Up @@ -145,7 +144,8 @@
padding: 15px 0;
width: 100%;
}
footer a{

footer a {
text-decoration: none;
color: #f3f4f6;
}
Expand Down Expand Up @@ -308,7 +308,7 @@

.faq-question:hover {
background-color: whitesmoke;
color:#369ef9 ;
color: #369ef9;
/* new colour on hover */
}

Expand Down Expand Up @@ -438,7 +438,8 @@
<li>
<button class="scroll-button" style="background: none; border: none; cursor: pointer;">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.34314 11.5858L12 5.92893M12 5.92893L17.6568 11.5858M12 5.92893V18.0711" stroke="currentColor"></path>
<path d="M6.34314 11.5858L12 5.92893M12 5.92893L17.6568 11.5858M12 5.92893V18.0711" stroke="currentColor">
</path>
</svg>
</button>
</li>
Expand All @@ -456,7 +457,8 @@
<span>Team</span></a>
</li>
<li>
<a href="./contributors/contributors.html" id="contributors-link" class="menu_links" data-link="Our Contributors">
<a href="./contributors/contributors.html" id="contributors-link" class="menu_links"
data-link="Our Contributors">
<span>Our Contributors</span>
</a>
</li>
Expand All @@ -476,43 +478,44 @@

<!-- Profile Icon -->
<li class="nav-item no-underline">
<a href="./profile.html" class="profile-link" style="display: flex; align-items: center; text-decoration: none;">
<img id="homeProfileImage" src="https://i.postimg.cc/NFFmtc9K/xnz-Mst5-V-400x400.jpg"
alt="Profile Icon"
style="width: 30px; height: 30px; border-radius: 50%; margin-right: 4px;">
<a href="./profile.html" class="profile-link"
style="display: flex; align-items: center; text-decoration: none;">
<img id="homeProfileImage" src="https://i.postimg.cc/NFFmtc9K/xnz-Mst5-V-400x400.jpg" alt="Profile Icon"
style="width: 30px; height: 30px; border-radius: 50%; margin-right: 4px;">
</a>
</li>

<script>

document.addEventListener("DOMContentLoaded", function() {
// Retrieve the saved avatar from localStorage
const savedAvatar = localStorage.getItem("selectedAvatar");

// If an avatar is saved, update the profile image
if (savedAvatar) {
document.addEventListener("DOMContentLoaded", function () {
// Retrieve the saved avatar from localStorage
const savedAvatar = localStorage.getItem("selectedAvatar");

// If an avatar is saved, update the profile image
if (savedAvatar) {
const homeProfileImage = document.getElementById("homeProfileImage");
if (homeProfileImage) {
homeProfileImage.src = savedAvatar;
homeProfileImage.src = savedAvatar;
}
}
});
}
});


</script>
</script>


<style>

/* Override the existing hover styles */
.navbar-nav .nav-item .profile-link:hover {
background-color: transparent !important; /* Remove background color */
border-radius: 0 !important; /* Reset border radius */
transform: none !important; /* Prevent scaling */
}
<style>
/* Override the existing hover styles */
.navbar-nav .nav-item .profile-link:hover {
background-color: transparent !important;
/* Remove background color */
border-radius: 0 !important;
/* Reset border radius */
transform: none !important;
/* Prevent scaling */
}
</style>

</style>

</ul>
</nav>

Expand All @@ -535,23 +538,23 @@ <h2 data-link_h2="एमबुफलो...">एमबुफलो...</h2>
<div class="content" id="grid-content">
<h1>Welcome to the Ambulance Monitoring System</h1>
<div class="grid">
<div class="feature" style="cursor: pointer;">
<div class="feature" style="cursor: pointer;">
<img src="images/emergency-w.jpg" alt="Emergency Response" />
<h2>Quick Emergency Response</h2>
<p>
Ensures patients receive timely medical assistance by locating the
nearest hospitals and ambulances.
</p>
</div>
<div class="feature" style="cursor: pointer;">
<div class="feature" style="cursor: pointer;">
<img src="images/ambulance-w.jpg" alt="Real-Time Tracking" />
<h2>Real-Time Tracking</h2>
<p>
Provides real-time updates on ambulance locations and traffic
conditions, optimizing route management.
</p>
</div>
<div class="feature" style="cursor: pointer;">
<div class="feature" style="cursor: pointer;">
<img src="images/24-w.jpg" alt="24/7 Availability" />
<h2>24/7 Availability</h2>
<p>
Expand Down Expand Up @@ -732,51 +735,52 @@ <h2>Help Desk</h2>
</div>
</div>

<!-- Newsletter Subscription -->
<div style="min-width: 200px; margin-bottom: 20px;">
<h3 style="font-size: 1.5rem; margin-bottom: 10px; color: darkorange;">
Subscribe to Our Newsletter</h3>
<form id="newsletter-form" novalidate>
<i class="fas fa-envelope" style="position: absolute; bottom: -142.6rem; right: 18.3rem; color: rgb(129, 128, 128); font-size: 13px;"></i>
<input type="email" placeholder="Your Email" style="padding: 10px; width: 80%; border: none; border-radius: 7px; padding-left: 27px;"
required><br><br>
<button type="submit"
style="background-color: #e81a1a; color: white; padding: 10px 20px; border: none; cursor: pointer; border-radius: 5px;">Subscribe</button>
</form>
<!-- Toast Notification -->
<div id="toast"
style="display: none; position: fixed; bottom: 20px; right: 60px; background-color: #333; color: white; padding: 10px; border-radius: 5px; z-index: 1000;">
</div>
<!-- Newsletter Subscription -->
<div style="min-width: 200px; margin-bottom: 20px;">
<h3 style="font-size: 1.5rem; margin-bottom: 10px; color: darkorange;">
Subscribe to Our Newsletter</h3>
<form id="newsletter-form" novalidate>
<i class="fas fa-envelope"
style="position: absolute; bottom: -142.6rem; right: 18.3rem; color: rgb(129, 128, 128); font-size: 13px;"></i>
<input type="email" placeholder="Your Email"
style="padding: 10px; width: 80%; border: none; border-radius: 7px; padding-left: 27px;" required><br><br>
<button type="submit"
style="background-color: #e81a1a; color: white; padding: 10px 20px; border: none; cursor: pointer; border-radius: 5px;">Subscribe</button>
</form>
<!-- Toast Notification -->
<div id="toast"
style="display: none; position: fixed; bottom: 20px; right: 60px; background-color: #333; color: white; padding: 10px; border-radius: 5px; z-index: 1000;">
</div>
</div>
<script>
function showToast(message,type) {
const toast = document.getElementById('toast');
toast.textContent = message;
toast.style.display = "block"; // Show the toast
toast.style.backgroundColor = type==='success' ? 'green':'red'
toast.style.color = 'white';
setTimeout(() => {
toast.style.display = "none"; // Hide after 3 seconds
}, 3000);
}
</div>
<script>
function showToast(message, type) {
const toast = document.getElementById('toast');
toast.textContent = message;
toast.style.display = "block"; // Show the toast
toast.style.backgroundColor = type === 'success' ? 'green' : 'red'
toast.style.color = 'white';
setTimeout(() => {
toast.style.display = "none"; // Hide after 3 seconds
}, 3000);
}

document.getElementById('newsletter-form').addEventListener('submit', function (event) {
event.preventDefault(); // Prevent form submission
const emailInput = this.querySelector('input[type="email"]');
const email = emailInput.value;
document.getElementById('newsletter-form').addEventListener('submit', function (event) {
event.preventDefault(); // Prevent form submission
const emailInput = this.querySelector('input[type="email"]');
const email = emailInput.value;

// Basic email validation
const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
// Basic email validation
const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;

if (emailPattern.test(email)) {
showToast("Thank you for subscribing!",'success'); // Show success message
emailInput.value = ""; // Clear the input field
} else {
showToast("Please enter a valid email address.",'error'); // Show error message
}
});
</script>
if (emailPattern.test(email)) {
showToast("Thank you for subscribing!", 'success'); // Show success message
emailInput.value = ""; // Clear the input field
} else {
showToast("Please enter a valid email address.", 'error'); // Show error message
}
});
</script>
</footer>


Expand Down Expand Up @@ -930,20 +934,20 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: darkorange;">
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
<script>
const scrollButton = document.querySelector(".scroll-button");
function smoothScrollToTop() {
const scrollY = window.pageYOffset;
const scrollStep = Math.max(10, Math.floor(scrollY / 20)); // Gradual scroll step
if (scrollY > 0) {
window.scrollBy(0, -scrollStep);
requestAnimationFrame(smoothScrollToTop);
}
const scrollButton = document.querySelector(".scroll-button");
function smoothScrollToTop() {
const scrollY = window.pageYOffset;
const scrollStep = Math.max(10, Math.floor(scrollY / 20)); // Gradual scroll step
if (scrollY > 0) {
window.scrollBy(0, -scrollStep);
requestAnimationFrame(smoothScrollToTop);
}
}

// Always show the button and attach the scroll event
scrollButton?.addEventListener("click", () => {
requestAnimationFrame(smoothScrollToTop);
});
// Always show the button and attach the scroll event
scrollButton?.addEventListener("click", () => {
requestAnimationFrame(smoothScrollToTop);
});
</script>
<script>
const thankYouMessage = document.getElementById("thankYouMessage");
Expand Down Expand Up @@ -1036,7 +1040,7 @@ <h3 style="font-size: 1.5rem; margin-bottom: 10px; color: darkorange;">
});
</script>

<script src="script.js"></script> <!-- Link to your service worker registration script -->
<script src="script.js"></script> <!-- Link to your service worker registration script -->


</body>
Expand Down

0 comments on commit a3873e8

Please sign in to comment.