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>