Created: 08/21/2013
By: Supview
Email: hello@iamsupview.be

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!


Table of Contents

  1. HTML Structure
  2. CSS Files and Structure
  3. JavaScript
  4. Newsletter
  5. Sources and Credits

A) HTML Structure - top

This theme is a one page portfolio. All of the information within the main content area is nested within a div with an id of "primaryContent". The general template structure is the same throughout the template. Here is the general structure looks like.

HTML Structure

As you can see, you can also edit the width of each columns and make display the work as you like! It's based on the Gumby Framework grid, you can see more informations here : Grid of Gumby Framework.


B) CSS Files and Structure - top

There's always a table of content like this one

	
/*

	01. Key Frames & Font Face
	02. Generals Settings
	03. Header Section Settings
	04. Container Section Settings
	05. Sign Up Section Settings
	06. Footer Section Settings
	07. Media Queries for Mobile Settings
	08. Media Queries for iPad/Tablet Settings
			
*/

I'm using three CSS files in this theme.

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

	
/* 03. HEADER SECTION ================================================== */

	some code

/* 04. CONTAINER SECTION ================================================== */
	
	some code
	
/* 05. SIGN UP SECTION ================================================== */
	
	some code
	
/* 06. FOOTER SECTION ================================================== */
	
	some code
	

The second file named gumby.css is the framework that i'm using. you have nothing to touch there. It's for the row and column.

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.

The last file named metrize.css is the stylesheet for the social icon.
You can see how to use it following this link : Click here


C) JavaScript - top

This theme imports Ten Javascript files.

  1. jQuery 1.9.1
  2. jQuery Modernizr
  3. main.js
  4. jquery.scrollto.js
  5. classie.js
  6. cbpScroller.js
  1. jQuery is a Javascript library that greatly reduces the amount of code that you must write.
  2. Modernizr make an altenative for others navigators if they don't accept some code.
  3. main.js contain little script for making the always top navigation, smooth scrolling etc. This is where you setup most the js library.
  4. jquery.scrollto.js is used for smooth scrolling
  5. classie.js is used for reduced height of the navigation when you scroll down.
  6. cbpScroller.js is used for the side effect

D) Newsletter Form - top

For using it with your E-Mail just replace the code below here on line 3.

$to = "hello@yourmail.com";

E) Sources and Credits - top

I've used the following images, icons or other files as listed.


Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Go To Table of Contents