Skip to content

Commit

Permalink
Redesigned the footer section
Browse files Browse the repository at this point in the history
  • Loading branch information
@samarsajad
samarsajad committed Jun 10, 2024
1 parent 2cf84e9 commit 63d46bb
Show file tree
Hide file tree
Showing 2 changed files with 124 additions and 391 deletions.
237 changes: 78 additions & 159 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1403,169 +1403,88 @@ <h1>Give Us Your Valuable Feedback.</h1>
<!-- ############### Footer ############### -->
<br><br><br><br><br><br>

<!--footer id="footer">
<div class="footer-top" >
<div class="container" >
<div class="row-d" >
<section class="footer">
<div class="footer-row">
<div class="footer-col">
<h4>Quick Links</h4>
<ul class="links">
<li><a href="./index.html">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="./Html-Files/contact.html">Contact Us</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#doctors">Doctors</a></li>
<li><a href="./faq.html">FAQ</a></li>
<li>
<div class="icons" style="display: flex;flex-direction: row;">
<style>
.icons a {
margin-right: 10px;
}
.icons a:last-child {
margin-right: 0;
}
.icons a div i {
color: #afb6c7;
}
.icons a div i:hover {
color: #fff;
}
</style>
<div style="visibility: hidden;">2</div>
<div style="visibility: hidden;">1</div>
<div style="margin-left: 100px;font-family: sans-serif;"><i>Follow&nbsp;Us&nbsp;:&nbsp;</i></div>
<a href="https://www.facebook.com/" target="_blank"><div><i class="fa-brands fa-facebook-f"></i></div></a>
<a href="https://www.twitter.com" target="_blank"><div><i class="fa-brands fa-twitter"></i></div></a>
<a href="https://www.linkedin.com" target="_blank"><div><i class="fa-brands fa-linkedin"></i></div></a>
<a href="https://github.com/Anishkagupta04/RAPIDOC-HEALTHCARE-WEBSITE-" target="_blank"><div><i class="fa-brands fa-github"></i></div></a>
<a href="+91 1234567890" title="+91 1234567890" target="_blank"><div><i class="fa-solid fa-phone"></i></div></a>
<a href="[email protected]" target="_blank"><div><i class="fa-solid fa-envelope"></i></div></a>
</div>
</li>
</ul>
</div>
<div class="footer-col">
<h4>Explore</h4>
<ul class="links">
<li><a href="#">Appointment</a></li>
<li><a href="#">Patient Portal</a></li>
<li><a href="#">Login account</a></li>
<li><a href="#">Helplines</a></li>
<li><a href="#">Location</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Legal</h4>
<ul class="links">
<li><a href="#">Customer Agreement</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">GDPR</a></li>
<li><a href="#">Security</a></li>
<li><a href="#">Testimonials</a></li>
</ul>
</div>
<div class="footer-col">
<h4>RAPIDOC Newsletter</h4>
<p>
Subscribe to our newsletter for a weekly dose
of news, updates, helpful tips, and
exclusive offers.
</p>
<form action="#">
<input type="text" placeholder="Your email" required>
<button type="submit">SUBSCRIBE</button>
</form>
<div id="copyright" style="text-align: center;float: right;">
<p style="align-items: center">
© <span id="year"></span><span> RapiDoc</span>&nbsp;| All Rights
Reserved <br> Made with ❤️ by RapiDoc
</p>
<footer>
<div class="footer-wrapper">
<div class="footer-columns">
<div class="other-columns">
<section>
<h4>Quick Links</h4><br>
<ul class="links">
<li><a href="./index.html">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="./Html-Files/contact.html">Contact Us</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#doctors">Doctors</a></li>
<li><a href="./faq.html">FAQ</a></li>
</ul>
</section>
<section>
<h4>Explore</h4><br>
<ul class="links">
<li><a href="#">Appointment</a></li>
<li><a href="#">Patient Portal</a></li>
<li><a href="#">Login account</a></li>
<li><a href="#">Helplines</a></li>
<li><a href="#">Location</a></li>
</ul>
</section>
<section>
<h4>Legal</h4><br>
<ul class="links">
<li><a href="#">Customer Agreement</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">GDPR</a></li>
<li><a href="#">Security</a></li>
<li><a href="#">Testimonials</a></li>
</ul>
</section>
<section class="footer-col">
<h4>RAPIDOC Newsletter</h4><br>
<p style= "color:rgb(116, 119, 116);">Subscribe to our newsletter for a weekly dose</p>
<p style= "color:rgb(116, 119, 116);"> of news, updates, helpful tips, and</p>
<p style= "color:rgb(116, 119, 116);"> exclusive offers.</p>


