HTML:
<!-- Hero Section -->
<div class="gradient-overlay-half-purple-v1 bg-img-hero-center" style="background-image: url(../../assets/img/1920x1080/img31.jpg);">
<!-- Info -->
<div class="container text-center space-2 space-3--lg">
<div class="w-lg-75 mx-lg-auto">
<h1 class="text-white font-weight-medium">Bring your legal practice to the next level</h1>
</div>
<div class="w-md-75 w-lg-50 mx-md-auto">
<div class="mb-5">
<p class="lead text-light">Space is the leading online template platform helping over 35,500 customers.</p>
</div>
<a class="btn btn-outline-light btn-wide mb-2 mb-md-0" href="https://themes.getbootstrap.com/product/space-multipurpose-responsive-template/">
Learn More
<span class="fa fa-angle-right ml-2"></span>
</a>
</div>
</div>
<!-- End Info -->
<div class="container-fluid space-2-bottom">
<div class="px-lg-9">
<!-- Icon Blocks -->
<div class="row">
<div class="col-sm-8 col-md-6 col-lg-4 offset-sm-2 offset-md-3 offset-lg-0 mb-7 mb-lg-0">
<!-- Icon Blocks -->
<div class="media align-items-center">
<img class="max-width-10 mr-3" src="../../assets/svg/components/teaching-white-icon.svg" alt="Image Description">
<div class="media-body">
<h2 class="h4 text-white">Learn from the best</h2>
<p class="text-light mb-0">Manage document assembly with sophisticated yet super-light templates.</p>
</div>
</div>
<!-- End Icon Blocks -->
</div>
<div class="col-sm-6 col-lg-4 mb-7 mb-sm-0">
<!-- Icon Blocks -->
<div class="media align-items-center">
<img class="max-width-10 mr-3" src="../../assets/svg/components/mountains-white-icon.svg" alt="Image Description">
<div class="media-body">
<h3 class="h4 text-white">Conquer</h3>
<p class="text-light mb-0">Achieve virtually any look and layout from within the one template.</p>
</div>
</div>
<!-- End Icon Blocks -->
</div>
<div class="col-sm-6 col-lg-4">
<!-- Icon Blocks -->
<div class="media align-items-center">
<img class="max-width-10 mr-3" src="../../assets/svg/components/get-rewarded-white-icon.svg" alt="Image Description">
<div class="media-body">
<h3 class="h4 text-white">Get rewarded</h3>
<p class="text-light mb-0">Find what you need in one template and combine features at will.</p>
</div>
</div>
<!-- End Icon Blocks -->
</div>
</div>
<!-- End Icon Blocks -->
</div>
</div>
</div>
<!-- End Hero Section -->