Typography

Headings Classes

h1 Heading Secondary Text

h2 Heading Secondary Text

h3 Heading Secondary Text

h4 Heading Secondary Text

h5 Heading Secondary Text

h6 Heading Secondary Text

Bootsrap Headings

h1 Heading font-size: 2.5rem/40px

h2 Heading font-size: 2rem/34px

h3 Heading font-size: 1.75rem/28px

h4 Heading font-size: 1.5rem/24px

h5 Heading font-size: 1.25rem/20px
h6 Heading font-size: 1rem/16px
Paragraph
Lead

This is a lead parapraph.There are many variations of passages of Lorem Ipsum available.

Basic Paragraph

Lorem Ipsum is simply dummy text of theprinting and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the$1500 when an unknown printer took a galley of type andscrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.

Paragraph with Elements

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the $1500 $1400 when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.

Inline Text Elements
Marked Text

You can use the mark tag to highlight text.

Deleted text

This line of text is meant to be treated as deleted text.

Strikethrough text

This line of text is meant to be treated as no longer accurate.

Inserted text

This line of text is meant to be treated as an addition to the document.

Underlined text

This line of text will render as underlined

Small text

This line of text is meant to be treated as fine print.

Alignments
This line of text is left.
This line of text is center.
This line of text is right.
Blockquotes

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

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

Someone famous in Source Title

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

Someone famous in Source Title
Text Color
Bootstrap Color class Color Code

This text color is primary

#007bff

This text color is success

#868e96

This text color is

#28a745

This text color is danger

#dc3545

This text color is warning

#ffc107

This text color is info

#17a2b8

This text color is muted

#868e96

This text color is white

#ffffff

Ordered Lists
  1. Nullam id dolor id nibh ultricies
  2. Lorem ipsum et velit occaeca
  3. Etiam porta sem malesuada
  4. Donec ullamcorper nulla
  5. Nullam id dolor id nibh ultricies
  6. Lorem ipsum et velit occaeca
  7. Nullam id dolor id nibh ultricies
Unordered Lists
  • Nullam id dolor id nibh ultricies
  • Lorem ipsum et velit occaeca
  • Etiam porta sem malesuada
    • Donec ullamcorper nulla
    • Nullam id dolor id nibh ultricies
  • Lorem ipsum et velit occaeca
  • Nullam id dolor id nibh ultricies
Icon-List
  • Nullam id dolor id nibh ultricies
  • Lorem ipsum et velit occaeca
  • Etiam porta sem malesuada
  • Donec ullamcorper nulla
  • Nullam id dolor id nibh ultricies
  • Lorem ipsum et velit occaeca
  • Nullam id dolor id nibh ultricies
Description list
Description lists
A description list is perfect for defining terms.
Euismod

Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.

Donec id elit non mi porta gravida at eget metus.

Malesuada porta
Etiam porta sem malesuada magna mollis euismod.
Truncated term is truncated
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
Address
Twitter, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890
Full Name
first.last@example.com
2018 © Syntra.

Recent Activity

  • Mary Brown open a new company just now
  • Mary Brown send a new message 50 min ago
  • Holly Cobb Uploaded 6 new photos. 3 Week Ago
  • Mary Brown open a new company. 1 Month Ago

Events

  • Jamie Miller

    Contrary to popular belief, Lorem Ipsum is not simply random text. 2 Week Ago
  • Robert Jones

    Lorem Ipsum is simply dummy text of the printing and typesetting . 1 Month Ago
Account Setting
  • Auto updates
  • Show offline Contacts
  • Location Permission
General Setting
  • Show me Online
  • Status visible to all
  • Notifications