Typography


[container extra=”row”] [one_half extra=”” anim=””][heading icon=”” type=”standard” size=”h1″ extra=””]H1 heading style[/heading][paragraph extra=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph][heading icon=”” type=”standard” size=”h2″ extra=””]H2 heading style[/heading][paragraph extra=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph][heading icon=”” type=”standard” size=”h3″ extra=””]H3 heading style[/heading][paragraph extra=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph][heading icon=”” type=”standard” size=”h4″ extra=””]H4 heading style[/heading][paragraph extra=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph][heading icon=”” type=”standard” size=”h5″ extra=””]H5 heading style[/heading][paragraph extra=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph][heading icon=”” type=”standard” size=”h6″ extra=””]H6 heading style[/heading][paragraph extra=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Suspendisse consectetur fringilla luctus. Fusce id mi diam, non ornare orci. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph][/one_half] [one_half extra=”” anim=””][heading icon=”” type=”standard” size=”h2″ extra=””]Blockquote[/heading] [blockquote name=”- Author name here”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/blockquote][heading icon=”” type=”standard” size=”h2″ extra=””]Labels[/heading][paragraph extra=””][label type=”label-primary”]Lorem[/label] ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph] [paragraph extra=””][label type=”label-danger”]Lorem[/label] ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph][paragraph extra=””][label type=”label-info”]Lorem[/label] ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph][paragraph extra=””][label type=”label-success”]Lorem[/label] ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph][paragraph extra=””][label type=”label-warning”]Lorem[/label] ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph[heading size=”h2″ extra=””]Paragraph[/heading][paragraph extra=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/paragraph][/one_half] [/container] [divider extra=””] [container extra=”row”] [one_full extra=”” anim=””][heading icon=”” type=”standard” size=”h2″ extra=””]Dropcaps[/heading][/one_full] [one_half extra=”” anim=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/one_half] [one_half extra=”” anim=””]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sagittis, sem quis lacinia faucibus, orci ipsum gravida tortor, vel interdum mi sapien ut justo. Nulla varius consequat magna, id molestie ipsum volutpat quis. Pellentesque ipsum erat, facilisis ut venenatis eu, sodales vel dolor.[/one_half] [/container] [container extra=”row”] [one_full extra=”” anim=””][heading icon=”” type=”standard” size=”h2″ extra=””]Lists[/heading][/one_full] [one_half extra=”” anim=””][heading icon=”” type=”standard” size=”h4″ extra=””]Unordered List[/heading]

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
  • Phasellus iaculis neque
  • Purus sodales ultricies
  • Vestibulum laoreet porttitor sem
  • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
[heading icon=”” type=”standard” size=”h4″ extra=”spaced”]Description List[/heading]
    [/one_half] [one_half extra=”” anim=””][heading icon=”” type=”standard” size=”h4″ extra=””]OrderedList[/heading]
    • Facilisis in pretium nisl aliquetFacilisis in pretium nisl aliquet
    • Faucibus porta lacus fringilla vel
    • Aenean sit amet erat nunc
    • Eget porttitor lorem
    • Consectetur adipiscing elit
    • Integer molestie lorem at massa
    • Facilisis in pretium nisl aliquet
    • Faucibus porta lacus fringilla vel
    • Aenean sit amet erat nunc
    [heading icon=”” type=”standard” size=”h4″ extra=””]Icons List[/heading]
    • Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.
    • Phasellus in risus quis lectus iaculis vulputate id quis nisl.
    • Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.
    • Phasellus in risus quis lectus iaculis vulputate id quis nisl.
    • Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.
    • Phasellus in risus quis lectus iaculis vulputate id quis nisl.
    • Fusce sit amet orci quis arcu vestibulum vestibulum sed ut felis.
    • Phasellus in risus quis lectus iaculis vulputate id quis nisl.
    [heading icon=”” type=”standard” size=”h4″ extra=”spaced”]Inline[/heading]
    • Item text 1
    • Item text 2
    • Item text 3
    [/one_half] [/container] [divider extra=””] [container extra=”row”] [one_full extra=”” anim=””][heading icon=”” type=”standard” size=”h2″ extra=””]Code[/heading][/one_full] [one_half extra=”” anim=””][heading icon=”” type=”standard” size=”h2″ extra=””]Inline[/heading][paragraph extra=””]For example,[code type=”inline”]<section>[/code] should be wrapped as inline[/paragraph][/one_half] [one_half extra=”” anim=””][heading icon=”” type=”standard” size=”h4″ extra=””]Basic Block[/heading][code type=””]<p>Sample text here…</p>[/code][/one_half] [/container] [divider extra=””] [container extra=”row”] [one_full extra=”” anim=””][heading icon=”” type=”standard” size=”h2″ extra=””]Tables[/heading][/one_full] [/container] [container extra=”row”] [one_full extra=”” anim=””][heading icon=”” type=”standard” size=”h4″ extra=””]Striped[/heading] [htable type=”table-striped”][thead][trow][thcol]#[/thcol] [thcol]First Name[/thcol][thcol]Last Name[/thcol][thcol]Username[/thcol][/trow][/thead][tbody][trow][tcol]1[/tcol][tcol]Mark[/tcol][tcol]Otto[/tcol][tcol]@mdo[/tcol][/trow][trow][tcol]2[/tcol][tcol]Jacob[/tcol][tcol]Thornton[/tcol][tcol]@fat[/tcol][/trow][trow][tcol]3[/tcol][tcol]Larry[/tcol][tcol]the Bird[/tcol][tcol]@twitter[/tcol][/trow][/tbody][/htable][/one_full] [/container] [container extra=”row”] [one_full extra=”” anim=””][heading icon=”” type=”standard” size=”h4″ extra=””]Bordered[/heading] [htable type=”table-bordered”][thead][trow][thcol]#[/thcol][thcol]First Name[/thcol][thcol]Last Name[/thcol][thcol]Username[/thcol][/trow][/thead][tbody][trow][tcol]1[/tcol][tcol]Mark[/tcol][tcol]Otto[/tcol][tcol]@mdo[/tcol][/trow][trow][tcol]2[/tcol][tcol]Jacob[/tcol][tcol]Thornton[/tcol][tcol]@fat[/tcol][/trow][trow][tcol]3[/tcol][tcol]Larry[/tcol][tcol]the Bird[/tcol][tcol]@twitter[/tcol][/trow][/tbody][/htable][/one_full] [/container]

    No Comment

    Leave a reply

    Your email address will not be published. Required fields are marked *