HTML Snippets: Headings

HTML Snippets provide ready-to-use code for creating custom, modern HTML pages within the Learning Platform. This article focuses on snippets specifically designed for Hero Sections.

In this article:
What are Heading sections?
Instructions
HTML Snippet
Additional Resources

What are Heading sections?

Heading Sections are designed to introduce and organize key content on your HTML page. They often include prominent titles, subtitles, and supporting text to set context and guide learners through the page's content.

Instructions

1. Copy the provided Stylesheet into your custom HTML page.
2. Choose a Heading Section from the options below.
3. Follow the instructions provided with each Heading Section to customize text, font styles, and alignment.
4. In your LMS HTML page code, use Ctrl+F to search for the keyword specified in the selected Heading Section snippet.
5. Use Heading Sections strategically to introduce key topics and improve content clarity on your Learning Platform page.

HTML Snippets - Heading Sections

Plain

<!-- PLAIN -->
<div class="row clearfix margin45">
<div class="column full">
<h2>Where To?</h2>
</div>
</div>

Full Border

<!-- FULL BORDER -->
<div class="row clearfix margin45">
<div class="column full">
<h2 class="borderedhfull">Browse by Type</h2>
</div>
</div>

Full Border Rounded

<!-- FULL BORDER ROUNDED-->
<div class="row clearfix margin45">
<div class="column full">
<h2 class="borderedhfull rounded">Browse by Type</h2>
</div>
</div>

Bottom/Left Tab Border

<!-- BOTTOM/LEFT TAB BORDER -->
<div class="row clearfix margin45">
<div class="column full">
<h2 class="borderedh">Browse by Type</h2>
</div>
</div>

Bottom/Left Tab Border Rounded

<!-- BOTTOM/LEFT TAB BORDER ROUNDED -->
<div class="row clearfix margin45">
<div class="col s12">
<h2 class="borderedh rounded">Browse by Type</h2>
</div>
</div>

---

Additional Resources

For additional HTML Snippets, see the articles below:

HTML Snippets: Content Section Rounded
HTML Snippets: Hero Sections
HTML Snippets: Content Section Flat