True excellence in Design

Own the unlimited power of the web development and design tool that will make your site stand out on the web.

              
                <!-- Hero Section -->
                <div class="border-bottom">
                  <div class="container text-center space-top-2 space-top-md-4 space-top-lg-3">
                    <div class="w-md-75 mx-md-auto mb-5">
                      <h1 class="display-4 font-size-md-down-5 font-weight-medium mb-3">True excellence in Design</h1>
                      <p class="lead">Own the unlimited power of the web development and design tool that will make your site stand out on the web.</p>
                    </div>

                    <div class="mb-9">
                      <!-- Fancybox -->
                      <a class="js-fancybox btn btn-outline-secondary btn-wide btn-pill transition-3d-hover mb-2 mb-sm-0 mr-sm-2" href="javascript:;"
                         data-src="//vimeo.com/167434033"
                         data-speed="700"
                         data-animate-in="zoomIn"
                         data-animate-out="zoomOut"
                         data-caption="Front - Responsive Website Template">
                        <small class="fas fa-play mr-2"></small>
                        Play Video
                      </a>
                      <!-- End Fancybox -->

                      <a class="btn btn-primary btn-wide btn-pill transition-3d-hover mb-2 mb-sm-0" href="https://themes.getbootstrap.com/product/front-multipurpose-responsive-template/" target="_blank">Buy Now</a>
                    </div>

                    <!-- Showcase Mockup -->
                    <figure id="SVGshowcaseMockup1" class="svg-preloader ie-showcase-mockup-1">
                      <img class="js-svg-injector" src="../../assets/svg/illustrations/showcase-mockup-1.svg" alt="Image Description"
                           data-img-paths='[
                             {"targetId": "#SVGshowcaseMockup1Img1", "newPath": "../../assets/img/755x470/img1.jpg"},
                             {"targetId": "#SVGshowcaseMockup1Img2", "newPath": "../../assets/img/300x360/img1.jpg"}
                           ]'
                           data-parent="#SVGshowcaseMockup1">
                    </figure>
                    <!-- End Showcase Mockup -->
                  </div>
                </div>
                <!-- End Hero Section -->

              
                <link rel="stylesheet" href="../../assets/vendor/fancybox/jquery.fancybox.css">

              
                <!-- JS Implementing Plugins -->
                <script src="../../assets/vendor/fancybox/jquery.fancybox.min.js"></script>
                <script src="../../assets/vendor/svg-injector/dist/svg-injector.min.js"></script>

                <!-- JS Front -->
                <script src="../../assets/js/components/hs.fancybox.js"></script>
                <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 popups
                    $.HSCore.components.HSPopup.init('.js-fancybox');
                  });
                </script>