Skip to content

Commit

Permalink
Merge pull request #7 from Prakash-Raut/fix-footer
Browse files Browse the repository at this point in the history
fix: footer ui
  • Loading branch information
MastanSayyad authored Jun 23, 2024
2 parents c58b85e + ba5898b commit 256db2d
Show file tree
Hide file tree
Showing 2 changed files with 59 additions and 39 deletions.
5 changes: 5 additions & 0 deletions css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -1124,3 +1124,8 @@ h1, h2, h3, h4, h5,
.comment-list li .comment-body .reply:hover {
color: #000;
background: #e3e3e3; }

/* footer css */
.footer-title {
font-weight: 700;
}
93 changes: 54 additions & 39 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -237,52 +237,67 @@ <h2 class="text-black mb-4">Selection Sort</h2>
</div>
</div>

<footer class="footer-section bg-white">
<div class="container">
<div class="row">
<div class="col-md-4">
<h3>About Us </h3>
<p>By </p>
<p>Mr. Mastan Sayyad</p>

<p></p>
</div>

<div class="col-md-3 ml-auto">
<h3>Links</h3>
<ul class="list-unstyled footer-links">
<li><a href="#home-section">Home</a></li>
<li><a href="#algorithm-section">Algorithms</a></li>
<li><a href="#programs-section">Programs</a></li>
</ul>
</div>

<div class="col-md-4">
<h3>Subscribe</h3>
<p>For more Information Contact Us</p>
<form action="#" class="footer-subscribe">
<div class="d-flex mb-5">
<p>[email protected]</p>
<footer class="container py-4 py-md-5 px-4 px-md-3">
<div class="row d-flex justify-content-center items-center text-center">
<div class="col-md-6 offset-md-1 mb-3">
<form>
<h5>Subscribe to our newsletter</h5>
<p>Monthly digest of what's new and exciting from us.</p>
<div class="d-flex gap-2">
<input id="newsletter1" type="text" class="form-control w-full" placeholder="Email address">
<button class="btn btn-primary" type="button">Subscribe</button>
</div>
</form>
</div>

</div>
<div class="row mt-5">
<div class="col-md-4 mb-3">
<a class="d-inline-flex align-items-center mb-2 text-body-emphasis text-decoration-none footer-title" href="/" aria-label="Visual Sort">
Visual Sort
</a>
<ul class="list-unstyled small">
<li class="mb-2">Visual Sort is a web-based sorting algorithm visualization tool which provides an interactive way to visualize various sorting algorithms in action, helping users understand how different algorithms work and their efficiency in sorting data</li>
</ul>
</div>
<div class="col-6 col-md-2 mb-3">
<h5>Home</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#home-section" class="nav-link p-0 text-body-secondary">Home</a></li>
<li class="nav-item mb-2"><a href="#algorithm-section" class="nav-link p-0 text-body-secondary">Algorithms</a></li>
<li class="nav-item mb-2"><a href="#programs-section" class="nav-link p-0 text-body-secondary">Programs</a></li>
</ul>
</div>

<div class="col-6 col-md-2 mb-3">
<h5>About</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">About</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Our Contributors</a></li>
</ul>
</div>

<div class="col-6 col-md-2 mb-3">
<h5>Support</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">FAQs</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Contact</a></li>
</ul>
</div>

<div class="row pt-5 mt-5 text-center">
<div class="col-md-12">
<div class="border-top pt-5">
<p>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Department of Computer Science and Engineering </a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</p>
</div>
<div class="col-6 col-md-2 mb-3">
<h5>Legal</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Privacy Policy</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Terms & Conditions</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-body-secondary">Licensing</a></li>
</ul>
</div>

</div>
</div>
</footer>

<div class="d-flex flex-column flex-sm-row justify-content-center py-4 my-4 border-top">
<p>© 2024 Visual Sort - Mastan Sayyad, Inc. All rights reserved.</p>
</div>
</footer>

<!--&copy;<script>document.write(new Date().getFullYear());</script-->

Expand Down

0 comments on commit 256db2d

Please sign in to comment.