Typography

[chapter title=»Buttons» background=»1″ bottom_padding=»45″]
[row]
[half_column]
[button size=»lg» link=»#»]Large Size[/button]
[button]Default Size[/button]
[button size=»sm»]Small Size[/button]
[spacer]
[button size=»block»]Btn Block[/button]
[spacer]
[button status=»disabled» type=»primary»]Inactive[/button]
[button type=»primary»]Primary button[/button]
[spacer]
[button type=»primary» size=»lg» icon=»fa-star»]with icon[/button]
[button type=»primary» icon=»fa-search»]Search[/button]
[button type=»primary» size=»sm» icon=»fa-cog»]with icon[/button]

[spacer]
[button type=»default» size=»lg» icon=»fa-star»]With icon[/button]
[button type=»default» icon=»fa-rss»]RSS Feed[/button]
[button type=»default» size=»sm» icon=»fa-cog»]With icon[/button]
[/half_column]
[half_column]
[sourcecode language=»html»][[button size="lg" link="#"]…[/button]][/sourcecode]
[shortcode_params preheader=»button» name=»button»]
[/half_column]
[/row]
[/chapter]

[chapter title=»Header» background=»1″ bottom_padding=»45″]
[row]
[third_column]
[header level=»1″]Header 1[/header]
[header level=»2″]Header 2[/header]
[header level=»3″]Header 3[/header]
[header level=»4″]Header 4[/header]
[header level=»5″]Header 5[/header]
[header level=»6″]Header 6[/header]
[header level=»1″ style=»small»]Small header[/header]
[/third_column]
[two_thirds_column]
[sourcecode language=»html»][[header level="1"]…[/header]][/sourcecode]
[shortcode_params preheader=»header» name=»header»]
[/two_thirds_column]
[/row]
[/chapter]

[chapter title=»Block header» background=»1″ bottom_padding=»45″]
[row]
[third_column]
[block_header header=»OUR CLIENTS» subheader=»Meet our happy customers»]
[paragraph]
Pellentesque varius ipsum sed odio tristique lacinia. Mauris vel felis at mauris sollicitudin condimentum.
[/paragraph]
[/block_header]
[/third_column]
[two_thirds_column]
[sourcecode language=»html»][[header level="1"]…[/header]][/sourcecode]
[shortcode_params preheader=»block_header» name=»block_header»]
[/two_thirds_column]
[/row]
[/chapter]

[chapter title=»Blockquote» background=»1″ bottom_padding=»45″]
[row]
[third_column]
[blockquote type=»standard» author=»ROBERT BRINGHURST»]Typography at its best is a visual form of language linking timelessness and time.[/blockquote]
[/third_column]
[two_thirds_column]
[sourcecode language=»html»][[blockquote type="standard" author="ROBERT BRINGHURST"]…[/blockquote]][/sourcecode]
[shortcode_params preheader=»blockquote» name=»blockquote»]
[/two_thirds_column]
[/row]
[/chapter]

[chapter title=»Blockquote centered» background=»1″ bottom_padding=»45″]
[row]
[third_column]
[blockquote type=»centered» author=»ROBERT BRINGHURST»]Typography at its best is a visual form of language linking timelessness and time.[/blockquote]
[/third_column]
[two_thirds_column]
[sourcecode language=»html»][[blockquote type="centered" author="ROBERT BRINGHURST"]…[/blockquote]][/sourcecode]
[shortcode_params preheader=»blockquote» name=»blockquote»]
[/two_thirds_column]
[/row]
[/chapter]

[chapter title=»Blockquote intext» background=»1″ bottom_padding=»45″]
[row]
[third_column]
[paragraph]
Asunt in anim uis aute irure dolor in reprehenderit in voluptate velit esse onsectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore it’s a text link. Ut enim ad minim veniam, quis exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/paragraph]
[blockquote type=»intext» author=»ROBERT BRINGHURST»]Typography at its best is a visual form of language linking timelessness and time.[/blockquote][paragraph]
Donec quam metus, facilisis quis luctus eget, lobortis at felis. Nunc varius sodales sem eget viverra. Donec quis quam orci. Curabitur fringilla elit eu cursus ornare. Mauris faucibus rhoncus felis, venenatis pellentesque est sodales vel.
[/paragraph]
[/third_column]
[two_thirds_column]
[sourcecode language=»html»][[blockquote type="intext" author="ROBERT BRINGHURST"]…[/blockquote]][/sourcecode]
[shortcode_params preheader=»blockquote» name=»blockquote»]
[/two_thirds_column]
[/row]
[/chapter]

