<style>
.card-grid-wrapper-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 10px;
}
.card-grid-wrapper-container .card {
width: calc(33.33% - 20px);
background-color: #f6f6f6;
margin-bottom: 20px;
padding: 10px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
.card-grid-wrapper-container .card-image {
max-width: 50px;
}
.card-grid-wrapper-container .card-title {
font-weight: 600;
margin-top: 10px;
}
.card-grid-wrapper-container .card-description {
color: #888888;
margin-top: 5px;
line-height: 1;
font-size: 14px;
}
@media (max-width: 1000px) {
.card-grid-wrapper-container .card {
width: 100%;
}
</style>
<div class="card-grid-wrapper-container">
<div class="app4legal-layer-title"><h1>Featured Products</h1></div><br>
<div class="card-grid-wrapper-container">
<div class="card">
<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/">Getting Started</a></h4>
<p class="card-description">Setup and get started with your App4Legal Account</p>
</div>
<div class="card">
<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">Matters</a></h4>
<p class="card-description">Create, edit, and manage corporate matters</p>
</div>
<div class="card">
<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">Cases</a></h4>
<p class="card-description">Create, edit, and manage litigation cases</p>
</div>
<div class="card">
<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 class="card">
<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 class="card">
<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 class="card">
<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 class="card">
<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 class="card">
<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 class="card">
<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 class="card">
<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 class="card">
<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> |