Style Guide - Headers
Page Titles
Standard Page Title
Page Titles are used to describe the main focus of the page. They should typically be the only <h1>
element on the page.
Coding standards for page titles on AutoZonePro.com are as follows:
-
add
#pageHeader
id to a wrapping<div>
element -
place
<h1>Page Title</h1>
inside wrapping element -
Page Titles are formatted with
Title Case
(not UPPER CASE)
<div id="pageHeader">
<h1>Page Title</h1>
</div>
Correct Usage
Page Title
Incorrect Usage
PAGE TITLE
MyShop Page Title
Page Titles are used to describe the main focus of the page. The MyShop page title should only appear on the MyShop page.
Coding standards for page titles on AutoZonePro.com are as follows:
-
add
#pageHeader
id and.myShop
class to a wrapping<div>
element -
place
<h1>My Shop</h1>
inside wrapping element
<div id="pageHeader" class="myShop">
<h1>My Shop</h1>
</div>
myShop
Section Headers
Section Headers are used to visualy display a break in content. They should generally follow these styling rules:
Coding standards for section headers on AutoZonePro.com are as follows:
-
add
.sectionHeader
class to a wrapping<div>
element -
place
<h3>Section Header</h3>
inside wrapping element
<div class="sectionHeader">
<h3>Section Header</h3>
</div>
section-header
Salvia DIY dolore, gochujang deserunt officia sapiente plaid. Quinoa readymade et, authentic flexitarian duis scenester occupy drinking vinegar asymmetrical squid man braid. Normcore authentic thundercats messenger bag, four dollar toast exercitation cronut tilde migas deserunt green juice echo park retro synth sustainable. Everyday carry tousled banh mi, YOLO flexitarian austin cronut exercitation 8-bit portland pariatur occaecat hoodie XOXO. Blog ad ex accusamus, fixie hella small batch squid proident chillwave distillery qui enim. Man bun kale chips duis pickled viral yr, eiusmod nisi cupidatat. Tacos mollit assumenda cray small batch franzen lo-fi cold-pressed, gochujang exercitation knausgaard tumblr dreamcatcher.
In pickled cray laboris, poutine pinterest cliche. Dolor normcore adipisicing, laboris cliche cred dreamcatcher poutine. Man bun green juice banh mi authentic. Actually four loko four dollar toast nulla chia viral direct trade, listicle mixtape kale chips man braid food truck. Trust fund four loko cliche, bespoke street art squid mlkshk cold-pressed chillwave ad jean shorts williamsburg kickstarter selfies kinfolk. Mlkshk pug banh mi locavore ut, cornhole kinfolk do occaecat. Small batch kale chips brooklyn 90's pickled, drinking vinegar laborum etsy truffaut gastropub portland anim.