.brikit.footer.App4Legal

Content Layer

id	1
class	full-width-no-margins

Content Column

width	100%
id	11

Content Block

id	111

HTML

<!-- Releases Popup -->
<div styleclass="background-color: #F8FAFC;">
<br>
<div style="text-align: center;"><h2>Need More Help?</h2></div>
<div class="dual-columns standard-dual-section contact-us-sectionoverlay-app4legal-documentation" id="overlay-app4legal-documentation"></div>

<div id="popup-app4legal-documentation" class="popup-app4legal-documentation">
  <button  <div classid="leftcloseButton-column singleapp4legal-columndocumentation">
	  <i class="fas fa-video"></i>close-button-app4legal-documentation">X</button>
  <p    <h3 class="bluepopup-text-app4legal-documentation">Video Tutorials</h3>
      <p>Learn new skills through our comprehensive video tutorials.</p>
	  <br>
	  <a >Exciting News!<br><br>
A new version of Lexzur has just been released. <a class="white-text" href="https://wwwdocumentation.youtubelexzur.com/@App4Legal/playlists">Watch Now</a>
    display/A4L/LEXZUR+v9.10.0.0+Release+Notes"><strong>Click here</strong></a> to explore the latest features and enhancements
</div>

<style>
    <div class="right-column single-column">
	  <i class="fas fa-envelope"></i>.overlay-app4legal-documentation {
    position: fixed;
    top: 0;
 <h3 class="blue-text">Contact Us</h3>
 left: 0;
    <p>Submit a request for assistance from our dedicated support team.</p>
	  <br>
	  <a href="mailto:help@app4legal.com">Get in Touch</a>
    </div>
</div>

<style>
.contact-us-section{
	text-align:center;
}
.contact-us-section p{
	color: #000000width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 999998;
  }
  
  .popup-app4legal-documentation {
    position: fixed;
    top: 50%;
    font-sizeleft: 17px50%;
    font-weight: 500transform: translate(-50%, -50%);
    linebackground-heightcolor: 1.8#2D83BE;
	padding:  0px 10px;
}
.contact-us-section i{
	font-size: padding: 20px;
	color: #155495;
}
.contact-us-section h3{
	margin: 10px !important;
}

.contact-us-section a{
	padding: 8px 25px;
    background-color: #155495 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    colorborder-radius: white !important5px;
    border-radiusdisplay: 50pxnone;
    fontz-weightindex: 500999999;
  }

@media (min-width: 900px) {
    .contactpopup-text-usapp4legal-sectiondocumentation {
    margin: 0;
    paddingcolor: 30px 0px#FFFFFF !important;
    }
margin-right: 30px;
	font-size: 17px !important;
  }

  .contactclose-button-usapp4legal-sectiondocumentation .single-column{
	border:   solid 1pxposition: #d0d0d0absolute;
    border-radiustop: 15px10px;
    paddingright: 20px10px;
   0 30pxbackground: 0none;
    margincursor: 0 10pxpointer;
    minfont-heightsize: 230px16px;
}

</style></div>

HTML


    color: <style>#FFFFFF;
    border: solid   #app4legal-footer {1px white;
            background-colorborder-radius: #2d83be5px;
  }

  @media only screen and     (max-width: 1200px;600px) {
    .popup-app4legal-documentation {
   }
   left:     15% !important;
      transform:  #app4legal-footer-resources {
            text-align: centertranslate(-9%, -50%) !important;
    }
    }

</style>

<script>
document.addEventListener("DOMContentLoaded", function () {
  const popup  
= document.getElementById("popup-app4legal-documentation");
  const closeButton = document.getElementById("closeButton-app4legal-documentation");
   #app4legal-footer-resources ul {const overlay = document.getElementById("overlay-app4legal-documentation");
  
  // Define the version number for the    list-style: none;current release
  const currentVersion         width: 100%;
        }
        
        #app4legal-footer-resources ul li= "9.7.0.0";

  // Check local storage to determine if the popup should be displayed for the current version
  const popupVersion = localStorage.getItem("popupVersion");

  if (popupVersion !== currentVersion) {
        popup.style.display = "block";
    text-align: leftoverlay.style.display = "block";
  }

  // Close the popup and save the current margin-bottom: 10px;
        }version to local storage
  function closePopup() {
    popup.style.display    = "none";
    overlay.style.display = "none";
  #app4legal-footer-resources ul a {
            text-decoration: none;
            color: #ffffff;
        }
        
        #app4legal-footer-description {
            color: #ffffff;
    }

  closeButton.addEventListener("click", closePopup);
  
  // Store the current version in local storage
  localStorage.setItem("popupVersion", currentVersion);

  // Add event listener to the overlay to close popup when clicked outside
  overlay.addEventListener("click", closePopup);
});
</script>

