Improve & boost your services

Front provides all kinds of services and will help your audience grow through all platforms.

SVG Illustration
Image Description
<!-- Hero Section -->
<div id="SVGpricingHero" class="svg-preloader position-relative gradient-half-primary-v1">
  <div class="container space-2 space-lg-0">
    <div class="row justify-content-lg-between align-items-lg-center">
      <div class="col-lg-5 mb-7 mb-lg-0">
        <!-- Info -->
        <h1 class="display-4 font-size-md-down-5 text-white font-weight-semi-bold"><span class="text-warning">Improve</span> & boost your services</h1>
        <p class="text-white-70">Front provides all kinds of services and will help your audience grow through all platforms.</p>
        <!-- End Info -->
      </div>

      <div class="col-lg-6 d-none d-lg-inline-block">
        <!-- SVG Icon -->
        <figure class="ie-knowledgebase-community-2">
          <img class="js-svg-injector" src="../../assets/svg/illustrations/knowledgebase-community.svg" alt="SVG Illustration"
               data-parent="#SVGpricingHero">
        </figure>
        <!-- End SVG Icon -->
      </div>
    </div>
  </div>

  <!-- SVG Bottom Shape -->
  <figure class="position-absolute right-0 bottom-0 left-0">
    <img class="js-svg-injector" src="../../assets/svg/components/curved-1-lg.svg" alt="Image Description"
         data-parent="#SVGpricingHero">
  </figure>
  <!-- End SVG Bottom Shape -->
</div>
<!-- End Hero Section -->
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/svg-injector/dist/svg-injector.min.js"></script>

<!-- JS Implementing Plugins -->
<script src="../../assets/js/components/hs.svg-injector.js"></script>

<!-- JS Plugins Init. -->
<script>
  $(document).on('ready', function () {
    // initialization of svg injector module
    $.HSCore.components.HSSVGIngector.init('.js-svg-injector');
  });
</script>