This is a normal paragraph (p element with strong and a)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vehicula, felis sed maximus accumsan, leo enim ultricies mi, eget ultricies urna ante eu ipsum. Nam quis congue orci. Sed eu mi eu erat interdum condimentum non in risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vehicula, felis sed maximus accumsan, leo enim ultricies mi, eget ultricies urna ante eu ipsum. Nam quis congue orci. Sed eu mi eu erat interdum condimentum non in risus.

This is 1nd level heading  This is 1nd level heading This is 1nd level heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vehicula, felis sed maximus accumsan, leo enim ultricies mi, eget ultricies urna ante eu ipsum. Nam quis congue orci. Sed eu mi eu erat interdum condimentum non in risus.

This is 2nd level heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vehicula, felis sed maximus accumsan, leo enim ultricies mi, eget ultricies urna ante eu ipsum. Nam quis congue orci. Sed eu mi eu erat interdum condimentum non in risus.

This is 3rd level heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vehicula, felis sed maximus accumsan, leo enim ultricies mi, eget ultricies urna ante eu ipsum. Nam quis congue orci. Sed eu mi eu erat interdum condimentum non in risus.

This is 4th level heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vehicula, felis sed maximus accumsan, leo enim ultricies mi, eget ultricies urna ante eu ipsum. Nam quis congue orci. Sed eu mi eu erat interdum condimentum non in risus.

This is 5th level heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vehicula, felis sed maximus accumsan, leo enim ultricies mi, eget ultricies urna ante eu ipsum. Nam quis congue orci. Sed eu mi eu erat interdum condimentum non in risus.

This is 6th level heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vehicula, felis sed maximus accumsan, leo enim ultricies mi, eget ultricies urna ante eu ipsum. Nam quis congue orci. Sed eu mi eu erat interdum condimentum non in risus.

The following : button element(s).

Default color
Primary color
Success color
Info color
Warning color
Danger color
Link btn

and their different sizes.

Large button
Large button

Default button
Default button

Small button
Small button

Extra small button
Extra small button

The following is an blockquote
element.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

The following is an ul element.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vehicula, felis sed maximus accumsan, leo enim ultricies mi, eget ultricies urna ante eu ipsum. Nam quis congue orci. Sed eu mi eu erat interdum condimentum non in risus.

• One.
• Two.
• Three. Well, probably this list item should be longer. Note that
  for short items lists look better if they are compactly presented,
  whereas for long items, it would be better to have more vertical spacing between items.
• Four. This is the last item in this list.
  Let us terminate the list now without making any more fuss about it.
• Five
  • one
  • two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vehicula, felis sed maximus accumsan, leo enim ultricies mi, eget ultricies urna ante eu ipsum. Nam quis congue orci. Sed eu mi eu erat interdum condimentum non in risus.

1. One.
2. Two.
3. Three. Well, probably this list item should be longer. Note that if
   items are short, lists look better if they are compactly presented,
   whereas for long items, it would be better to have more vertical spacing between items.
4. Four. This is the last item in this list.
   Let us terminate the list now without making any more fuss about it.
5. hello
   1. One.
   2. Two.

The following is an table element with first row as table header.

The following is an table element with "stripped class".

The following is an table element with "bordered class".

The following is an text field element.