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