Who We Are And What Makes Us Awesome

Lorem ipsum dolor slo onsec tueraliquet Morbi nec In Curabitur lreaoreet nisl lorem in pellente pellente eget. Lorem ipsum dolor slo onsec Vivamus. Lorem ipsum dolor slo onsec tueraliquet Morbi nec In Curabitur lreaoreet nisl lorem in pellente pellente eget. Lorem ipsum dolor slo onsec Vivamus. Katuski utade marido alifando.

This awesome theme comes with this awesome quote box. Isn’t this soooo awesome? You know the saying, if you like something a lot, you should buy it. Why not buy this theme?

Lorem ipsum dolor slo onsec tueraliquet Morbi nec In Curabitur lreaoreet nisl lorem in pellente pellente eget. Lorem ipsum dolor slo onsec Vivamus. Lorem ipsum dolor slo onsec tueraliquet Morbi nec In Curabitur lreaoreet nisl lorem in pellente pellente eget. Lorem ipsum dolor slo onsec Vivamus. Katuski utade marido alifando. Lipsum dolor slo onsec tueraliquet Morbi nec In Curabitur lreaoreet nisl lorem in pellente pellente eget. Lorem ipsum dolor slo onsec Vivamus.

Katuski utade marido alifando. Lipsum dolor slo onsec tueraliquet Morbi nec In Curabitur lreaoreet nisl lorem in pellente pellente eget. Lorem ipsum dolor slo onsec Vivamus. Lorem ipsum dolor slo onsec tueraliquet Morbi nec In Curabitur lreaoreet nisl lorem in pellente pellente eget. Lorem ipsum dolor slo onsec Vivamus. Lorem ipsum dolor slo onsec tueraliquet Morbi nec In Curabitur lreaoreet nisl lorem in pellente pellente eget.

The Beautiful Faces

Lorem ipsum dolor slo onsec tueraliquet Morbi nec In Curabitur lreaoreet nisl lorem in pellente pellente eget. Lorem ipsum dolor slo onsec Vivamus. Lorem ipsum dolor slo onsec tueraliquet Morbi nec In Curabitur lreaoreet nisl lorem in pellente pellente eget. Lorem ipsum dolor slo onsec Vivamus.

Meet Our Talented Team

Lorem ipsum dolor slo onsec tueraliquet Morbi nec In Curabitur lreaoreet nisl lorem in pellente pellente eget. Lorem ipsum dolor slo onsec Vivamus. Lorem ipsum dolor slo onsec tueraliquet Morbi nec In Curabitur lreaoreet nisl lorem in pellente pellente eget. Lorem ipsum dolor slo onsec Vivamus. Katuski utade marido alifando. Lipsum dolor slo onsec tueraliquet Morbi nec In Curabitur lreaoreet nisl lorem in pellente pellente eget. Lorem ipsum dolor slo onsec Vivamus.

Johnathan Doe

Creative Director

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac ligula mi, non suscipitaccumsan.

Javier Doe

Creative Director

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac ligula mi, non suscipitaccumsan.

Josephine Doe

Creative Director

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac ligula mi, non suscipitaccumsan.

Cool Bald Doe

Creative Director

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ac ligula mi, non suscipitaccumsan.

Test Drive the Code System

Simple buttons is named that for a reason; it is easy to use. To convert any link to a button, all you need to do is add the sb class to the a tag. So if you have a simple link such as this:

<a href="#">An Awesome Link</a>

Now just add class="sb" like so:

<a href="#" class="sb">An Awesome Link</a>
<a href="#" class="sb">An Awesome Link</a>
<a href="#" class="sb">An Awesome Link</a>
<a href="#" class="sb">An Awesome Link</a>

The bold text and color highlight is controlled by span tag. If you have a particular word you want to emphasize, simply surround the word with <span> tag. Furthermore, the kit comes with multiple highlight colors. You can add a highlight color by adding sb_[color] inside the class callout in a. It would look like this:

<a href="#" class="sb sb_darkorange">An <span>Awesome</span> Link</a>

If you want to add an icon in front of your button, you can do so by using the<i> tag. The icon can be placed anywhere you like. However, it is strongly recommended to use it before any text.

<a href="#" class="sb sb_darkorange"><i class="icon-link"></i>An <span>Awesome</span> Link</a>

By default, all buttons will display block. If you would like to display a button inline-block instead, simply add the class inline-block to the class property in the a tag like so:

<a href="#" class="sb sb_darkorange inline-block"><i class="icon-link"></i>An <span>Awesome</span> Link</a>

Similarly, you can also set the button to be in active state by default. Simply add the class active or current to the class property in the a tag like so:

<a href="#" class="sb sb_darkorange inline-block active"><i class="icon-link"></i>An <span>Awesome</span> Link</a>

To change the size of the button, you will need to adjust the font-size of the button itself. Don't worry, you don't need to do any CSS coding for this. We included a series of different font-size for you to use. The button size, the icon size and the font will all change in accorance with this simple change. To change the font-size, all you need to do is add the class to your a tag like so:

<a href="#" class="sb sb_darkorange inline-block active font-size-25"><i class="icon-link"></i>An <span>Awesome</span> Link</a>
Our Amazing Clients
  • ThemeForest
  • GraphicRiver
  • CodeCanyon
  • VideHive
  • CodeCanyon
  • VideHive
  • ThemeForest
  • GraphicRiver