<footer class="text-center text-lg-start text-white" style="background-color: #3e4551">
<style>
<!-- Grid container #app4legal-footer->resources {
<div class="container p-4 pb-0">
text-align: <!-- Section: Links -->
center;
}
<section class="">
<!#app4legal-footer-Grid row-->resources ul {
<div class="row">list-style: none;
width: 100%;
<!--Grid column-->
}
<div class="col-lg-4 col-md-6 mb#app4legal-4 mb-md-0">
footer-resources ul li {
<h5 class="text-uppercase">FOOTER CONTENT</h5>
align: left;
margin-bottom: 10px;
<p>}
#app4legal-footer-resources ul a {
Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae modi cum ipsam ad, illo possimus laborum ut reiciendis obcaecati. Ducimus, quas. Corrupti, pariatur eaque? Reiciendis assumenda iusto sapiente inventore animi?text-decoration: none;
color: #ffffff;
}
#app4legal-footer-description {
</p>
color: #ffffff;
</div>}
<!#app4legal-footer-Grid columnresources-title->
container {
height: 33px;
<!--Grid column-->
}
<div class="col-lg-2 col-md-6 mb-4 mb-md-0">
#app4legal-footer-social {
<h5 class="text-uppercase">Links</h5>
text-align: center;
margin-top: 20px;
<ul class="list-unstyled mb-0"> }
#app4legal-footer-social a {
<li>
text-decoration: none;
color: #ffffff;
<a href="#!" class="text-white">Link 1</a>
font-size: 22px;
margin: 10px;
}
</li>
#app4legal-footer-copyright {
color: <li>#ffffff;
text-align: center;
background-color: #17518c;
<a href="#!" class="text-white">Link 2</a>
margin-top: 25px;
}
</li>
@media screen and (max-width: 575px) {
<li>
#app4legal-footer-resources ul li {
width: fit-content;
<a href="#!" class="text-white">Link 3</a> margin-right: auto;
margin-left: auto;
</li> }
#app4legal-resources-list-container {
<li> width: fit-content;
margin: auto;
<a href="#!" class="text-white">Link 4</a> }
#app4legal-footer-resources-title-container {
</li>
margin-top: 20px;
</ul>
margin-bottom: 20px;
</div>}
<!--Grid column-->
#app4legal-footer-resources-title-container div {
<!--Grid column-->width: fit-content;
}
<div class="col-lg-2 col-md-6 mb-4 mb-md-0">
#app4legal-footer-description {
<h5 class="text-uppercase">Links</h5>
text-align: center;
}
<ul class="list-unstyled mb-0">}
</style>
<div id="app4legal-footer" class="container-fluid p-0" style="background-color: #0156ad;">
<li><div id="app4legal-footer-description" class="row justify-content-center px-5">
<div class="col-lg-4 col-xsm-5">
<a href="#!" class="text-white">Link 1</a> <div>
</li><img src="../images/app4legal-white-fit.png" />
</div>
<li>
<div class="mt-4">
<a href="#!" class="text-white">Link 2</a>
App4Legal is a complete practice management software for all legal practitioners
</li>div>
</div>
<li><div class="col-1">
</div>
<a href="#!<div id="app4legal-footer-resources" class="text-white">Link 3</a>col-lg-4 col-xsm-5">
<div>
</li>
<ul class="p-0 list-inline d-inline-block mt-lg-0 mt-4">
<li>
<a href="#!<div id="app4legal-footer-resources-title-container" class="text-white">Link 4</a>row">
</li>
<div class="col-12 text-left m-auto">
</ul>
</div>
<b>Resources</b>
<!--Grid column-->
</div>
<!--Grid column-->
<div class="col-lg-2 col-md-6 mb-4 mb-md-0"> </div>
<h5 class="text-uppercase">Links</h5>
<ul class="list-unstyled mb-0 <div id="app4legal-resources-list-container" class="row mt-lg-4 d-sm-flex d-block">
<li>
<li class="col-sm-5 pr-0 col-xsm-5 d-sm-inline-block d-block">
<a href="#!" class="text-white">Link 1</a>
<i </li>
class="fas fa-info-circle"></i>
<li>
<a href="#!" class="text-white">Link 2<https://app4legal.com">About Us</a>
</li>
<li>
<li class="col-sm-5 pr-0 col-xsm-5 d-sm-inline-block d-block">
<a href="#!" class="text-white">Link 3</a>
<i class="fas fa-clipboard-list"></i>
</li>
<a <li>href="">Release Notes</a>
<a href="#!" class="text-white">Link 4</a></li>
</li>
<li class="col-sm-5 pr-0 col-xsm-5 d-sm-inline-block d-block">
</ul>
</div>
<i class="fas fa-scroll"></i>
<!--Grid column-->
<!--Grid column-->
<a href="">Brochure</a>
<div class="col-lg-2 col-md-6 mb-4 mb-md-0">
</li>
<h5 class="text-uppercase">Links</h5>
<ul<li class="listcol-sm-unstyled5 mbpr-0 col-xsm-5 d-sm-inline-block d-block">
<li>
<i class="fas fa-comments"></i>
<a href="#!" class="text-white">Link 1<>Contact Us</a>
</li>
<li>
<li class="col-sm-5 pr-0 col-xsm-5 d-sm-inline-block d-block">
<a href="#!" class="text-white">Link 2</a>
<i class="fas fa-question-circle"></i>
</li>
<li><a href="">FAQ</a>
<a href="#!" class="text-white">Link 3</a></li>
</li>div>
<li></ul>
</div>
<a href="#!" class="text-white">Link 4</a></div>
</div>
<div id="app4legal-footer-social" class="row px-5" style="background-color: #0156ad;">
</li>
<div class="col-12">
</ul>
<a href="">
</div>
<i class="fab fa-facebook"></i>
<!--Grid column-->
</div>a>
<!--Grid row-->
<a href="">
</section>
<!-- Section: Links -->
<i <hr class="mbfab fa-4twitter" ></>
i>
<!-- Section: CTA --> </a>
<section class <a href="">
<p <i class="d-flexfab justify-content-center align-items-center">fa-linkedin"></i>
<span class="me-3">Register for free</span></a>
<button<a typehref="button">
class="btn btn-outline-light btn-rounded">
Sign up!
<i class="fab fa-youtube"></i>
</button>
</p>a>
</section>div>
<!-- Section: CTA -->/div>
<hr<div classid="mbapp4legal-footer-4copyright" /class="row">
<!-- Section: Social media -->
<section <div class="mb-4 text-center">
<!-- Facebook -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"><i class="fab fa-facebook-f"></i
></a>
<!-- Twitter -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"><i class="fab fa-twitter"></i
></a>
<!-- Google -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"><i class="fab fa-google"></i
></a>
<!-- Instagram -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"><i class="fab fa-instagram"></i
></a>
<!-- Linkedin -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"><i class="fab fa-linkedin-in"></i
></a>
<!-- Github -->
<a class="btn btn-outline-light btn-floating m-1" href="#!" role="button"><i class="fab fa-github"></i
></a>
</section>
<!-- Section: Social media -->
</div>
<!-- Grid container -->
<!-- Copyright -->
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2)col-12">
© 2020 Copyright:
Copyright © <a class="text-white" href="https://mdbootstrap.com/">MDBootstrap.com</a2021 App4Legal
>
</div>
<!-- Copyright -->
</footer>div>
<!-- Footer --> </div> | 
