<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>