1. Start
  2. HTML Files & Structure
  3. Change Content
  4. CSS Files
  5. JavaScript

NIGHT ROOM - Creative Modern Onepage Template

One Page Parallax Theme

Thank you for purchasing my theme. If you still have some questions that you could not find in the scope of this help file, please contact me through email via my user page contact form here. You can also follow me on Themeforest to keep track of all my future themes, that you might be interested in. Thank you very much!

HTML Files & Structure

Site consists of 16 sections header, #home, #skills, #about, #team, .achievement, #services, .idea, #portfolio, .clients, .feedback, #price, .buy-now, #contacts, at the top the #mainNavi block, #footer at the bottom of the unit.
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="skills">
    <div class="container">
        [SKILLS]
    </div>
</section>

<section id="about">
    <div class="container">
        [SMALL_SLIDER]
    </div>
</section>

<section id="team">
    <div class="container">
        [TEAM_FACES]
    </div>
</section>

<section class="achievement">
    <div class="container">
        [ACHIEVEMENT]
    </div>
</section>

<section class="services">
    <div class="container">
        [SLIDER_WITH_SERVICES]
    </div>
</section>

<section class="idea">
    <div class="container">
        [IDEA]
    </div>
</section>

<section id="portfolio">
    <div class="container">
        [SLIDER_LIKE_MASONRY]
    </div>
</section>

<section class="clients">
    <div class="container">
        [CLIENTS_LOGO]
    </div>
</section>

<section class="feedback">
    <div class="container">
	    [CLIENTS_COMMENTS]
    </div>
</section>

<section id="price">
    <div class="container">
        [PRICES_FOR_SERVICES]
    </div>
</section>

<section class="buy-now">
    <div class="container">
        [BUY_NOW_BUTTON]
    </div>
</section>

<div id="contacts">
    <div class="container">
        [CONTACTS_INFO_AND_FORM_FOR_FEEDBACK]
    </div>
</div>

<div id="footer">
    <div class="container">
        [FOOTER_CONTENT]
    </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:

Change content

Our logo consists of 2 images, its logo.png and logo-mini.png. If you need to change only images you can feel free with this. Only replace images in images folder

If you dont have images for this you can write logo as text. example

<!--  LOGO  -->
<a class="logo" href="index.html">
  company name
</a>
<!--  //LOGO  -->

after this you can add same style for design your logo in style.css in the style folder

CSS Files

I'm using 16 CSS files in this theme.

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.