HTML

<div style="background-color: #F8FAFC; padding: 30px 0px;">
<br>
<div style="text-align: center;"><h2>Need More Help?</h2></div>
<div class="dual-columns standard-dual-section contact-us-section" style="max-width: 900px; margin: 0 auto;">
    <div class="left-column single-column">
	  <i class="fas fa-video"></i>
        width: 100% !important;<h3 class="blue-text">Video Tutorials</h3>
      <p>Learn new }
skills through our comprehensive video tutorials.</p>
	   <br>
	  <a href="https://www.youtube.com/@lexzurtech">Watch Now</a>
    #app4legal-footer-resources-title-container {</div>
            height: 33px;<div class="right-column single-column">
	  <i class="fas fa-envelope"></i>
      <h3  }class="blue-text">Contact Us</h3>
      <p>Submit a 
request for assistance from our dedicated support  #app4legal-footer-social {
            team.</p>
	  <br>
	  <a href="mailto:help@app4legal.com">Get in Touch</a>
    </div>
</div>

<style>
.contact-us-section{
	text-align: center;
}
.contact-us-section p{
	color: #000000;
    font-size: 17px;
     marginfont-topweight: 20px500;
            width: 100%line-height: 1.8;
	padding: 0px 10px;
}
.contact-us-section i{
	font-size:20px;
	color: #155495;
}
.contact-us-section h3{
	margin: 10px !important;
}

.contact-us-section a{
	padding: 8px 25px;
     }background-color: #155495;
    color: white   !important;
        #app4legal-footer-social a {border-radius: 50px;
    font-weight: 500;
}

@media (min-width: 900px) {
    text-decoration: none;.contact-us-section {
        padding: 30px   color: #ffffff0px !important;
            font-size: 22px}
}

.contact-us-section .single-column{
	border: solid 1px #d0d0d0;
    border-radius: 15px;
    padding: 20px 0 30px 0;
    margin: 10px;
    min-height: 230px;
}

</style></div>

HTML

<style>    }
        
        #app4legal-footer-copyright {
            background-color: #ffffff#2d83be;
            textmax-alignwidth: center1200px;
        }

 		#app4legal-footer li{
		   background line-colorheight: #2b72a31.2;
 		    margin: 10px 0;
		} 

       margin-top: 25px; #app4legal-footer-resources {
            paddingtext-align: 5pxcenter;
        }
    width: 100% !important;
  
        #app4legal-footer-resources  margin: 0px !important;ul {
        }

        #app4legal-footer-copyright p {list-style: none;
            displaywidth: inline100%;
        }
        
        @media screen and (max-width: 575px) {
            #app4legal-footer-resources ul li {
                widthtext-align: fit-contentleft;
                margin-rightbottom: auto10px;
                margin-left: auto;
    }
        }
            #app4legal-resources-list-containerfooter-resources ul a {
                widthtext-decoration: fit-contentnone;
                margincolor: auto#ffffff;
        }
    }
    
        #app4legal-footer-resources-title-containerdescription {
                margin-topcolor: 20px#ffffff;
            width:    margin-bottom: 20px100% !important;
        }
    }
    
        #app4legal-footer-resources-title-container div {
                widthheight: fit-content33px;
        }
    }
    
        #app4legal-footer-descriptionsocial {
                text-align: center;
            }margin-top: 20px;
        }
    width:  </style>
