Headings

Heading 1

Ut non enim eleifend felis pretium feugiat. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Vivamus in erat ut urna cursus vestibulum. Phasellus blandit leo ut odio. Praesent congue erat at massa.

Heading 2

Ut non enim eleifend felis pretium feugiat. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Vivamus in erat ut urna cursus vestibulum. Phasellus blandit leo ut odio. Praesent congue erat at massa.

Heading 3

Ut non enim eleifend felis pretium feugiat. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Vivamus in erat ut urna cursus vestibulum. Phasellus blandit leo ut odio. Praesent congue erat at massa.

Heading 4

Ut non enim eleifend felis pretium feugiat. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Vivamus in erat ut urna cursus vestibulum. Phasellus blandit leo ut odio. Praesent congue erat at massa.

Heading 5

Ut non enim eleifend felis pretium feugiat. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Vivamus in erat ut urna cursus vestibulum. Phasellus blandit leo ut odio. Praesent congue erat at massa.

Heading 6

Ut non enim eleifend felis pretium feugiat. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Vivamus in erat ut urna cursus vestibulum. Phasellus blandit leo ut odio. Praesent congue erat at massa.

Paragraph

I am the default colored text.

I am the text with the Primary color.

I am with the color text-success.

I am the text with the warning color.

I am the Primary color with text-info.

Text-danger colored text.

Inline Elements

I amhighlighted with themarktag.

I am striked using del tag to be treated as deleted text.

This line of text is an addition to the document.

This line of text is meant to be treated as small than usual.

This line rendered as bold text withstrongtag.

Blockquotes

If this is coffee,please bring me some tea;but if this is tea,please bring me some coffee.

Abraham Lincoln

Horizontal Description

Question
A description list is perfect for defining terms.
Question
Vestibulum id ligula porta felis euismod semper eget lacinia odio.
Question
Etiam porta sem malesuada magna mollis euismod.
Question
Fusce dapibus, tellus ac cursus commodo, tortor mauris.
Question
A description list is perfect for defining terms.
Question
Vestibulum id ligula porta felis euismod semper.
Question
Fusce dapibus, tellus ac cursus commodo, tortor, justo sit amet risus.
Code Block

Header

Sed magna purus fermentum eu

$('body').toast({class: 'success',message: `You're using the good framework !`});
.ui.button{width:100%;height:100px;}
Basic List Style
tmp
vscode
bower_components
node_modules
src
editorconfig
bower.json
Unordored List Style
  • Gaining Access
  • Inviting Friends
  • Benefits
    • Use Anywhere
    • Rebates
    • Discounts
  • Warranty
Ordered List Style
  1. Signing Up
  2. User Benefits
  3. User Types
    1. Admin
    2. Power User
    3. Regular User
  4. Deleted