| HTML |
|---|
<style>
<style>
#app4legal-footer -resources {
text-align: center;
}
{
background-color: #2d83be;
}
#app4legal-footer-resources ul {
{
text-align: center;
}
#app4legal-footer-resourcesul {
list-style: none;
width: 100%;
}
none;
width: 100%;
}
#app4legal-footer-resources ul li {
{
text-align: left;
left;
margin-bottom: 10px;
}
}
#app4legal-footer-resources
ul a {
{
text-decoration: none;
color: #ffffff;
}
none;
color: #ffffff;
}
#app4legal-footer-description {
color: #ffffff;
background-color: #2d83be;
}
#app4legal-footer- {
color: #ffffff;
}
#app4legal-footer-resources-title-container {
height: 33px;
}
{
height: 33px;
}
#app4legal-footer-social {
{
text-align: center;
center;
margin-top: 20px;
background-color: #2d83be;
}
#app4legal-footer-social a {
text-decoration: none;
color: #ffffff;
font-size: 22px;
margin: 10px;
}
#app4legal-footer-copyright {
color: #ffffff;
text-align: center;
background-color: #17518c;
margin-top: 25px;
}
@media screen and (max-width: 575px) {
#app4legal-footer-resources ul li {
width: fit-content;
margin-right: auto;
margin-left: auto;
}
20px;
}
#app4legal-footer-sociala {
text-decoration: none;
color: #ffffff;
font-size: 22px;
margin: 10px;
}
#app4legal-footer-copyright {
color: #ffffff;
text-align: center;
background-color: #17518c;
margin-top: 25px;
}
@mediascreen and (max-width: 575px) {
#app4legal-footer-resourcesulli {
width: fit-content;
margin-right: auto;
margin-left: auto;
}
#app4legal-resources-list-container {
width: fit-content;
margin: auto;
}
{
width: fit-content;
margin: auto;
}
#app4legal-footer-resources-title-container {
{
margin-top: 20px;
20px;
margin-bottom: 20px;
}
20px;
}
#app4legal-footer-resources-title-container div {
width: fit-content;
}
div {
width: fit-content;
}
#app4legal-footer-description {
{
text-align: center;
}
}
</style> | HTML |
|---|
center;
}
}
</style>
<div id="app4legal-footer" class="container-fluid ppt-05">
<div id="app4legal-footer-description" class="row justify-content-center px-5">
<div class="col-lg-4 col-xsm-5">
<div>
<img src="https://documentation.app4legal.com/download/attachmentsimages/83107096/app4legal-white-fit.png?version=1&modificationDate=1636391317315&api=v2" />
</div>
<div class="mt-4">
App4Legal is a complete practice management software for all legal practitioners
</div>
</div>
<div class="col-1">
</div>
<div id="app4legal-footer-resources" class="col-lg-4 col-xsm-5">
<div>
<ul class="p-0 list-inline d-inline-block mt-lg-0 mt-4">
<div id="app4legal-footer-resources-title-container" class="row">
<div class="col-12 text-left m-auto p-0">
<b>Resources</b>
</div>
</div>
<div id="app4legal-resources-list-container" class="row mt-lg-4 d-sm-flex d-block">
<li class="col-sm-5 pr-0 col-xsm-5 d-sm-inline-block d-block">
<i class="fas fa-info-circle"></i>
<a href="https://app4legal.com">About Us</a>
</li>
<li class="col-sm-5 pr-0 col-xsm-5 d-sm-inline-block d-block">
<i class="fas fa-clipboard-list"></i>
<a href="">Release Notes</a>
</li>
<li class="col-sm-5 pr-0 col-xsm-5 d-sm-inline-block d-block">
<i class="fas fa-scroll"></i>
<a href="">Brochure</a>
</li>
<li class="col-sm-5 pr-0 col-xsm-5 d-sm-inline-block d-block">
<i class="fas fa-comments"></i>
<a href="">Contact Us</a>
</li>
<li class="col-sm-5 pr-0 col-xsm-5 d-sm-inline-block d-block">
<i class="fas fa-question-circle"></i>
<a href="">FAQ</a>
</li>
</div>
</ul>
</div>
</div>
</div>
<div id="app4legal-footer-social" class="row px-5">
<div class="col-12">
<a href="">
<i class="fab fa-facebook"></i>
</a>
<a href="">
<i class="fab fa-twitter"></i>
</a>
<a href="">
<i class="fab fa-linkedin"></i>
</a>
<a href="">
<i class="fab fa-youtube"></i>
</a>
</div>
</div>
<div id="app4legal-footer-copyright" class="row">
<div class="col-12">
Copyright © 2021 App4Legal
</div>
</div>
</div> |
| 
