Styles And Scripts

In this section

• Module-1
  • How to use JavaScript and Styles in HBStack
    A comprehensive guide on how to use JavaScript and custom scripts in the hbstack framework, covering the assets folder structure and custom script implementation. And when to use the assets/hb folder structure.
  • JavaScript & Shortcodes in HBStack
    Hands-on examples of implementing JavaScript functionality in HBStack using Hugo shortcodes, including a working Hello World demonstration troubleshooting tips and real-world integration patterns.
• Module-2
  • HBStack & HugoMods Shortcodes Showcase
    A comprehensive showcase of all available shortcodes in HBStack and HugoMods frameworks, including Bootstrap components, extended media shortcodes, and modular features with examples and module import requirements.
  • AOS Animation Example in HBStack
    Demonstrates how to use AOS (Animate On Scroll) attributes in HBStack/Hugo content blocks, headings, and banners.
  • Image Test
    This document provides a guide on how to use images in the hbstack framework, including various methods of rendering images in markdown files.
  • Grid and Cards
    Learn how to create responsive grid layouts and card components using the HBStack framework.