1. Start
  2. HTML Structure
  3. Stylesheet & Skin Colors
  4. Menu Sections
  5. Carousel Slider
  6. Animations
  7. Contact Form
  8. Sources and Credits
  9. More Wow Themes
  10. Free Wow Themes

Quasar

HTML Parallax MultiPurpose Template

.

Thank you for purchasing our theme. If you have any questions, please feel free to email us!

HTML Structure

For a simple two column layout, create a .row and add the appropriate number of .col-md* columns. As this is a 12-column grid, each .col-md* spans a number of those 12 columns, and should always add up to 12 for each row (or the number of columns in the parent).Everything is wrapped within the .container class.

Example:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<div class="container">
    <div class="row">
        <div class="col-md-8">
            Main content here
        </div>
        <div class="col-md-4">
            Sidebar here
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            Half column here
        </div>
        <div class="col-md-6">
            Other half here
        </div>
    </div>
</div>

Here's an illustrative example.

 

CSS Files and Structure

There are three main CSS files used in theme. 

  1. bootstrap.min.css -  (the original bootstrap stylesheet);
  2. font-awesome.min.css  ( stylesheet for icons)
  3. style.css -  (custom stylesheet for this template);
  4. skin-blue.css -  (skin for this template);

It is important that you keep the order of the stylesheet files in header as shown in our theme. If you want to modify the stylesheet, use style.css.

How to change color skin

In order to change the color skin, replace skin-blue.css in all of the files (in head) with the skin color of your choice from css/ folder.

Example,if you choose the green skin, replace:

1
<link rel="stylesheet" href="css/skin-blue.css">
with
1
<link rel="stylesheet" href="css/skin-green.css">