“Clark” Documentation by “REVOLUMIA” v1.0

“Clark”
Elegant responsive landing page

Created: 1/7/2015
By: REVOLUMIA
Email: info@revolumia.com

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. PSD Files
  5. Contact form
  6. MailChimp subscribe form
  7. Social networks
  8. Sources and Credits

A) HTML Structure - top

This theme is a responsive one page layout with one column made on Bootstrap 3.0 foundation so please refer to original docs for more info (http://getbootstrap.com/css/). If you would like to place or make a full screen width element - please place it outside of this div. The general template structure is the same throughout the template.

HTML Structure

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

/*------------------------------------------------------------*/
/* COLOURS */
/*--------------------*/

.white{
	color: #ffffff;
}

.grey{
	color: #bbbbbb;
}

.black{
	color: #000000;
}

B) CSS Files and Structure - top

This template is built on Bootstrap 3.0 foundation and uses several CSS files:

  1. bootstrap.min.css - the main bootstrap styles
  2. animate.css - animation styles
  3. style.css - template styles

While you can surely edit any file you want, please note that main template styles reside in style.css file. 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.

	
	/*------------------------------------------------------------*/
	/* Preloader */
	/*-----------*/
	
	some code
	
	/*------------------------------------------------------------*/
	/* List style */
	/*------------*/
	
	some code
	
	/*-----------------
	Header */
	
	some code
	
	/*-----------------
	Gallery */
	
	some code
	
	etc, 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.

C) JavaScript - top

This theme imports three Javascript files.

  1. Main template scripts - scripts.js
  2. jQuery appear - jquery.appear.js
  3. jQuery inview - jquery.inview.min.js
  4. jQuery stellar - jquery.stellar.js
  5. jQuery video background - jquery.videoBG.js
  6. jQuery - jquery-1.11.0.min.js
  7. Bootstrap 3.2 - bootstrap.min.js
  8. Gmap3 - gmap3.min.js
  1. Template's JavaScript is used mostly to initialize 3rd party plugins and libraries 
    	
/**************************************
 GALLERY LIGHTBOX + SWIPE (tos'r'us)
 **************************************/

$('#gall li a').tosrus({
	pagination: {
		add: true
	},
	keys: {
		next: 39,
		prev: 37,
		close: 27
	}
});



/**************************************
 PARALLAX BACKGROUND (Stellar)
 **************************************/

if (!isMobile) {
	$(window).stellar({
		horizontalScrolling: false,
		verticalOffset: 60,
		horizontalOffset: 0
	});
}

D) PSD Files - top

We have included one big psd in Sources folder

If you'd like to change the main image in the header, creates the image visual.jpg (1024px x 1024px) and replace the existing one in assets/images

If you'd like to change the main image in the parallax backgrounds, creates the image bgphoto.jpg (1024px x 1024px) and replace the existing one in assets/images

E) Contact Form - top

To set up your email address as the recipient of the contact form messages, change this file:

  1. assets/inc/config.php - (line #4)

F) MailChimp subscribe formForm - top

The only thing you need to do to setup the mailchimp form is to change this file:

  1. assets/inc/config.php - (add Mailchimp API key at line #8 and subscription list ID at line #12)

But please refer to the original script author if you need a deeper insight (assets/inc/form-newsletter.php) - http://stackoverflow.com/questions/5025455/some-basic-mailchimp-api-examples-required

G) Social networks - top

All links to social networks are hardcoded and should be changed directly in the code

H) 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.

Revolumia

Go To Table of Contents