Buttons and typography

Button

[sourcecode language=”html”][button size="large" color="success"] LARGE GREEN[/button][/sourcecode]
parameters
  • size - button size - small; medium; large; block;
  • width
  • color - default; primary; info; success; warning; danger;
  • icon
  • button - is button, draw button or link - yes; no;
  • nofollow

Icon

[sourcecode language=”html”][icon glyph="beach_umbrella"][/sourcecode]
parameters
  • glyph - glyph icon
  • awesome - awesome icon
  • batch - batch icon

Header

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Standard header

[sourcecode language=”html”][header type="4"]H4[/header][/sourcecode]
parameters
  • type - 1; 2; 3; 4; 5; 6;

Blockquote

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.

[sourcecode language=”html”][blockquote]Lorem…[/blockquote][/sourcecode]
parameters
  • author

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.

[sourcecode language=”html”][dropcap]Lorem…[/dropcap][/sourcecode]

Highlight

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.
[sourcecode language=”html”][highlight style="3"]…[/highlight][/sourcecode]
parameters
  • style - highlight style - 1; 2; 3; 4;

Paragraph

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.

[sourcecode language=”html”][paragraph]Lorem…[/paragraph][/sourcecode]

List

    • Pellentesque habitant morbi tristique
    • Nec posuere sapien ligula pulvinar vel
    • Pellentesque habitant morbi tristique
    • Pellentesque habitant morbi tristique
    • Nec posuere sapien ligula pulvinar vel
    • Pellentesque habitant morbi tristique
    • Pellentesque habitant morbi tristique
    • Nec posuere sapien ligula pulvinar vel
    • Pellentesque habitant morbi tristique
    • Pellentesque habitant morbi tristique
    • Nec posuere sapien ligula pulvinar vel
    • Pellentesque habitant morbi tristique
    • Pellentesque habitant morbi tristique
    • Nec posuere sapien ligula pulvinar vel
    • Pellentesque habitant morbi tristique
[sourcecode language=”html”][list style="2"]…[/list][/sourcecode]
parameters
  • style - list style - ok; star; chevron-right; dot; arrow-right;

Table

Header 1 Header 2 Header 3 Header 4
Hasad Sears Argentina Nov 12, 2013 1 57 631 4465-9099
Hasad Sears Argentina Nov 12, 2013 1 57 631 4465-9099
Hasad Sears Argentina Nov 12, 2013 1 57 631 4465-9099
Hasad Sears Argentina Nov 12, 2013 1 57 631 4465-9099
[sourcecode language=”html”][table] <table>
<thead>…</thead>
<tbody>…</tbody>
</table>
[/table][/sourcecode]

© 2024 octavus Network. All rights reserved.

Back to top