Source: dist/css/acc_boot.css, line 15713

4.1.3.2 Page Title Treatment

MicroSite Page Title Treatment component is used to style and emphasize page titles.

Example s

Modifier: font-color

This modifier class is used to customize the font color of the page title.

Hero Statement Mision of the Page

NOTE:

The Page Title Treatment component is ideal for styling and emphasizing page titles. The "font-color" modifier can be applied to customize the font color of the page title. This component is commonly used in MicroSites to provide a special impact and lightly brand them as a contained experience.

<h1 data-item="hero-title"
  class="[modifier class] c_white isolation_isolate relative">
  <span class="text">Hero</span>
  <span class="text">Statement</span>
  <span class="text">Mision</span>
  <span class="text">of </span>
  <span class="text">the</span>
  <span class="text">Page</span>
</h1>

<h1 data-item="hero-title"
  class="[modifier class] c_white isolation_isolate relative">
  <span class="text">Hero</span>
  <span class="text">Statement</span>
  <span class="text">Mision</span>
  <span class="text">of </span>
  <span class="text">the</span>
  <span class="text">Page</span>
</h1>

Code Sample

Copy Code