[button color="red" size="small" link="#" target="blank" ]Small[/button]
[button color="orange" size="small" link="#" target="blank" ]Small[/button]
[button color="blue" size="small" link="#" target="blank" ]Small[/button]
[button color="green" size="small" link="#" target="blank" ]Small[/button]
[button color="black" size="small" link="#" target="blank" ]Small[/button]
[button color="gray" size="small" link="#" target="blank" ]Small[/button]
[button color="white" size="small" link="#" target="blank" ]Small[/button]
[button color="pink" size="small" link="#" target="blank" ]Small[/button]
[button color="purple " size="small" link="#" target="blank" ]Small[/button]
[divider style="double" top="20" bottom="20"]
[button color="red" size="medium" link="#" target="blank" ]Medium[/button]
[button color="orange" size="medium" link="#" target="blank" ]Medium[/button]
[button color="blue" size="medium" link="#" target="blank" ]Medium[/button]
[button color="green" size="medium" link="#" target="blank" ]Medium[/button]
[button color="black" size="medium" link="#" target="blank" ]Medium[/button]
[button color="gray" size="medium" link="#" target="blank" ]Medium[/button]
[button color="white" size="medium" link="#" target="blank" ]Medium[/button]
[button color="pink" size="medium" link="#" target="blank" ]Medium[/button]
[button color="purple " size="medium" link="#" target="blank" ]Medium[/button]
[divider style="double" top="20" bottom="20"]
[button color="red" size="big" link="#" target="blank" ]Large[/button]
[button color="orange" size="big" link="#" target="blank" ]Large[/button]
[button color="blue" size="big" link="#" target="blank" ]Large[/button]
[button color="green" size="big" link="#" target="blank" ]Large[/button]
[button color="black" size="big" link="#" target="blank" ]Large[/button]
[button color="gray" size="big" link="#" target="blank" ]Large[/button]
[button color="white" size="big" link="#" target="blank" ]Large[/button]
[button color="pink" size="big" link="#" target="blank" ]Large[/button]
[button color="purple " size="big" link="#" target="blank" ]Large[/button]
[divider style="double" top="20" bottom="20"]
[button color="green" size="big" link="#" icon="fa-download" target="false"]Download[/button]
[button color="blue" size="medium" link="#" icon="fa-twitter" target="false"]Follow[/button]
[button color="purple " size="small" link="#" icon="fa-external-link" target="false"]View Now[/button]
]]>
/* Header */
header {
margin: 0 auto;
position: relative;
padding:20px 0;
width:995px;
}
header:after{
display: block;
visibility: hidden;
clear: both;
height: 0;
content: ".";
}
.logo {float: left;}
.logo h1{font:bold 32pt arial;}
#main-nav {width:995px;margin:0 auto 25px;background:#fbfbfb;height:50px;-moz-box-shadow: inset 0 0 2px #FFF, 0 0px 5px #cacaca;-webkit-box-shadow: inset 0 0 2px white, 0 0px 5px #CACACA;box-shadow: inset 0 0 2px white, 0 0px 5px #CACACA;border-bottom:5px solid #494949;}
#main-nav .menu-alert{float:left;padding:18px 0 0 10px ;font-style:italic;}
#top-menu-mob , #main-menu-mob{ display:none; }
[divider]
| John | Smith | johnsmith@example.com | http://www.example.com |
| Peter | James | peterjames@example.com | http://www.example.com |
| Ronald | Weeley | ronweeley@example.com | http://www.example.com |
Lorem ipsum dolor sit amet, nullam sapien erat tristique tempor nulla, blandit sit metus volutpat integer wisi. Sed elementum, nec nec inceptos vestibulum diam proin erat, sociosqu et sit provident pellentesque sed aenean. Faucibus per turpis est pellentesque potenti, tristique iaculis adipiscing mauris, ante velit et massa donec facilisis, sed felis sed est.Molestias ultricies, ante quam urna ut volutpat, egestas dolor dui, nec hac ultrices nulla non netus. Placerat vehicula donec non suscipit egestas, augue vel suspendisse. Et felis venenatis blandit sed est ultrices, adipiscing urna, at aliquam nullam facilisis aliquet sapien, eget duis consectetuer tristique nunc vitae erat, mi purus nisl lorem. Ac magna lobortis non, vulputate vitae viverra. [divider]