Buttons and typographyButtons and typographyButtons and typographyButtons and typography

Button


[sourcecode language=”html”][button size="large"
color="success"] LARGE[/button][/sourcecode]
parameters
  • link - ex. http://www.google.com
  • size - button size - medium; lg; block;
  • width
  • color - examples can be viewed here - default; primary; success; info; warning; danger; link; inverse; darkblue; light; grey;
  • icon
  • iconplace - left; right;
  • class - css class
  • nofollow
  • newwindow
  • disabled
  • attributes

Badge button

100%
responsive


100%
responsive
[sourcecode language=”html”][badge_button expose="..."
link="..."]…[/badge_button][/sourcecode]
parameters
  • link - ex. http://www.google.com
  • expose - text to expose

Circle button

Get a Quote
[sourcecode language=”html”][circle_button link="..."] …[/circle_button][/sourcecode]
parameters
  • link - ex. http://www.google.com
  • size - large; small;
  • shadow - divider, if you want add shadow to button

Drop down button

[sourcecode language=”html”][dropdown_button title=.."] [dropdown_button_item link="/#"] Action[/dropdown_button_item] …[/dropdown_button][/sourcecode]
dropdown_button parameters
  • title
dropdown_button_item parameters
  • link - if you do not put the url, when you click the image will be displayed as a slide

Blockquote type 1

Read the directions and directly you will be
directed in the right direction.

- Denise Johnson -
[sourcecode language=”html”][blockquote
author="Denise Johnson"]
… [/blockquote][/sourcecode]
parameters
  • author
  • type - examples can be viewed here - 1; 2;

Blockquote type 2

My relationship with Boston team has benefited me and my company beyond expectation. The process that Bosto Boston team presided over helped transform our marketing from a series of haphazard tactics to a unified, recurring plan.
- Denise Johnson -
[sourcecode language=”html”][blockquote type="2"
author="Denise Johnson"] …[/blockquote][/sourcecode]
parameters
  • author
  • type - examples can be viewed here - 1; 2;

Divider

[sourcecode language=”html”][divider][/sourcecode]
parameters
  • class
  • size - large; small;

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]…[/dropcap][/sourcecode]

Header

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Light header 1

Light header 2

Light header 3

Light header 4

Light header 5
Light header 6
[sourcecode language=”html”][header type="4"]H4[/header][/sourcecode]
parameters
  • type - examples can be viewed here - 1; 2; 3; 4; 5; 6;
  • light - yes; no;
  • class - header class

Highlight

Lorem ipsum dolor sit amet, style=”backblack” elit, . Ut enim minim veniam, quis ut nostrud style=”backlight” llamco laboris nisi ut aliquip ex ea style=”backgrey”consequat. Excepteur sint occaecat style=”coloredsecundary” proident, sunt in culpa qui officia deserunt esstyle=”light” mollit anim id est laborum. Sed ut perspiciatisstyle=”colored” unde omnis iste natus at style=”bigger”voluptatem.
[sourcecode language=”html”][highlight style="backblack"] …[/highlight][/sourcecode]
parameters
  • style - highlight style - bigger; light; colored; coloredsecundary; back light; backblack; backgrey;

Icon Text

The webby awards 2013 / 2012
1st. place webdesign / developing
[sourcecode language=”html”][icon_text icon="fa-trophy" header="..."] …[/icon_text][/sourcecode]
parameters
  • icon
  • header - header text

List

  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
  • Lorem ipsum dolor sit
[sourcecode language=”html”][list style="check"] <li>Lorem …</li>
…[/list][/sourcecode]
parameters
  • header - header text
  • type - list type - check; chevronright; arrowright; star; circle;

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] … [/paragraph][/sourcecode]
parameters
  • class - css class

Table

Header 1 Header 2 Header 3 Header 4
Hasad Sears Argentina Nov 12, 2013 1 57 631 4465-9099
Carson Hines South Africa Feb 9, 2013 1 44 892 5062-4187
Xenos Wilder British Indian Ocean Territory Mar 27, 2012 1 82 800 3550-0093
Seth Phillips Uganda Jan 25, 2013 1 52 159 2264-0307
Garth Farrell Greenland May 21, 2012 1 70 357 8348-3065
[sourcecode language=”html”][table] <thead>
<tr>
<th> Header 1</th>
<th> Header 2</th>
<th> Header 3</th>
<th> Header 4</th>
</tr>
</thead>
<tbody>
<tr>
<td> Hasad Sears</td>
…
</tbody>
[/table][/sourcecode]

Lets stay in contact

About Elysium

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapip.

elysium

331 W 4th St, New York, NY

(049) +1 212-242-9502

[email protected]

Get in contact

331 W 4th St, New York, NY


Phone1: +1 212-242-9502
Phone2: +1 212-242-9502


[email protected]
www.elysium-template.com

Drop us a line!

Posuere velit aliquet. Duis mollis, est non commodo luctus
elysium Style Switcher
Choose a Style
Serious
Serious
open Onepager open Multipage
Serious
Creative
open Onepager open Multipage