Shown are examples of styles for the Alamo Group's website and suggestions for usage. These styles are all "built-in" to the website and are available from the toolbar at the top of the "Body (edit summary)" section of the editing page.

Heading styles

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Text styles

Paragraph text. Most content will use this style.

Block quote, Block quote, Block quote, Block quote, Block quote, Block quote, Block quote, Block quote, Block quote, Block quote, Block quote, Block quote, Block quote, Block quote, Block quote, Block quote, Block quote, Block quote, Block quote, Block quote, Block quote, Block quote, Block quote, Block quote, Block quote,

List styles

Bulleted (unordered) lists

Instead of entering hyphens or asterisks at the start of each list item, use unordered lists which automatically indent and add a bullet to each item:

• Air
• Water
• Energy
• Wildlife

Numbered (ordered) lists

Instead of manually entering numbers at the start of each list item, use ordered lists which automatically indent and number each item:

1. January
2. February
3. March
4. April

All caps

Please do not capitalize entire words. Instead, use Heading styles or emphasize words by applying the bold style or italic style.

Yes

Vista Ridge - Green or Greenwash?

No

VISTA RIDGE - GREEN OR GREENWASH?

Hyperlinks

Yes:

For more details, please view the LSTAR power point that Black provided.

No:

For more details, go to: https://www.dropbox.com/s/le3ayb0zdxd4ud4/LSRD%20Presentation%20-%20Small%20Groups%20-%20EIS.pptx?dl=0.

File names

Do not put spaces in filenames. Instead, use a - or an _.

No

SAEN Amy Hardberger article Oct 18 2014.pdf

Yes

SAEN_Amy_Hardberger_article_Oct-18-2014.pdf

Other "WYSIWYG" styles

This is the 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box 50% box

This is the 25% box 25% box 25% box 25% box 25% box 25% box 25% box 25% box 25% box 25% box 25% box 25% box 25% box 25% box 25% box 25% box 25% box 25% box 25% box 25% box 25% box 25% box 25% box 25% box 25% box 25% box 25% box 25% box

This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box This is the callout box

Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption Photo caption

p tag button p tag button p tag button

colored divider p tag

div (division) element

Address

The "<address>" tag defines the contact information for the author/owner of a document or an article. The text in the "<address>" element usually renders in italic.

Start copying here.

This is my subtitle

This text floats around the image. End Copying Here.