Skip to content

Commit

Permalink
Merge pull request #362 from T-Rahul-prabhu-38/main
Browse files Browse the repository at this point in the history 
fixed navbar and footer
  • Loading branch information
@vimistify
vimistify authored Oct 7, 2024
2 parents 8cd359e + d3a1eb3 commit 3a18f74
Show file tree
Hide file tree
Showing 3 changed files with 140 additions and 112 deletions.
64 changes: 58 additions & 6 deletions Feedback.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,15 @@
flex-direction: column;
min-height: 100vh;
}

footer {
background-color: #000;
color: white;
text-align: center;
padding: 10px 0;
position: relative;
bottom: 0;
width: 100%;
}
.content {
margin: 15px;
padding: 15px;
Expand Down Expand Up @@ -258,12 +266,56 @@ <h3>We Value Your Feedback</h3>
</div>


<footer>
<div style="text-align: center; margin-top: 20px;">
<p>&copy; 2024 AmbuFlow. All rights reserved.</p>
</div>
</footer>

<footer>
<div style="background-color: #333; color: white; padding: 20px;">
<div style="display: flex; justify-content: space-between; flex-wrap: wrap;">
<!-- Quick Links Section -->
<div style="flex: 1; min-width: 200px;">
<h3>Quick Links</h3>
<ul style="list-style-type: none; padding: 0;">
<li><a href="about.html" style="color: white; text-decoration: none;">About Us</a></li>
<li><a href="contact.html" style="color: white; text-decoration: none;">Contact Us</a></li>
<li><a href="privacy.html" style="color: white; text-decoration: none;">Privacy Policy</a></li>
<li><a href="terms.html" style="color: white; text-decoration: none;">Terms of Service</a></li>
<li><a href="sitemap.html" style="color: white; text-decoration: none;">Site Map</a></li>
</ul>
</div>

<!-- Contact Information Section -->
<div style="flex: 1; min-width: 200px;">
<h3>Contact Info</h3>
<p>123 Emergency Lane, Mumbai, India</p>
<p>Email:[email protected]</p>
<p>Phone: +91-911-1234567</p>
</div>

<!-- Social Media Links -->
<div style="flex: 1; min-width: 200px;">
<h3>Follow Us</h3>
<a href="https://www.facebook.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-facebook-f"></i> Facebook</a><br>
<a href="https://www.twitter.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fa-brands fa-x-twitter"></i> Twitter</a><br> <!--upadted-->
<a href="https://www.instagram.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-instagram"></i> Instagram</a><br>
<a href="https://www.linkedin.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-linkedin-in"></i> LinkedIn</a>
</div>

<!-- Newsletter Subscription -->
<div style="flex: 1; min-width: 200px;">
<h3>Subscribe to Our Newsletter</h3>
<form action="#">
<input type="email" placeholder="Your Email" style="padding: 10px; width: 80%;" required><br><br>
<button type="submit" style="background-color: #ff5733; color: white; padding: 10px 20px; border: none; cursor: pointer;">Subscribe</button>
</form>
</div>
</div>



</div>
<!-- Copyright Section -->
<p>&copy; 2024 AmbuFlow. All rights reserved.</p>

</footer>
<script>
// Add event listeners to each star label for toggling the selection
const stars = document.querySelectorAll('.star-rating input');
Expand Down
165 changes: 73 additions & 92 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -348,51 +348,35 @@

<body>
<header>
<a href="index.html">
<div class="container">
<div class="logo">
<div class="brand-name">
<span class="letter red">A</span>
<span class="letter red">m</span>
<span class="letter red">b</span>
<span class="letter red">u</span>
<span class="letter">F</span>
<span class="letter">l</span>
<span class="letter">o</span>
<span class="letter">w</span>
<div class="logo">
<div class="brand-name">
<span class="letter red" style="--letter-index: 1;">A</span>
<span class="letter red" style="--letter-index: 2;">m</span>
<span class="letter red" style="--letter-index: 3;">b</span>
<span class="letter red" style="--letter-index: 4;">u</span>
<span class="letter" style="--letter-index: 5;">F</span>
<span class="letter" style="--letter-index: 6;">l</span>
<span class="letter" style="--letter-index: 7;">o</span>
<span class="letter" style="--letter-index: 8;">w</span>
</div>
<img src="images/logo2-w.webp" alt="Ambulance Monitoring System Logo" style="width: 50px; height: auto" />
</div>
<nav class="menu">
<ul>
<li><a href="index.html" id="home-link" onclick="changeContent('home')"><i class="fa-solid fa-house"></i> Home</a></li>
<li><a href="features.html" id="features-link" onclick="changeContent('features')"><i class="fa-solid fa-file"></i> Features</a></li>
<li><a href="team.html" id="team-link" onclick="changeContent('team')"><i class="fa-solid fa-user-group"></i> Team</a></li>
<li><a href="contact.html" id="contact-link" onclick="changeContent('contact')"><i class="fa-solid fa-phone"></i> Contact</a></li>
<li><a href="Feedback.html" id="Feedback-link" onclick="changeContent('Feedback')"><i class="fa-solid fa-clipboard"></i> Feedback</a></li>
</ul>
</nav>
<div class="buttons">
<a href="login.html" class="login">Log in</a>
<a href="up.html" class="get-started">Get started</a>
</div>
</a>
<a href="index.html"><img src="images/logo2-w.webp" alt="Ambulance Monitoring System Logo" style="width: 50px; height: auto" /></a>
</div>
<nav>
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<ul>
<li>
<a class="active"href="/" id="home-link" onclick="changeContent('home')"><i class="fa-solid fa-house"></i> Home</a>
</li>
<li>
<a class="active"href="features.html" id="features-link" onclick="changeContent('features')"><i class="fa-solid fa-file"></i> Features</a>
</li>
<li>
<a class="active"href="team.html" id="team-link" onclick="changeContent('team')"><i class="fa-solid fa-user-group"></i> Team</a>
</li>
<li>
<a class="active"href="contact.html" id="contact-link" onclick="changeContent('contact')"><i class="fa-solid fa-phone"></i> Contact</a>
</li>
<li>
<a href="Feedback.html" id="contact-link" onclick="changeContent('feedback')"><i class="fa-solid fa-clipboard"></i> Feedback</a>
</li>
</ul>
</nav>
<div class="buttons">
<a href="login.html" class="login">Log in</a>
<a href="up.html" class="get-started">Get started</a>
</div>
</div>
</header>
</header>

<div class="content" id="main-content">
<h1>Welcome to the Ambulance Monitoring System</h1>
Expand Down Expand Up @@ -530,58 +514,55 @@ <h2>Contact Us</h2>

</div>
</div>
<footer>


<!-- Contact Information Section -->
<div class="contact-ft" style="flex: 1; ">
<h3>Contact Info</h3>
<pre>123 Emergency Lane, Mumbai, India
Phone : +91-911-1234567
Email : [email protected]</pre>
</div>

<footer>
<div style="background-color: #333; color: white; padding: 20px;">
<div style="display: flex; justify-content: space-between; flex-wrap: wrap;">
<!-- Quick Links Section -->
<div style="flex: 1; min-width: 200px;">
<h3>Quick Links</h3>
<ul style="list-style-type: none; padding: 0;">
<li><a href="about.html" style="color: white; text-decoration: none;">About Us</a></li>
<li><a href="contact.html" style="color: white; text-decoration: none;">Contact Us</a></li>
<li><a href="privacy.html" style="color: white; text-decoration: none;">Privacy Policy</a></li>
<li><a href="terms.html" style="color: white; text-decoration: none;">Terms of Service</a></li>
<li><a href="sitemap.html" style="color: white; text-decoration: none;">Site Map</a></li>
</ul>
</div>

<!-- Contact Information Section -->
<div style="flex: 1; min-width: 200px;">
<h3>Contact Info</h3>
<p>123 Emergency Lane, Mumbai, India</p>
<p>Email:[email protected]</p>
<p>Phone: +91-911-1234567</p>
</div>

<!-- Social Media Links -->
<div style="flex: 1; min-width: 200px;">
<h3>Follow Us</h3>
<a href="https://www.facebook.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-facebook-f"></i> Facebook</a><br>
<a href="https://www.twitter.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fa-brands fa-x-twitter"></i> Twitter</a><br> <!--upadted-->
<a href="https://www.instagram.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-instagram"></i> Instagram</a><br>
<a href="https://www.linkedin.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-linkedin-in"></i> LinkedIn</a>
</div>

<!-- Newsletter Subscription -->
<div style="flex: 1; min-width: 200px;">
<h3>Subscribe to Our Newsletter</h3>
<form action="#">
<input type="email" placeholder="Your Email" style="padding: 10px; width: 80%;" required><br><br>
<button type="submit" style="background-color: #ff5733; color: white; padding: 10px 20px; border: none; cursor: pointer;">Subscribe</button>
</form>
</div>
</div>

<!-- Social Media Links -->
<div class="social-ft" style="flex: 1; display: flex; flex-direction: column;">
<h3>Follow Us</h3>
<div style="display: flex; justify-content: center; gap: 1rem; font-size: 1.5rem; flex-wrap: wrap;" class="links">
<a href="https://www.facebook.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-facebook-f"></i></a><br>
<a href="https://www.twitter.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fa-brands fa-x-twitter"></i></a><br> <!--upadted-->

<a href="https://www.instagram.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-instagram"></i></a><br>
<a href="https://www.linkedin.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>


<!-- Newsletter Subscription -->
<div style="flex: 1; min-width: 200px">
<h3>Subscribe to Our Newsletter</h3>
<form action="#">
<input type="email" placeholder="Your Email" style="padding: 10px; width: 80%" required /><br /><br />
<button type="submit" style="
background-color: #ff5733;
color: white;
padding: 10px 20px;
border: none;
cursor: pointer;
">
Subscribe
</button>
</form>
</div>
</div>
</div>

<!-- Copyright Section -->
<div style="
text-align: center;
margin-top: 20px;
border-top: 1px solid white;
padding-top: 10px;
">
<p>&copy; 2024 AmbuFlow. All rights reserved.</p>
</div>
</div>
</div>
<!-- Copyright Section -->
<p>&copy; 2024 AmbuFlow. All rights reserved.</p>

</footer>
<script>
function changeContent(page) {
Expand Down
23 changes: 9 additions & 14 deletions team.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -88,7 +88,7 @@
font-size: 0.9em;
}

/* .contact-feature {
.contact-feature {
display: flex;
justify-content: center;
align-items: center;
Expand All @@ -103,7 +103,7 @@
height: auto;
margin-right: 20px;
border-radius: 10px;
} */
}

