Article Overview Elements Sample


Page title



Heading level 1

Heading level 2

Heading level 3

Heading level 4

Heading level 5
Heading level 6


Paragraphs

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.



Responsive images


Unordered list

Unordered lists are used to markup lists where list items do not require numbering.

  • Ut wisi enim ad minim veniam
  • Quis nostrud exerci tation
  • Lamcorper suscipit lobortis nis
  • Ut aliquip ex ea commodo consequat
  • Duis autem vel eum iriure dolor


Ordered list

Ordered lists are used to markup lists where list items require numbering.

  1. Hendrerit in vulputate velit esse
  2. Olestie consequat
  3. Vel illum dolore eu feugiat
  4. Nulla facilisis at vero eros
  5. Accumsan et iusto odio


Unstyled list

  • Ut wisi enim ad minim veniam
  • Quis nostrud exerci tation
  • Lamcorper suscipit lobortis nis
  • Ut aliquip ex ea commodo consequat
  • Duis autem vel eum iriure dolor


Inline list

You can make the list display inline using style="list-style-type: none;".

  • One
  • Two
  • Three
  • Four


Blockquotes

The blockquote element is used to markup long quotations. Ideally, content inside should be wrapped in paragraph elements.

The real names of our people were destroyed during slavery. The last name of my forefathers was taken from them when they were brought to America and made slaves, and then the name of the slave master was given, which we refuse, we reject that name today and refuse it. I never acknowledge it whatsoever.



Buttons

You can apply the button-primary class to a button style.



Tables

#First NameLast NameUsername
1JacobSmith@jsmi
2JacobBerger@jburg
3LarryLewis@llewis