100% !important;
    <div id="app4legal-footer" class="container-fluid pt-5 p-0"> }
        <div id="app4legal-footer-description" class="row justify-content-center px-5">

        #app4legal-footer-social a {
      <div class="col-lg-5 col-xsm-5">
    text-decoration: none;
            <div>color: #ffffff;
            font-size: 22px;
       <img src="https://documentation.app4legal.com/download/attachments/83107096/app4legal_white_fit.png?api=v2" />     margin: 10px;
        }
        </div>

        #app4legal-footer-copyright {
       <div class="mt-4">
    color: #ffffff;
            text-align: center;
  App4Legal  is a complete practice management software for all legal practitionersbackground-color: #2b72a3;
            margin-top: 25px;
    </div>
        padding: 5px;
   </div>

         width: 100% !important;
   <div class="col-1">

        margin: 0px !important;
  </div>

      }

       <div id="app4legal#app4legal-footer-resources" class="col-lg-4 col-xsm-5">copyright p {
            display: inline;
    <div>
    }
        
        <ul class="p-0 list-inline d-inline-block mt-lg-0 mt-4">@media screen and (max-width: 575px) {
            #app4legal-footer-resources ul li {
         <div id="app4legal-footer-resources-title-container" class="row">
     width: fit-content;
                margin-right: auto;
     <div class="col-12 text-left m-auto p-0">         margin-left: auto;
            }
            #app4legal-resources-list-container {
       <b>Resources</b>
         width: fit-content;
                  </div>margin: auto;
            }
            </div>#app4legal-footer-resources-title-container {
                margin-top: 20px;
       <div id="app4legal-resources-list-container" class="row mt-lg-4 d-sm-flex d-block">
    margin-bottom: 20px;
            }
           <li class="col-sm-5 pr-0 col-xsm-5 d-sm-inline-block d-block">#app4legal-footer-resources-title-container div {
                width: fit-content;
               <i class="fas fa-info-circle"></i>}
            #app4legal-footer-description {
                   <a href="https://app4legal.com">About Us</a>text-align: center;
            }
        }
    </style>       </li>


<div id="app4legal-footer" class="container-fluid pt-5 p-0">
    <div id="app4legal-footer-description" class="row justify-content-center px-5">
                <li <div class="col-smlg-54 pr-0 col-xsm-5" d-sm-inline-block d-blockstyle="margin-bottom: 15px;">
            <div>
                <img style="width: 100%; max-width: 120px;"
                   <i classsrc="fas fa-clipboard-list"></i>
  https://www.lexzur.com/wp-content/uploads/2024/01/lexzur-logo-white.webp">
            </div>

            <div class="mt-4">
                 <div class="footer-social-media">
                    <ul style="display: inline;">
                        <li class="elementor-icon-list-item elementor-inline-item">
                            <a href="https://www.facebook.com/lexzurtech">

                                <span class="elementor-icon-list-icon">
                                    <i aria-hidden="true" class="fab fa-facebook-f"></i> </span>
                                <span class="elementor-icon-list-text"></span>
                            </a>
                        </li>
                        <li class="elementor-icon-list-item elementor-inline-item">
                            <a href="https://twitter.com/Lexzurtech">

                                <span class="elementor-icon-list-icon">
                                    <i aria-hidden="true" class="fab fa-twitter"></i> </span>
                                <span class="elementor-icon-list-text"></span>
                            </a>
                        </li>
                        <li class="elementor-icon-list-item elementor-inline-item">
                            <a href="https://www.linkedin.com/company/lexzur/">

                                <span class="elementor-icon-list-icon">
                                    <i aria-hidden="true" class="fab fa-linkedin"></i> </span>
                                <span class="elementor-icon-list-text"></span>
                            </a>
                        </li>
                        <li class="elementor-icon-list-item elementor-inline-item">
                            <a href="https://www.youtube.com/@lexzurtech">

                                <span class="elementor-icon-list-icon">
                                    <i aria-hidden="true" class="fab fa-youtube"></i> </span>
                                <span class="elementor-icon-list-text"></span>
                            </a>
                        </li>
                    </ul>
                </div> 
                 <style>
                    .footer-social-media li {
                        display: inline;
                        padding-inline-end: 15px !important;
                    }

                    .footer-social-media i {
                        font-size: 16px;
                    }
					@media only screen and (max-width: 575px) {
						.lexzur-footer-documentation {
 						   display: block !important;
						}
						.lexzur-footer-documentation div{
   							 margin-top:30px;
						}
					}       
				</style>
            </div>
        </div>

        <!-- <div <a hrefclass="https://documentation.app4legal.com/display/A4L/Release+Notes">Release Notes</a>col-1"></div> -->

                            </li>

