Introduction

  • Item Name : Soon
  • Item version : V 1.0
  • Item Author : Rebai Adnen
  • Support E-mail : adnen.rebai@gmail.com

First of all, Thank you so much for downloading this template and for being my loyal customer. You are awesome!
You are entitled to get free lifetime updates to this product + exceptional support from the author directly.

This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this template is made and how to edit this properly. Basic HTML , CSS and javascript knowledge is required to customize this template.

Requirements

You will need the following sofwares to customize this template.

  1. Code Editing Software (eg: Sublime Text or Notepad)
  2. Web Browser for testing (eg: Google Chrome or Mozilla Firefox)
  3. FTP Tool to upload files to Server (eg: FileZilla)

Be careful while editing the template. If not edited properly, the design layout may break completely.
No support is provided for faulty customization.

Getting Started

This is the content of the template , just the config.js file you need to change it to have any demo from the 24 demos.

  • assets
    • css
      • bootstrap.min.css
      • font-awesome.min.css
      • style.css
      • vegas.min.css
    • fonts
    • img
      • favicon.ico
      • logo.png
    • js
      • jquery.min.js
      • jquery.ajaxchimp.js
      • main.js
      • particles.js
      • vegas.js
  • index.html
  • config.js

Ok , open config.js we will start to configure our template :

  • Choose between the 3 differents option of background: "gradient","image" or "slideShow"
  • for background type:"gradient" choose the between "bg-color-one","bg-color-two" , "bg-color-three" or "bg-color-four"
  • for background type : "image" fill the image_url:"" with your image path
  • for background type : "slideShow" fill slides paths :"" with your images paths
  • Activate or deactivate particle : "true" or "false"
  • Choose between 4 differents CountDown : "counter-one","counter-two","counter-three" or "counter-four"
  • fill the launch date ,Month , Day , Year
  • Fill the post url of your mail chimp
  • everything is great !, upload to server

Background Gradient

Open config.js choose gradient for background.type , and choose between 'bg-color-one','bg-color-two','bg-color-three','bg-color-four' for gradient:" "

Background Image

Open config.js choose image for background.type , and put your image url on image_url:""

Background SlideShow

Open config.js choose slideShow for background.type , and put your images urls on slideShow slides src. "

Particle

Open config.js and choose between true or false for particle ."

CountDown

Open config.js choose the style of Counter "counter-one", "counter-two","counter-three" or "counter-four" , and choose your launch date

Here are counters styles
counter-one
counter-two
counter-three
counter-four

Mail Chimp

Open config.js and put your mail chimp post url .

UPLOAD TO SERVER

For this example i m using FileZilla

Once you connect, simply browse your local drive to upload from the Local Site window on the left. Drag the files to the appropriate folder on the right, e.g. "/public_html."

File & Source

Included Stylesheets

CSS files are included under assets/css

  • 1. style.css - Primary stylesheet
  • 2. bootstrap.min.css - Bootstrap stylesheet
  • 3. vegas.min.css - vegas slideshow css
  • 4. fontawesome.css - FontAwesome Font Icons stylesheet
Included JavaScript

Javascript files are included under assets/js

  • 1. jquery.min.js - Base JavaScript
  • 2. particle.js - particle JavaScript code
  • 3. app.js - particle JavaScript configuration
  • 4. jquery.ajaxchimp.js - jquery ajaxchimp javascript code
  • 5. vegas.js - slideshow vegas JavaScript code
  • 6. main.js - custom JavaScript code