## Implementation Context - **Primary**: Use **SenangStart CSS** for the implementation. - **Reference**: Tailwind CSS is provided for stylistic context only. ## SenangStart CSS Usage To use SenangStart CSS, simply include the script in your HTML ``: ```html My App

Hello SenangStart!

Zero config, instant styling.

``` **Documentation**: [Getting Started Guide](https://bookklik-technologies.github.io/senangstart-css/guide/getting-started.html) # Sub Headings Category: typography Description: Sub Headings ## SenangStart CSS Code ```html <h1 visual="text-size:giant tw-lg:text-size:giga capitalize font:tw-semibold text:gray-700"> Sub Heading H1 </h1> <h2 visual="text-size:grand tw-lg:text-size:mega capitalize font:tw-semibold text:gray-700"> Sub Heading H2 </h2> <h3 visual="text-size:huge tw-lg:text-size:giant capitalize font:tw-semibold text:gray-700"> Sub Heading H3 </h3> <h4 visual="text-size:big tw-lg:text-size:huge capitalize font:tw-semibold text:gray-700"> Sub Heading H4 </h4> <h5 visual="text-size:large tw-lg:text-size:big capitalize font:tw-semibold text:gray-700"> Sub Heading H5 </h5> <h6 visual="text-size:base tw-lg:text-size:large capitalize font:tw-semibold text:gray-700"> Sub Heading H6 </h6> ``` ## Tailwind CSS Code ```html <h1 class="text-4xl lg:text-7xl capitalize font-semibold text-gray-700"> Sub Heading H1 </h1> <h2 class="text-3xl lg:text-6xl capitalize font-semibold text-gray-700"> Sub Heading H2 </h2> <h3 class="text-2xl lg:text-4xl capitalize font-semibold text-gray-700"> Sub Heading H3 </h3> <h4 class="text-xl lg:text-2xl capitalize font-semibold text-gray-700"> Sub Heading H4 </h4> <h5 class="text-lg lg:text-xl capitalize font-semibold text-gray-700"> Sub Heading H5 </h5> <h6 class="text-base lg:text-lg capitalize font-semibold text-gray-700"> Sub Heading H6 </h6> ```