# Rubik

♦

##### Follow this short tutorial to learn how to get started with your new favourite page.

## Short Description and Usage

Rubik is a beautiful resource built over Twitter Bootstrap. Trying to create amazing looking landing pages, we have created the Rubik bundle, which is basically a collection of sections. From headers to description or teams areas, we have taken into account any element you might need to present yourself or your project and have created a section for it.

One of the key features of Rubik is customisation. We have tried to give you multiple options, from which you can choose the one that fits your needs. No matter your choice, it will fit in with the rest and look amazing. Just change the text and images inside the code and you will be ready to go.

## License

When you purchase an item from Creative Tim, you are actually purchasing a license to use that item. All our free items are under MIT license. All our premium items are covered by our Personal and Developer licenses. In order to understand the rights and restrictions that come with your purchase, please read the details from our Official License Page.

## Getting Started

Inside the archive you will find four fully-coded examples that follow the same structure. Every section in a page has multiple alternatives.

The easiest way to start is to use one of our pre-built examples where all the files are already included and ready to use. You can mix and match until you find the perfect fit.

Or, you can go to rubik-builder.html to manually choose the sections then there will be a generation function that will create all the necessary HTML for you.

## File Structure

Let's take it one by one:

x_rubik_1.2
--agency.html
--Creative Tim License.pdf
--getting-started.html
--houses.html
--index.html
--photo.html
--presentation-page.html
--rubik-builder.html
--sections.html
--startup.html
--template.html
--assets
---css
-----bootstrap.css
-----demo.css
-----jquery.bxslider.css
-----rubik.css
-----fonts
-------pe-icon-7-stroke.css
-------Rubik-Fonts.css
---img
---fonts
---js
-----bootstrap.js
-----gsdk-bootstrapswitch.js (used just for rubik-builder.html)
-----jquery-1.11.2.js
-----jquery-1.11.2.min.js
-----jquery.bxslider.js (used just for rubik-builder.html)
-----jquery.waypoints.min.js
-----rubik.js
-----modernizr.js

## Sections

After complex documentation, we have found out every great presentation page can be broke down into sections. We have tried to cover every piece and have ended up with the following results.

Going through them, we have:

1. Navigation Bar
2. Header
3. General Description Area
4. Company Description
5. Projects Area
6. Testimonials
7. Team Description
8. Statistics Area
9. Contact Us
10. Footers

For more details regarding the sections, where you can find the examples and how you can start coding, go to our sections page.