@extends('layouts/layoutMaster') @section('title', 'Typography - UI elements') @section('content')

Typography

Headings
Heading 1

Bootstrap heading

Heading 2

Bootstrap heading

Heading 3

Bootstrap heading

Heading 4

Bootstrap heading

Heading 5
Bootstrap heading
Heading 6
Bootstrap heading
Customizing Headings Default
Heading 1

Bootstrap heading

Heading 2

Bootstrap heading

Heading 3

Bootstrap heading

Heading 4

Bootstrap heading

Heading 5
Bootstrap heading
Heading 6
Bootstrap heading
Display headings
Display 1

Display 1

Display 2

Display 2

Display 3

Display 3

Display 4

Display 4

Display 5

Display 5

Display 6

Display 6

Paragraph
Paragraph

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus. Duis mollis, est non commodo luctus.Duis mollis, est non commodo luctus.

Lead Text

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.Duis mollis, est non commodo luctus.

Muted text

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

Inline Text Elements
Text Highlight

You can use the mark tag to highlight text.

Deleted Text

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

No Longer Correct

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

Addition

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

Underlined

This line of text will render as underlined

Fine Print

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

Bold Text

This line rendered as bold text.

Italicized Text

This line rendered as italicized text.

Abbreviations

attr

HTML

Blockquote

A well-known quote, contained in a blockquote element.


Naming a source

A well-known quote, contained in a blockquote element.


Align Center

A well-known quote, contained in a blockquote element.


Align Right

A well-known quote, contained in a blockquote element.

Lists
Unstyled
  • Lorem ipsum dolor sit amet
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
    • Phasellus iaculis neque
    • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel

Inline
  • Lorem ipsum
  • Phasellus iaculis
  • Nulla volutpat

Description list alignment
Description lists
A description list is perfect for defining terms.
Euismod

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

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.
Nesting
Nested definition list
Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc.
@endsection