Device friendly features

Your website is fully responsive so visitors can view your content from their choice of device.

Image Description
Image Description
Image Description 
              
                <!-- 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>