[chapter title=»Dropcap» background=»1″ bottom_padding=»45″]
[row]
[third_column]
[dropcap]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet libero magna. Mauris at enim vel nibh scelerisque porttitor id ut leo. Phasellus pretium, leo a lobortis aliquam, nunc tortor pulvinar ipsum, et vulputate lacus tortor a eros. Morbi consequat velit eget augue porttitor vitae molestie diam rutrum.[/dropcap]
[/third_column]
[two_thirds_column]
[sourcecode language=»html»][[dropcap]…[/dropcap]][/sourcecode]
[shortcode_params preheader=»dropcap» name=»dropcap»]
[/two_thirds_column]
[/row]
[/chapter]

[chapter title=»Highlight» background=»1″ bottom_padding=»45″]
[row]
[third_column]
[paragraph]
Pellentesque [highlight title=»This is tooltip description»]purus lectus[/highlight], iaculis id ultricies laoreet, auctor quis lacus. Vivamus feugiat cursus suscipit. Phasellus semper auctor hendrerit. [highlight type=»2″ title=»This is tooltip description»]In malesuada[/highlight] vehicula sem id ultrices. Nunc ut lorem malesuada vulputate. Nulla vel nisl [highlight type=»3″ title=»This is tooltip description»]velit, et rutrum magna[/highlight]. Aliquam eu mauris nisi, sit amet rutrum nulla.
[/paragraph]
[/third_column]
[two_thirds_column]
[sourcecode language=»html»][[highlight title="This is tooltip description"]purus lectus[/highlight]][/sourcecode]
[/two_thirds_column]
[/row]
[/chapter]

[chapter title=»List» background=»1″ bottom_padding=»45″]
[row]
[third_column]
[list]

  • Lorem ipsum dolor sit
  • Amet consectetuer adipiscing elit
  • Diam nonummy nibh
  • Euismod tincidunt ut laoreet
  • [/list]

    [list icon=»fa-arrow-circle-left»]

  • Lorem ipsum dolor sit
  • Amet consectetuer adipiscing elit
  • Diam nonummy nibh
  • Euismod tincidunt ut laoreet
  • [/list]
    [/third_column]
    [two_thirds_column]
    [sourcecode language=»html»][[list]…[/list]][/sourcecode]
    [sourcecode language=»html»][[list icon="fa-arrow-circle-left"]…[/list]][/sourcecode]
    [shortcode_params preheader=»list» name=»list»]
    [/two_thirds_column]
    [/row]
    [/chapter]

    [chapter title=»Table» background=»1″ bottom_padding=»45″]
    [row]
    [third_column]
    [table]

    Header 1 Header 2 Header 3
    Hasad Sears Argentina Nov 12, 2013
    Hasad Sears Argentina Nov 12, 2013
    Hasad Sears Argentina Nov 12, 2013
    Hasad Sears Argentina Nov 12, 2013

    [/table]
    [/third_column]
    [two_thirds_column]

    [sourcecode language=»html»][[table]
    <table>
    <thead>…</thead>
    <tbody>…</tbody>
    </table>
    [/table]][/sourcecode]
    [shortcode_params preheader=»table» name=»table»]
    [/two_thirds_column]
    [/row]
    [/chapter]

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *