TICTOC CountDown

An Initiative of Creative-Era.com

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

HTML Structure

This Template is a fixed layout. All of the information within the main content area is nested within a div with an id of "container main-wrapper". The general template structure is the same throughout the template. Here is the general structure.

HTML Structure

If you would like to change color of circle countdown OR Need to change Title of Days, Hours etc.. Please Open any html file and find below code and edit it

data-fgcolor="#34aadc" data-bgColor="#e1e2e6"

CSS Files and Structure

We have Used Many CSS but to customize the look of template you need to edit style.css

The file is separated into sections using:

/*Logo Start Here*/
some code
/*Countdown start here*/
some code
/*Newsletter subscribe start here*/
some code
/*Footer start here*/
some codeetc, etc.

 

JavaScript

This Template imports Below Javascript files.

  1. Jquery - Main Javascript Library
  2. Modernizr - JavaScript library that detects HTML5 and CSS3 features in the user’s browser.
  3. Ccountdown - Countdown Script
  4. Backstretch - Full Size Background Image and Slideshow
  5. Tubular - Full Size Background Video
  6. Pawcarousel - Responsive Carousle
  7. Jquery Validate - Jquery Form Validation
  8. Appear - Animate Content on Scroll
  9. Jquery Animate - Content Animate Jquery
  10. Knob
  11. Easing
  1. To change the launch date, open general.js and change the date in the parentheses after .ccountdown at the top of the file. e.g. 
    //enter the count down date using the format year, month, day, time:time
 $(".count-down").ccountdown(2015,01,27,'23:29');

 

PSD Files

We've included PSDs with this Template:

  1. Layered PSD

PHP Code Explanation

To get subscribe message on your email id open the contact.php file and edit below code

$myemail = "templates@creative-era.com"; // Change this email ID with your email ID

Sources and Credits

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

Once again, thank you so much for purchasing this Template. As We said at the beginning, We'd be glad to help you if you have any questions relating to this Template. If you have a more general question relating to the Template on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Made with Love by creative-era.com

Change Logs

Version 2.0 (June 30, 2014)

- Add About us and Contact us page

Version 1.0 (May 09, 2014)

- Intial Realse