A basic container for layouts. Background: gr-10 (#FFFFFF)
Text: gr-02 (#494D4F) Background: pr-95 (#F1FCE6)
Text: gr-02 (#494D4F) Background: pr-03 (#418609)
Text: gr-10 (#FFFFFF) Background: pr-95 (#F1FCE6)
Text: gr-02 (#494D4F) Background: gr-10 (#FFFFFF)
Text: gr-02 (#494D4F) Background: gr-95 (#F8F8F8)
Text: gr-02 (#494D4F) Background: gr-02 (#494D4F)
Text: gr-10 (#FFFFFF) Background: gr-95 (#F8F8F8)
Text: gr-02 (#494D4F) Inherit's the page's theme. Background styles follow parent theme's. Simplifies the styling process by following a parent page's style. Sets the maximum width of section content. Full screen width 768 px 1200 px 1024 px 960 px Adds spacing to top and bottom of section. Larger headings and content groups use larger padding sizes. Left and right padding are a constant (20px). 20px 40px 60px Adds a full-width grey horizontal line. Used to visually separate consecutive sections. Adds a horizontal line above section Adds a horizontal line below section Top and bottom border, consecutive sections overlap borders. Anchor tag label for creating hyperlinks in HTML. Write anchor tags in lower case and hyphenated. For example, the anchor tag for Free Checking is "free-checking" Sections can contain one or more vertically stacked layouts.