Building brands people can't live without is how our clients grow.
<!-- Hero Section --> <div id="SVGGraphicIllustration1" class="svg-preloader d-lg-flex align-items-lg-center gradient-half-primary-v1 height-lg-100vh"> <div class="d-none d-lg-block bg-img-hero position-absolute top-0 right-0 left-0 height-lg-100vh" style="background-image: url(../../assets/img/bg-shapes/bg1.png);"></div> <div class="container space-top-3 space-bottom-2 space-top-md-4 space-bottom-md-3"> <div class="row align-items-md-center"> <div class="col-lg-6"> <!-- Title --> <div class="mb-7"> <h1 class="text-white font-weight-normal"> We help<br> <span class="text-warning"> <span class="u-text-animation u-text-animation--typing"></span> </span> </h1> <p class="lead text-white-70">Building brands people can't live without is how our clients grow.</p> </div> <!-- End Title --> <a class="btn btn-white btn-wide text-primary transition-3d-hover" href="../pages/hire-us.html">Hire Us</a> </div> <div class="col-lg-6 d-none d-lg-inline-block"> <!-- SVG Shapes --> <figure class="ie-graphic-illustration-1"> <img class="js-svg-injector" src="../../assets/svg/illustrations/graphic-illustration-1.svg" alt="Image Description" data-img-paths='[ {"targetId": "#SVGgraphicIllustration1Img1", "newPath": "../../assets/img/100x100/img1.jpg"}, {"targetId": "#SVGgraphicIllustration1Img2", "newPath": "../../assets/img/100x100/img2.jpg"}, {"targetId": "#SVGgraphicIllustration1Img3", "newPath": "../../assets/img/160x160/img14.png"}, {"targetId": "#SVGgraphicIllustration1Img4", "newPath": "../../assets/img/160x160/img18.png"}, {"targetId": "#SVGgraphicIllustration1Img5", "newPath": "../../assets/img/160x160/img13.png"} ]' data-parent="#SVGGraphicIllustration1"> </figure> <!-- End SVG Shapes --> </div> </div> </div> </div> <!-- End Hero Section -->
<!-- JS Implementing Plugins --> <script src="../../assets/vendor/svg-injector/dist/svg-injector.min.js"></script> <script src="../../assets/vendor/typed.js/lib/typed.min.js"></script> <!-- JS Front --> <script src="../../assets/js/components/hs.svg-injector.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 text animation (typing) var typed = new Typed(".u-text-animation.u-text-animation--typing", { strings: ["building brands.", "dealing with complexity.", "win more business."], typeSpeed: 60, loop: true, backSpeed: 25, backDelay: 1500 }); }); </script>