We are a
full stack web agency

As well as being game-changers when it comes to theme innovation, HS has some of the bestselling themes in its locker.

              
                <!-- Hero Section -->
                <div class="container space-top-3 space-top-md-5 space-top-lg-4 space-bottom-1 space-bottom-sm-2">
                  <div class="w-lg-75">
                    <h1 class="display-3 font-size-md-down-5 font-weight-bold mb-5">
                      We are a
                      <span class="text-warning">
                        <strong class="u-text-animation u-text-animation--typing"></strong>
                      </span>
                      <br>
                      full stack web agency
                    </h1>
                    <p class="lead font-weight-normal">As well as being game-changers when it comes to theme innovation, HS has some of the bestselling themes in its locker.</p>
                  </div>
                </div>
                <!-- End Hero Section -->

                <!-- Video Section -->
                <div class="container-fluid px-lg-5">
                  <div class="dzsparallaxer auto-init height-is-based-on-content use-loading mode-scroll min-height-600" data-options='{direction: "normal"}'>
                    <div class="dzsparallaxer--target" style="height: 130%; background-color: #000; background-image: url(../../assets/include/media/html5-video/computer-guy/computer-guy.jpg);"
                         data-forcewidth_ratio="1.77">
                      <div class="js-bg-video position-absolute top-0 right-0 bottom-0 left-0 w-100 h-100"
                           data-hs-bgv-path="../../assets/include/media/html5-video/computer-guy/computer-guy"
                           data-hs-bgv-loop="1"></div>
                    </div>
                  </div>
                </div>
                <!-- End Video Section -->
              
            
              
                <link rel="stylesheet" href="../../assets/vendor/dzsparallaxer/dzsparallaxer.css">
              
            
              
                <!-- JS Implementing Plugins -->
                <script src="../../assets/vendor/dzsparallaxer/dzsparallaxer.js"></script>
                <script src="../../assets/vendor/typed.js/lib/typed.min.js"></script>

                <!-- JS Plugins Init. -->
                <script>
                  $(document).on('ready', function () {
                    // initialization of text animation (typing)
                    var typed = new Typed(".u-text-animation.u-text-animation--typing", {
                      strings: ["modern", "creative", "professional"],
                      typeSpeed: 70,
                      loop: true,
                      backSpeed: 40,
                      backDelay: 2000
                    });
                  });
                </script>