<!-- Hero Section -->
<div id="SVGHero" class="svg-preloader position-relative bg-img-hero" style="background-image: url(../../assets/img/1920x1080/img51.jpg);">
<div class="container space-top-2 space-bottom-3 space-md-3 space-bottom-lg-4">
<div class="w-md-65 w-lg-50">
<h1>You're in good company.</h1>
<h2 class="h1 text-primary font-weight-medium">Join millions of businesses on Front.</h2>
</div>
</div>
<!-- SVG Background -->
<figure class="position-absolute right-0 bottom-0 left-0">
<img class="js-svg-injector" src="../../assets/svg/components/wave-9-bottom.svg" alt="Image Description"
data-parent="#SVGHero">
</figure>
<!-- End SVG Background -->
</div>
<!-- End Hero Section -->
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/svg-injector/dist/svg-injector.min.js"></script>
<!-- JS Front -->
<script src="../../assets/js/components/hs.svg-injector.js"></script>
<script src="../../assets/js/components/hs.focus-state.js"></script>
<!-- JS Plugins Init. -->
<script>
$(window).on('load', function () {
// initialization of svg injector module
$.HSCore.components.HSSVGIngector.init('.js-svg-injector');
});
$(document).on('ready', function () {
// initialization of forms
$.HSCore.components.HSFocusState.init();
});
</script>