# White - Free Responsive One Page Template

## One Page Parallax Theme

- By: annabalashova
- themeforest.net/user/annabalashova

Thank you for downloading this free theme. You can check our premium resources from the above link.

### HTML Files & Structure

Site consists of 7 sections `header`, `#home`, `#about`, `#projects`, `#team`, `#news`, at the top the `.menu` block, `#footer` at the bottom of the unit.
And also from the inner pages: `blog.html`, `blog-post.html`, `portfolio-post.html`. To hange the styles, colors, and other options in the site you can in css/style.css file.

    <header>
        [LOGO AND MENU BLOCK]
    </header>

    <section id="home">
        [TOP FULL SCREEN SLIDER]
    </section>

    <section id="about">
        [SERVICES AND A BRIEF DESCRIPTION]
    </section>

    <section id="projects">
        [PRESENTED WORK AND CUSTOMER LOGO]
    </section>

    <section id="team">
        [OUR TEAM MEMBERS]
    </section>

    <section id="news">
        [CLIENTS SAY ABOUT US AND LATEST NEWS]
    </section>

    <div id="footer">
        <div class="container">
            [FOOTER_CONTENT_HERE]
        </div>
    </div>

If you would like to edit the color, font, or style of any elements in one of these columns, you would do the following:

- Colors: autoCorrect is necessary to change the foreground color (Ctrl + F);
- Fonts: replace the existing font assigned to the `body`;
- Elements: you can swap, delete all items on the page;

### CSS Files

I'm using six CSS files in this theme.

- `style.css` - Main stylesheet. This file also contains some general styling, such as anchor tag colors, font-sizes, etc.
- `bootstrap.min.css` - bootstrap styles
- `flexslider.css` - FlexSlider styles. Used in the blog.
- `owl.carousel.css` - own.carousel styles. Used in the Clients block and Features Works
- `animate.css` - animation styles
- `prettyPhoto.css` - PrettyPhoto style.

Mind that these values might be overridden somewhere else in the file.

`style.css` file contains all of the specific stylings for the page. The file is separated into sections using:

    /*-----------------------------------------------------------------------------------*/
    /*	NAME OF BLOCK
    /*-----------------------------------------------------------------------------------*/

    etc.

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

All images are found in the `images`. If you want to replace the image, just copy the folder with the same name as the original file with identical proportions.

### JavaScript

Twelve Javascript files are used in this site.

- `myscript.js` - User configuration file scripts. Most of the animation in this site are carried out from the customs scripts. There are a few functions that you can look at.
  file contains all of the specific stylings for the page. The file is separated into sections using:

      /*-----------------------------------------------------------------------------------*/
      /*	NAME OF BLOCK
      /*-----------------------------------------------------------------------------------*/

      etc.

- `blog_post.js` - Calls scripts, used on the inside page of posts
- `jquery.flexslider-min.js` - FlexSlider script. Used in the home block.
- `jquery.isotope.min.js` - Isotop script. Used in the blog.
- `jquery.own.carousel.js` - used to scroll the block "command" and Features Works.
- `jquery.prettyPhoto.js` - PrettyPhoto script. script allows you to magnify images.
- `animate.js` - appearance of the animation function blocks when scrolling website.
- `jquery.BlackAndWhite.js` - Apply a black white logo customers.
- `jquery.mb.YTPlayer.js` - video player on slides in section `home`.
- `jquery.min.js` - jQuery 1.10.2.
- `jquery.nicescroll.min.js` - replacement for the standard to scroll.
- `superfish.min.js` - drop-down menu of the second level.