High Envelope

Your business envelope design cues consumers into the personality of your company. Are you hip and trendy? Elegant and sophisticated? Front design and paper selection says it all!

HTML
JS

              
                <!-- Hero Section -->
                <div id="SVGbgElements3" class="svg-preloader container position-relative space-2 space-md-3">
                  <div class="w-md-80 w-lg-75 text-center mx-auto">
                    <h1 class="display-2 font-size-md-down-5 text-primary font-weight-semi-bold mb-4">High Envelope</h1>
                    <p class="lead mb-0">Your business envelope design cues consumers into the personality of your company.  Are you hip and trendy?  Elegant and sophisticated? Front design and paper selection says it all!</p>
                  </div>

                  <!-- SVG Element -->
                  <figure class="position-absolute top-0 left-0 right-0 w-100">
                    <img class="js-svg-injector" src="../../assets/svg/components/bg-elements-3.svg" alt="Image Description"
                         data-img-paths='[
                           {"targetId": "#SVGMainHeroImg1", "newPath": "../../assets/img/750x750/img2.jpg"}
                         ]'
                         data-parent="#SVGbgElements3">
                  </figure>
                  <!-- End SVG Element -->
                </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>

                <!-- JS Plugins Init. -->
                <script>
                  $(window).on('load', function () {
                    // initialization of svg injector module
                    $.HSCore.components.HSSVGIngector.init('.js-svg-injector');
                  });
                </script>