.brikit.footer.App4Legal

Content Layer

id	1

Content Column

width	100%
id	11

Content Block

id	111

HTML
<style>

<style>

#app4legal-footer

{

 {
            background-color: #2d83be;

}


        }
        
        #app4legal-footer-resources

{

 {
            text-align: center;

}


        }
        
        #app4legal-footer-resources ul

{
list

 {
            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;
}

 {
            color: #ffffff;
        }
        
        #app4legal-footer-resources-title-container

{
height: 33px;
}

 {
            height: 33px;
        }
        
        #app4legal-footer-social

{

 {
            text-align:

center;

 center;
            margin-top: 20px;

}

#app4legal-footer-sociala {


        }
        
        #app4legal-footer-social a {
            text-decoration:

none;
color: #ffffff;

 none;
            color: #ffffff;
            font-size:

22px;
margin: 10px;
}

 22px;
            margin: 10px;
        }
        
        #app4legal-footer-copyright

{
color: #ffffff;

 {
            color: #ffffff;
            text-align:

center;

 center;
            background-color:

#17518c;

 #17518c;
            margin-top: 25px;

}

@mediascreen and


        }
        
        @media screen and (max-width: 575px)

{
#app4legal

 {
            #app4legal-footer-resources ul li

{
width: fit-content;
margin-right: auto;
margin-left: auto;
}

 {
                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;
}

 {
                width: fit-content;
            }
            #app4legal-footer-description

{

 {
                text-align:

center;
}
}
</style>

HTML

 center;
            }
        }
    </style>
   
 <div id="app4legal-footer" class="container-fluid pt-5">
        <div id="app4legal-footer-description" class="row justify-content-center px-5">
            <div class="col-lg-4 col-xsm-5">
                <div>
                    <img src="../images/app4legal-white-fit.png" />
                </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>

Page tree

Versions Compared

Old Version 8

New Version 9

Key