<div class="col-lg-8 col-xsm-5 lexzur-footer-documentation" style="display:flex">
            <div style="flex:1;padding: 0 5px;"> <strong>Top Features</strong>
           <!--<li class="col-sm-5 pr-0 col-xsm-5 d-sm-inline-block d-block"> <ul>
                    <li><a href="https://documentation.lexzur.com/display/LEX/Corporate+Matters+Module"> Matter
          <i class="fas fa-scroll"></i>
                  Management</a> </li>
                    <a<li><a href="https://documentation.app4legallexzur.com/display/ALBD/Copy+of+Marketing?preview=%2F69338554%2F69338489%2FApp4Legal+Brochure+-+Law+Firms.pdf">Brochure</a>LEX/Litigation+Cases+Module"> Litigation
                            Management</a> </li>-->

                            <li class="col-sm-5 pr-0 col-xsm-5 d-sm-inline-block d-block">
   <li><a href="https://documentation.lexzur.com/display/LEX/Contra"> Contract Lifecycle Management</a>
                    </li>
         <i  class="fas fa-comments"></i>
        <li><a href="https://documentation.lexzur.com/display/LEX/Tasks+Module"> Task Management</a> </li>
                    <a<li><a href="https://app4legaldocumentation.lexzur.com/display/enLEX/company#contact">Contact Us<Billing+Module"> Financial Management</a>
                            </li>

                    <li><a href="https://documentation.lexzur.com/display/LEX/Time+Entries"> Time Tracking</a> </li>
    <li class="col-sm-5 pr-0 col-xsm-5 d-sm-inline-block d-block">
        </ul>
            </div>
            <i<div classstyle="fas fa-question-circle"></i>
flex:1;padding: 0 5px;"> <strong>Solutions</strong>
                <ul>
                     <a<li><a href="https://documentationwww.app4legal.com/display/A4L/App4Legal+-+Frequently+Asked+Questions">FAQ</a>
solutions/small-law-firms/"> Small Law Firms</a> </li>
                     <li><a href="https://www.app4legal.com/solutions/mid-sized-law-firms/"> Medium-size Law Firms</a> </li>
					 <li><a href="https://www.lexzur.com/solutions/large-law-firms/"> Large Law Firms</a>   </li>
                     <li><a href="https://www.app4legal.com/solutions/in-house-legal-teams/"> In-House Legal <Teams</a></div>li>
					                    <<li><a href="https://www.lexzur.com/solutions/">See all Solutions</a></li>
                </ul>
                </div>
            </div>
        </div>

<div style="flex:1;padding: 0 5px;"> <strong>Resources</strong>
        <div id="app4legal-footer-social" class="row px-5">
         <ul>
   <div class="col-12">
                <a<li><a href="https://www.facebooklexzur.com/app4legal"> About us</a> </li>
                    <i<li><a classhref="fab fa-facebook"></i>
        https://www.lexzur.com/training-sessions/"> Training Sessions</a> </li>
        </a>

                <a<li><a href="https://twitterdocumentation.lexzur.com/app4legaldisplay/LEX/FAQ"> FAQ</a> </li>
                </ul>
     <i class="fab fa-twitter"></i>
     </div>

               </a>div>

          <style>
      <a href="https://www.linkedin.com/company/app4legal">
     .lexzur-footer-documentation ul {
             <i  class="fab fa-linkedin"></i> list-style-type: none;
                </a>

padding: 0;
            }

        <a href="https://www.youtube.com/c/App4Legal">
       .lexzur-footer-documentation a {
                color: <i class="fab fa-youtube"></i>
white !important;
                 </a>font-size: 14px;
            </div>}
        </div>style>
    </div>  
</div>

    <div  <div id="app4legal-footer-copyright" class="row">
        <div class="col-12">
Copyright

Copyright

HTML
. All rights reserved. </div> </div>

Page tree

Versions Compared

Old Version 76

New Version Current

Key

Need More Help?

Video Tutorials

Contact Us