@extends('layouts.dashboard') @section('page_heading','Typoghraphy') @section('section')
@section ('typo1_panel_title','Headings') @section ('typo1_panel_body')

Heading 1 Sub-heading

Heading 2 Sub-heading

Heading 3 Sub-heading

Heading 4 Sub-heading

Heading 5 Sub-heading
Heading 6 Sub-heading
@endsection @include('widgets.panel', array('header'=>true, 'as'=>'typo1'))
@section ('typo2_panel_title','Paragraphs') @section ('typo2_panel_body')

This is an example of lead body copy.

This is an example of standard paragraph text. This is an example of link anchor text within body copy.

This is an example of small, fine print text.

This is an example of strong, bold text.

This is an example of emphasized, italic text.


Alignment Helpers

Left aligned text.

Center aligned text.

Right aligned text.

@endsection @include('widgets.panel', array('header'=>true, 'as'=>'typo2'))
@section ('typo3_panel_title','Emphasis Classes') @section ('typo3_panel_body')

This is an example of muted text.

This is an example of primary text.

This is an example of success text.

This is an example of info text.

This is an example of warning text.

This is an example of danger text.

@endsection @include('widgets.panel', array('header'=>true, 'as'=>'typo3'))
@section ('typo4_panel_title','Abbreviations') @section ('typo4_panel_body')

The abbreviation of the word attribute is attr.

HTMLis an abbreviation for a programming language.


Addresses

Twitter, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P:(123) 456-7890
Full Name
first.last@example.com
@endsection @include('widgets.panel', array('header'=>true, 'as'=>'typo4'))
@section ('typo5_panel_title','Blockquotes') @section ('typo5_panel_body')

Default Blockquote

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

Blockquote with Citation

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

Someone famous in Source Title

Right Aligned Blockquote

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

@endsection @include('widgets.panel', array('header'=>true, 'as'=>'typo5'))
@section ('typo6_panel_title','List') @section ('typo6_panel_body')

Unordered List

  • List Item
  • List Item
    • List Item
    • List Item
    • List Item
  • List Item

Ordered List

  1. List Item
  2. List Item
  3. List Item

Unstyled List

  • List Item
  • List Item
  • List Item

Inline List

  • List Item
  • List Item
  • List Item
@endsection @include('widgets.panel', array('header'=>true, 'as'=>'typo6'))
@section ('typo7_panel_title','Description Lists') @section ('typo7_panel_body')
Standard Description List
Description Text
Description List Title
Description List Text
Horizontal Description List
Description Text
Description List Title
Description List Text
@endsection @include('widgets.panel', array('header'=>true, 'as'=>'typo7'))
@section ('typo8_panel_title','Code') @section ('typo8_panel_body')

This is an example of an inline code element within body copy. Wrap inline code within a <code>...</code>tag.

This is an example of preformatted text.
@endsection @include('widgets.panel', array('header'=>true, 'as'=>'typo8'))
@stop