Experience a level of our quality in both design & customization works.
Win one of our Front brand T-shirts.
Our solution is unique as it is accessible by iOS, Android, Windows and Mac in a cross-platform system.
<!-- Multi-Platform Accessible --> <div id="SVGcrossPlatformHero" class="svg-preloader gradient-half-primary-v1 overflow-hidden"> <div class="container space-2 space-md-3"> <div class="row"> <div class="col-lg-5"> <!-- Title --> <div class="pr-md-4 mb-7"> <span class="btn btn-lg btn-icon btn-white text-primary rounded-circle mb-4"> <span class="fas fa-mobile-alt btn-icon__inner"></span> </span> <h2 class="text-white font-weight-semi-bold">Multi-platform <span class="text-warning">accessible</span></h2> <p class="text-white-70">Our solution is unique as it is accessible by iOS, Android, Windows and Mac in a cross-platform system.</p> </div> <!-- End Title --> <h3 class="h6 text-white">Download for:</h3> <!-- Download Buttons --> <div class="row mx-gutters-2"> <div class="col-sm-6 col-md-4 col-lg-5 mb-3"> <button type="button" class="btn btn-block btn-warning transition-3d-hover"> <span class="fab fa-apple mr-2"></span> iOS </button> </div> <div class="col-sm-6 col-md-4 col-lg-5 mb-3"> <button type="button" class="btn btn-block text-primary btn-white transition-3d-hover"> <span class="fab fa-windows mr-2"></span> Windows </button> </div> </div> <!-- End Download Buttons --> <!-- Download Buttons --> <div class="row mx-gutters-2"> <div class="col-sm-6 col-md-4 col-lg-5 mb-3"> <button type="button" class="btn btn-block text-primary btn-white transition-3d-hover"> <span class="fab fa-android mr-2"></span> Android </button> </div> <div class="col-sm-6 col-md-4 col-lg-5 mb-3"> <button type="button" class="btn btn-block text-primary btn-white transition-3d-hover"> <span class="fab fa-apple mr-2"></span> Mac </button> </div> </div> <!-- End Download Buttons --> </div> </div> <!-- Mockup Devices v4 --> <div class="u-devices-v4"> <div class="d-none d-lg-flex flex-lg-wrap u-devices-v4__content"> <!-- SVG Horizontal Tablet Mockup --> <div class="align-self-end u-devices-v4__tablet-ver mb-4"> <div class="u-devices-v4__tablet-svg"> <figure class="ie-devices-v4-tablet-horizontal"> <img class="js-svg-injector" src="../../assets/svg/components/tablet-horizontal.svg" alt="Image Description" data-img-paths='[ {"targetId": "#SVGhorizontalTabletImg1", "newPath": "../../assets/img/711x533/img1.jpg"} ]' data-parent="#SVGcrossPlatformHero"> </figure> </div> </div> <!-- End SVG Horizontal Tablet Mockup --> <!-- SVG Vertical Tablet Mockup --> <div class="u-devices-v4__tablet mb-4"> <div class="u-devices-v4__tablet-svg"> <figure class="ie-devices-v4-tablet"> <img class="js-svg-injector" src="../../assets/svg/components/tablet.svg" alt="Image Description" data-img-paths='[ {"targetId": "#SVGtabletImg1", "newPath": "../../assets/img/533x711/img4.jpg"} ]' data-parent="#SVGcrossPlatformHero"> </figure> </div> </div> <!-- End SVG Vertical Tablet Mockup --> <!-- SVG Laptop Mockup --> <div class="u-devices-v4__laptop"> <figure class="ie-devices-v4-laptop"> <img class="js-svg-injector" src="../../assets/svg/components/laptop.svg" alt="Image Description" data-img-paths='[ {"targetId": "#SVGlaptopImg1", "newPath": "../../assets/img/1618x1010/img1.jpg"} ]' data-parent="#SVGcrossPlatformHero"> </figure> </div> <!-- SVG Laptop Mockup --> <!-- SVG Phone Mockup --> <div class="align-self-start u-devices-v4__phone"> <div class="u-devices-v4__phone-svg"> <figure class="ie-devices-v4-iphone"> <img class="js-svg-injector" src="../../assets/svg/components/iphone.svg" alt="Image Description" data-img-paths='[ {"targetId": "#SVGiphoneImg1", "newPath": "../../assets/img/282x500/img7.jpg"} ]' data-parent="#SVGcrossPlatformHero"> </figure> </div> </div> <!-- End SVG Phone Mockup --> </div> <!-- End Mockup Devices v4 --> </div> </div> </div> <!-- End Multi-Platform Accessible -->
<!-- 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>