Every main starts with an h1 and it sums up the main idea of the page. People want to get straight to the point in your H1

Seperate content into sections using headings in sequential order H2 comes after H1

People come to websites for something specific noth for leisure reading.

Tips for good web content

Web Page Style Guide This is an h1 element.

This page will be used as a web style guide for the site by displaying common page elements here with the default styling shown. This is a paragraph element.

What is a Web Style Guide? This is an h2 element.

A web style guide is a reference that helps to ensure brand consistency. A complete style guide will establish rules for visual elements of the site, such as typography, brand colors, and page components like buttons and alerts, as well as writing guidelines for voice, tone, etc. This will be a simplified style guide that I will add to as I learn more about building web pages.

Typography This is an h3 element.

Lists This is an h4 element.

Unordered Lists. This is an h5 element.
  • list Item 1
  • list Item 2
  • list Item 3
Ordered Lists This is an h5 element.
  1. list Item 1
  2. list Item 2
  3. list Item 3

Link States This is an h4 element.

Link This is an h5 element.

A standard link highlights the anchor text of a hyperlink to call attention to it.

Visited Link This is an h5 element.

A visited link highlights the anchor text of a hyperlink that has been visited to call attention to it.

Hover Link This is an h5 element.

A hover link highlights the anchor text of a hyperlink that has been hovered over with a mouse to call attention to it. Hover over this link to see the hover state.

Active Link This is an h5 element.

A visited link highlights the background or text of a hyperlink that has been selected to call attention to it. Click and hold this link to see the active state.

End each page with a CTA or calls to action. It's a sentence that tells user what to do next and provides a link to the next page.

This is the code for a single -column layout

To make a a single column layout, I need a row that contains one div that spans columns of the grid that add up to twelve.

This is the code for a two-column layout

To make a two column layout, I need a row that contains one div that spans columns of the grid that add up to twelve.

This is the code for a two-column layout

To make a two column layout, I need a row that contains two div that spans columns of the grid that add up to 12.

This is the code for a three -column layout

To make a a three column layout, I need a row that contains one div that spans columns of the grid that add up to twelve.

This is the code for a two-column layout

To make a three column layout, I need a row that contains two div that spans columns of the grid that add up to 12.

This is the code for a three-column layout

To make a two column layout, I need a row that contains two div that spans columns of the grid that add up to 12.