# 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.

- HTML
- CSS
- JS

                    <!-- 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>