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 -->
<div class="container content-space-t-4 content-space-b-1 content-space-b-sm-2">
<div class="w-lg-75">
<h1 class="display-3 mb-5">
We are a
<span class="text-primary text-highlight-warning">
<span class="js-typedjs"
data-hs-typed-options='{
"strings": ["modern", "creative", "professional"],
"typeSpeed": 70,
"loop": true,
"backSpeed": 40,
"backDelay": 2000
}'></span>
</span>
<br>
full stack web agency
</h1>
<p class="lead">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 -->
<!-- Video Background -->
<div class="container-fluid px-lg-5">
<div class="video-bg">
<div class="js-video-bg video-bg-content"
data-hs-video-bg-options='{
"videoId": "../assets/video/working-in-office"
}'></div>
<div class="video-bg-replacer-img" style="background-image: url(../assets/video/working-in-office.jpg);"></div>
</div>
</div>
<!-- End Video Background -->
<link rel="stylesheet" href="../assets/vendor/hs-video-bg/dist/hs-video-bg.min.css">
<!-- JS Implementing Plugins -->
<script src="../node_modules/typed.js/lib/typed.min.js"></script>
<script src="../assets/vendor/hs-video-bg/dist/hs-video-bg.min.js"></script>
<!-- JS Front -->
<script src="../assets/js/hs.typed.js"></script>
<!-- JS Plugins Init. -->
<script>
(function() {
// INITIALIZATION OF TEXT ANIMATION (TYPING)
// =======================================================
HSCore.components.HSTyped.init('.js-typedjs')
// INITIALIZATION OF VIDEO BG
// =======================================================
document.querySelectorAll('.js-video-bg').forEach(item=> {
new HSVideoBg(item).init()
})
})()
</script>