footer {
background-color: #000;
Expand Down Expand Up @@ -176,6 +176,7 @@
.red {
color: red;
}

</style>
</head>
<body>
Expand Down Expand Up @@ -260,10 +261,7 @@ <h2>Contact Us</h2>


<footer>



<div style="color: white; padding: 20px;">
<div style="background-color: #333; color: white; padding: 20px;">
<div style="display: flex; justify-content: space-between; flex-wrap: wrap;">
<!-- Quick Links Section -->
<div style="flex: 1; min-width: 200px;">
Expand All @@ -289,7 +287,7 @@ <h3>Contact Info</h3>
<div style="flex: 1; min-width: 200px;">
<h3>Follow Us</h3>
<a href="https://www.facebook.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-facebook-f"></i> Facebook</a><br>
<a href="https://www.twitter.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fa-brands fa-x-twitter"></i> Twitter</a><br>
<a href="https://www.twitter.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fa-brands fa-x-twitter"></i> Twitter</a><br> <!--upadted-->
<a href="https://www.instagram.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-instagram"></i> Instagram</a><br>
<a href="https://www.linkedin.com" style="color: white; text-decoration: none; margin-right: 10px;"><i class="fab fa-linkedin-in"></i> LinkedIn</a>
</div>
Expand All @@ -304,15 +302,12 @@ <h3>Subscribe to Our Newsletter</h3>
</div>
</div>

<!-- Copyright Section -->
<div style="text-align: center; margin-top: 20px; border-top: 1px solid white; padding-top: 10px;">
<p>&copy; 2024 AmbuFlow. All rights reserved.</p>
</div>


</div>
<!-- Copyright Section -->
<p>&copy; 2024 AmbuFlow. All rights reserved.</p>

</footer>


</footer>

<script>
Expand Down

0 comments on commit 3a18f74

Please sign in to comment.