Typed.js
Decorate your website with Typed.js is a library that types, allowing to showcase more texts in a sentence.
Typedjs documentationHow to use
Copy-paste the following <script>
near the end of your pages under JS Implementing Plugins to enable it.
<script src="../assets/vendor/typed.js/lib/typed.min.js"></script>
Copy-paste the following <script>
near the end of your pages under JS Implementing Plugins to enable it.
Copy-paste the init function under JS Plugins Init., before the closing </body>
tag, to enable it.
<script>
(function() {
// INITIALIZATION OF TEXT ANIMATION (TYPING)
// =======================================================
HSCore.components.HSTyped.init('.js-text-animation')
})()
</script>
Example
Your company will look
<p>
Your company will look
<span class="js-text-animation text-primary fw-semibold"
data-hs-typed-options='{
"strings": ["more professional.", "perfect in every way.", "astonishing."],
"typeSpeed": 60,
"loop": true,
"backSpeed": 25,
"backDelay": 1500
}'></span>
</p>