Bring your legal practice to the next level

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