Experience a level of our quality in both design & customization works.
Win one of our Front brand T-shirts.
Your website is fully responsive so visitors can view your content from their choice of device.
<!-- Devices v2 Section --> <div id="SVGSubscribe" class="svg-preloader bg-primary u-devices-v2"> <div class="container space-2 space-md-3 position-relative z-index-2"> <!-- Title --> <div class="w-md-80 w-lg-50 text-center mx-md-auto"> <span class="btn btn-lg btn-icon btn-white rounded-circle mb-4"> <span class="fas fa-paper-plane text-primary btn-icon__inner"></span> </span> <h2 class="h1 text-white">Device <span class="font-weight-semi-bold">friendly</span> features</h2> <p class="lead text-white-70 mb-0">Your website is fully responsive so visitors can view your content from their choice of device.</p> </div> <!-- End Title --> </div> <!-- Devices v2 --> <div class="d-none d-lg-block"> <!-- SVG Tablet Mockup --> <div class="u-devices-v2__tablet"> <div class="w-75 u-devices-v2__tablet-svg"> <figure class="ie-devices-v2-tablet"> <img class="js-svg-injector" src="../../assets/svg/components/tablet.svg" alt="Image Description" data-img-paths='[ {"targetId": "#SVGtabletImg1", "newPath": "../../assets/img/533x711/img1.jpg"} ]' data-parent="#SVGSubscribe"> </figure> </div> </div> <!-- End SVG Tablet Mockup --> <!-- SVG Phone Mockup --> <div class="u-devices-v2__phone"> <div class="w-75 u-devices-v2__phone-svg"> <figure class="ie-devices-v2-iphone"> <img class="js-svg-injector" src="../../assets/svg/components/iphone.svg" alt="Image Description" data-img-paths='[ {"targetId": "#SVGiphoneImg1", "newPath": "../../assets/img/282x500/img1.jpg"} ]' data-parent="#SVGSubscribe"> </figure> </div> </div> <!-- End SVG Phone Mockup --> </div> <!-- End Devices v2 --> <!-- SVG Background Shape --> <figure class="w-100 content-centered-y position-absolute right-0 bottom-0"> <img class="js-svg-injector" src="../../assets/svg/components/process-pointer-1.svg" alt="Image Description" data-parent="#SVGSubscribe"> </figure> <!-- End SVG Background Shape --> </div> <!-- End Devices v2 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> <!-- JS Plugins Init. --> <script> $(window).on('load', function () { // initialization of svg injector module $.HSCore.components.HSSVGIngector.init('.js-svg-injector'); }); </script>