HEADING EXAMPLES

• Use the H+ Tag element
• In the dialog, modify the Tag level for H2, H3 and H4 and change the font Size:
  

Heading Level 1 (32px)

Heading Level 2 (24px)

Heading Level 3 (19px)

Heading Level 4 (19px)

---

LINK EXAMPLE

• Use the link feature. Highlight the text and select the Create Link icon (image of a link).
• The link label should be actionable and concise. The user should know where the link will take them.
  • External links go to another website or a PDF. Example: "www.bouviernational.com" Be sure to check the box "Open in new window"
  • Internal links go to another webpage on the website. Example: "Learn about the Bouvier Education Seminar".
• Don't use "Click Here" or other generic descriptions.
• Change the font style to bold

DOG PHOTOS

Photographer: Paul Payne Photography

#1 Dog

GCHS CH JBB's Turn The Tables
Breeders: P. Klecan, Y. Savard and R. Waterman
Owners: P. Klecan and R. Waterman
Agent: L. Fenner

Photographer: Callea Photo

#1 Bitch

GCH Calm Dushar On A Silver Platter Dajeen
Breeders: Cheryl Calm, Sharon Gerl, Eileen and Megan McBride
Owners: Cheryl & Bill Calm
Handler: Cheryl Calm

---

PRIMARY ACTION BUTTON EXAMPLE

• The button label should be actionable and concise. The user should know where the button will take them. Example: "Buy a Calendar". Don't use "Click Here" or other generic descriptions.
  

---

MAIN CONTENT BOX EXAMPLES

Call-Out Box

• Use the Call-Out Box element
• This pattern is used to showcase:
  • Photos of Bouviers on the specialty results page
  • Articles promos 

Color Content Box

• Use the Content Color Box element
• Add a Heading 2 to each box. Examples "Related Links", "Committees", "Downloads", etc.
  
• Border and background color is set as shown in this sample. Copy/Paste this example or change design in the dialog box:
  • Background Color = #EEEEE9
    

---

TABLE EXAMPLE
This is one example of the table pattern used. Check out the Responsive Table Examples page for a full sample of table configurations.

Heading 3 Example

Rank	Dog's Name	Legs	Avg. Score
X	4 Column Table Template	X	XXX

SIDEBAR EXAMPLES

Color Content Box

• Use the Content Color Box element
  
• Add a Heading 2 to each box. Examples "Related Links", "Committees", "Downloads", etc.
• Enter information and links to other supporting topic webpages directly related to this topic page.
• Border and background color is set as shown in this sample. Copy/Paste this example or change design in the dialog box:
  • Background Color = #FAFAFA
    
  • Border Style = solid
  • Border Color = #E0E0E0
    
  • Border Width = 1

---

Feature-Back to Top:

• Use when content on the page would benefit from allowing the user to "jump" back to the top.
• Place "Back to Top" element after the very bottom of the page and above the footer. The sample is placed at the bottom of the page and after the sidebar content.