Optional Top bar with your content +55 123 555 723

Typography & styles

Image with a border and FancyBox

Here we go. Let’s start with images. Please have a look at different methods they’re placed. Donec vitae sapien ut libero veneatis faucibus. Nullam quis ante. Etiam sit amt orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Move your mouse here. Sapien vestibulum purus quam, scelrisque ut, mollis sed, nonummy id, metus. Nullam acumsan lorem in dui. Cras ultricies mi eu turpis vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros fucibus tinciunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Fusce vulputate eleifend sapien. Vestibulum purus quam, scelerisque ut. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan.

Image without border and no bigger version
Image without border
and no bigger version

Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget, imperdiet nec, imperdiet iaculis, ipsum. Sed aliquam ultrices mauris. Integer ante arcu, accumsan regular link consectetuer eget, posuere uttres, maurisoe. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus, Tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.


TITLES


Headline One looks like this

Notice, this is new section of this page. And this is a yellow highlight. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit eget.

Headline Two looks like this

Vestibulum ante ipsum primis and this is italic in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit.

Headline Three looks like this

Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi faucibus orci luctus et ultrices posuere cubilia consectetuer lacinia.

HEADLINE FOUR WRITTEN WITH CAPS LOOKS LIKE THIS

Vestibulum ante ipsum primis and this is italic in faucibus orci luctus et ultrices posuere cubilia Curae; In turpis hendrerit fringilla ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit.

HEADLINE FIVE WRITTEN WITH CAPS LOOKS LIKE THIS

Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi faucibus orci luctus et ultrices posuere cubilia consectetuer lacinia.

HEADLINE SIX WRITTEN WITH CAPS LOOKS LIKE THIS

Vestibulum ante ipsum primis and this is italic in faucibus orci luctus et ultrices posuere cubilia Curae; In turpis hendrerit fringilla ac dui quis mi consectetuer lacinia. Nam pretium turpis et arcu. Duis arcu tortor, suscipit.


QUOTES


This is a quote between horizontal lines, and with a vertical bar aside. It’s full width in this example, but have a look at another example below. Author's Name

This is a quote without any bars. Its size is fixed to 200 pixels and it’s on the right.
Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa qui. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec semi. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec semi. Nullam dictum felis eu pede mollis pretium.


LISTS


    • List item
    • Second one
    • Another item
    • Almost done
    • Last list item
    • List item
    • Second one
    • Another item
    • Next item
    • Last list item
    1. List item
    2. Second one
    3. Another item
    4. Next item
    5. Last list item

TABS


Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, this is highlighted text pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Sapien vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis vitae sapien ut libero venenatis faucibus. Aliquam lorem ante, dapibus in, viverra.

portfolio-book-22

Sapien vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis vitae sapien ut libero venenatis faucibus. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Sapien vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis vitae sapien ut libero venenatis faucibus. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.

Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Cras ultricies mi eu turpis vitae sapien ut libero venenatis faucibus. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet.

Sapien vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis vitae sapien ut libero venenatis faucibus. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.


NOTICES / MESSAGES & TOGGLES


  • These are notices / messages, which can have any icon and optionally a close button. Good message first:

    green message

    Attention message:

    orange message

    Important or critical message:

    red message

    Neutral messsage with any text and icon:

    any icon & any message
    • Time is powerful multipurpose WordPress theme suitable for variety of site types: creative portfolio, big corporate site, personal blog, product-oriented site, video gallery & photo album – you name it.

    • Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

      In enim justo, rhoncus ut. Venenatis vitae, integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiata, tellus. Phasellus viverra nulla ut metus varius laoreet.

    • ThemeForest is an Envato Marketplace. At ThemeForest you can buy and sell HTML templates as well as themes for popular CMS products like WordPress, Joomla and Drupal with prices ranging from just $5 up to $40. Items are priced on the complexity, quality and use of the file. The site is home to a bustling community of web designers and developers and is the biggest marketplace of its kind.

    • If you need technical support, you can ask your questions in the comments section of the item you’ve bought, or contact me directly using contact form on my profile page.


TABLES


Table caption
Header column Another column Example
Nullam dictum felis eu pede. Aenean leo ligula, porttitor eu. quisque
Vivamus elementum semper. Aliquam lorem ante. rhoncus
Aenean leo ligula, porttitor eu. Ultricies mi eu turpis hendrerit fringilla. vitae
Nullam accumsan lorem in dui ultricies mi eu turpis fringilla. Nullam dictum felis eu pede. libero
Aliquam lorem ante. Nullam accumsan lorem in dui. sapien

COLUMNS


  • Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida.

  • Fusce vulputate eleifend sapersan. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum primis in fauci.

  • Dropcap looks like this. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec soda les sagittis magna. Sed conses quat, leo eget bibendum sodales, velit cursus.

  • Fusce vulputate eleifend sapersan. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus. Nullam accumsan lorem in dui. Cras ultricies mi eu turpis hendrerit fringilla. Vestibulum ante ipsum.

  • Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna miaslibero. Fusce vulpu tate eleifend sapien. Vesti bulum purus quam, sceler isque ut, mollis sed, nonummy id, metus.


FONTS


You can use one of hundreds fonts from the built-in library, or upload your own, and use it anywhere on a site. This one is called Alfa Slab One.

  • CODE


    .contact-form .load {
    	animation-name: load-rotate;
    	animation-duration: 1s;
    	animation-iteration-count: infinite;
    	animation-timing-function: linear;
    	display: none;
    	position: absolute;
    	margin-left: 10px;
    }

  • RATINGS



    Fantastic service. Wish you had more products to purchase from. Your support service is amazing. Author's Name


    Great simple but powerful theme. Too many theme designers get lost in the fancy designs of the theme but completely forget that most of us will be using themes for boring b2b and b2c style websites. Author's Name


BUTTONS


There are 4 sizes, and each button can have any color and any icon:

Buttons Can have Any color

Standard button Icon button

Big button Huge button


ICONS


Read more about icons in the Shorcodes section. A few examples: target bookmark clapboard chart-pie, and vector icons: etc. Thank you

© Copyright 2014 (You can edit / remove all credits)
Everything by kubasto

Credits for the demo content