</section>

</div>
<div class = "news-letter">
<form action="#">
<input type="text" placeholder="Your email" required>
<button type="submit" class="subscribe-button">SUBSCRIBE</button>
</form>
</div>



</div>
</div>
</div>
</section>
</footer-->
<footer>
<div class="footer-wrapper">
<div class="footer-columns">
<div class="other-columns">
<section>
<h4>Quick Links</h4><br>
<ul class="links">
<li><a href="./index.html">Home</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="./Html-Files/contact.html">Contact Us</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#doctors">Doctors</a></li>
<li><a href="./faq.html">FAQ</a></li>
</ul>
</section>
<section>
<h4>Explore</h4><br>
<ul class="links">
<li><a href="#">Appointment</a></li>
<li><a href="#">Patient Portal</a></li>
<li><a href="#">Login account</a></li>
<li><a href="#">Helplines</a></li>
<li><a href="#">Location</a></li>
</ul>
</section>
<section>
<h4>Legal</h4><br>
<ul class="links">
<li><a href="#">Customer Agreement</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">GDPR</a></li>
<li><a href="#">Security</a></li>
<li><a href="#">Testimonials</a></li>
</ul>
</section>
<section class="footer-col">
<h4>RAPIDOC Newsletter</h4><br>
<p>
Subscribe to our newsletter for a weekly dose
of news, updates, helpful tips, and
exclusive offers.
</p>
<form action="#">
<input type="text" placeholder="Your email" required>
<button type="submit">SUBSCRIBE</button>
</form>
</section>
</div>
</div>
</div>
<div class="footer-bottom">
<div class="footer-bottom-wrapper">
<small>© <span id="year"></span><span> RapiDoc</span>&nbsp;| All Rights
Reserved Made with ❤️ by RapiDoc</small>
<style>
.social-wrapper a div i {
color: #afb6c7;
}
.social-wrapper a div i:hover {
color: #fff;
}
</style>
<div class="social-wrapper">
<div class="social-links">
<div style="margin-left: 100px;font-family: sans-serif;"><i>Follow&nbsp;Us&nbsp;:&nbsp;</i></div>
<a href="https://www.facebook.com/" target="_blank"><div><i class="fa-brands fa-facebook-f"></i></div></a>
<a href="https://www.twitter.com" target="_blank"><div><i class="fa-brands fa-twitter"></i></div></a>
<a href="https://www.linkedin.com" target="_blank"><div><i class="fa-brands fa-linkedin"></i></div></a>
<a href="https://github.com/Anishkagupta04/RAPIDOC-HEALTHCARE-WEBSITE-" target="_blank"><div><i class="fa-brands fa-github"></i></div></a>
<a href="+91 1234567890" title="+91 1234567890" target="_blank"><div><i class="fa-solid fa-phone"></i></div></a>
<a href="[email protected]" target="_blank"><div><i class="fa-solid fa-envelope"></i></div></a>
</div>
</div>
<div class="footer-bottom">
<div class="footer-bottom-wrapper">
<small>© <span id="year"></span><span> RapiDoc</span>&nbsp;| All Rights
Reserved Made with ❤️ by RapiDoc</small>
<style>
.social-wrapper a div i {
color: #afb6c7;
}
.social-wrapper a div i:hover {
color: #fff;
}
</style>
<div class="social-wrapper">
<div class="social-links">
<div style="margin-left: 100px;font-family: sans-serif;"><i>Follow&nbsp;Us&nbsp;:&nbsp;</i></div>
<a href="https://www.facebook.com/" target="_blank"><div><i class="fa-brands fa-facebook-f"></i></div></a>
<a href="https://www.twitter.com" target="_blank"><div><i class="fa-brands fa-twitter"></i></div></a>
<a href="https://www.linkedin.com" target="_blank"><div><i class="fa-brands fa-linkedin"></i></div></a>
<a href="https://github.com/Anishkagupta04/RAPIDOC-HEALTHCARE-WEBSITE-" target="_blank"><div><i class="fa-brands fa-github"></i></div></a>
<a href="+91 1234567890" title="+91 1234567890" target="_blank"><div><i class="fa-solid fa-phone"></i></div></a>
<a href="[email protected]" target="_blank"><div><i class="fa-solid fa-envelope"></i></div></a>
</div>
</div>
</div>
</div>
</div>
</footer>

<div id="back-to-top-container">
Expand Down
Loading

0 comments on commit 63d46bb

Please sign in to comment.