Child pages
  • Lexzur: The Best Way to Manage Your Legal Team




Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Content Layer
background-color$whiteColor
id573430623
Content Column
width100%
id573430624
Content Block
id573430625
HTML
<div class="app4legal-layer-title"><h1>Featured Products</h1></div><br>

<div class="card-grid-wrapper-container">

    <div class="card">
	 <div>
      <img class="card-image" src="https://documentation.app4legal.com/download/attachments/17176871/get-started.png" alt="Getting Started">
      	<h4 class="card-title"><a href="https://documentation.app4legal.com/x/XSzzBQ">Getting Started</a></h4>
      <p class="card-description">Setup and get started with your App4Legal Account</p>
	 </div>
    </div>
    <div class="card">
	 <div>
      <img class="card-image" src="https://documentation.app4legal.com/download/attachments/17176871/matters.png" alt="Matters">
      	<h4 class="card-title"><a href="https://documentation.app4legal.com/display/A4L/Corporate+Matters+Module">Corporate Matters</a></h4>
      <p class="card-description">Create, edit, and manage corporate matters</p>
	 </div>
    </div>
    <div class="card">
	 <div>
      <img class="card-image" src="https://documentation.app4legal.com/download/attachments/17176871/cases.png" alt="Cases">
      	<h4 class="card-title"><a href="https://documentation.app4legal.com/display/A4L/Litigation+Cases+Module">Litigation Cases</a></h4>
      <p class="card-description">Create, edit, and manage litigation cases</p>
	 </div>
    </div>

    <div class="card">
	 <div>
      <img class="card-image" src="https://documentation.app4legal.com/download/attachments/17176871/Billing.png" alt="Billing">
      	<h4 class="card-title"><a href="https://documentation.app4legal.com/display/A4L/Money+Module+Basics">Billing</a></h4>
      <p class="card-description">Generate, share, and customize Invoices, Bills, and manage financial accounts</p>
	 </div>
    </div>
    <div class="card">
	 <div>
      <img class="card-image" src="https://documentation.app4legal.com/download/attachments/17176871/contra.png" alt="Contra">
      	<h4 class="card-title"><a href="https://documentation.app4legal.com/display/A4L/Contra">Contra</a></h4>
      <p class="card-description">Draft, Review, collaborate and manage the whole contract lifecycle</p>
	 </div>
    </div>
    <div class="card">
	 <div>
      <img class="card-image" src="https://documentation.app4legal.com/download/attachments/17176871/report.png" alt="Reports">
      	<h4 class="card-title"><a href="https://documentation.app4legal.com/pages/viewpage.action?pageId=83102183">Reports</a></h4>
      <p class="card-description">Track deliverables and team's performance</p>
	 </div>
    </div>

    <div class="card">
	 <div>
      <img class="card-image" src="https://documentation.app4legal.com/download/attachments/17176871/integrations.png" alt="Integrations">
      	<h4 class="card-title"><a href="https://documentation.app4legal.com/pages/viewpage.action?pageId=99817327">Integrations</a></h4>
      <p class="card-description">Connect App4Legal with the most popular apps</p>
	 </div>
    </div>
    <div class="card">
	 <div>
      <img class="card-image" src="https://documentation.app4legal.com/download/attachments/17176871/client.png" alt="Client Portal">
      	<h4 class="card-title"><a href="https://documentation.app4legal.com/display/A4L/App4Legal+Client+Portal">Client Portal</a></h4>
      <p class="card-description">Connect and communicate with your clients from your branded portal</p>
	 </div>
    </div>
    <div class="card">
	 <div>
      <img class="card-image" src="https://documentation.app4legal.com/download/attachments/17176871/advisor.png" alt="Advisor Portal">
      	<h4 class="card-title"><a href="https://documentation.app4legal.com/display/A4L/App4Legal+Advisor+Portal">Advisor Portal</a></h4>
      <p class="card-description">Streamline purposeful collaborations with external advisors</p>
	 </div>
    </div>

    <div class="card">
	 <div>
		<img class="card-image" src="https://documentation.app4legal.com/download/attachments/17176871/faq.png" alt="FAQ">
      	<h4 class="card-title"><a href="https://documentation.app4legal.com/display/A4L/FAQ">FAQ</a></h4>
      <p class="card-description">Get answers to all your questions</p>
	 </div>
    </div>
    <div class="card">
	 <div>
		<img class="card-image" src="https://documentation.app4legal.com/download/attachments/17176871/settings.png" alt="App Settings">
      	<h4 class="card-title"><a href="https://documentation.app4legal.com/display/A4L/Settings">App Settings</a></h4>
      <p class="card-description">Customize the behavior, appearance, and functionality of the system based on your needs.</p>
	 </div>
    </div>
    <div class="card">
	 <div>
		<img class="card-image" src="https://documentation.app4legal.com/download/attachments/17176871/mobile.png" alt="Mobile App">
      	<h4 class="card-title"><a href="https://documentation.app4legal.com/display/A4L/A4L+Mobile+App">Mobile App</a></h4>
      <p class="card-description">Create, access, and manage matters from wherever you are through a mobile app.</p>
	 </div>
    </div>

  </div>
Content Layer
background-color#F8FAFC
id618235508
Content Column
width100%
id618235509
Content Block
background-color#F8FAFC
id618235510
HTML
<div style="text-align: center;"><h2>Need More Help?</h2></div>
<div class="dual-columns standard-dual-section contact-us-section">
    <div class="left-column single-column">
	  <i class="fas fa-video"></i>
      <h3 class="blue-text">Video Tutorials</h3>
      <p>Learn new skills through our comprehensive video tutorials.</p>
	  <br>
	  <a href="https://www.youtube.com/@App4Legal/playlists">Watch Now</a>
    </div>
    <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 team.</p>
	  <br>
	  <a href="mailto:help@app4legal.com">Get in Touch</a>
    </div>
</div>
HTML
<style>
.contact-us-section{
	text-align:center;
}

.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;
    border-radius: 50px;
    font-weight: 500;
}

@media (min-width: 900px) {
    .contact-us-section {
        padding: 30px 0px !important;
    }
}

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

</style>