“UX Coming Soon HTML Template” Documentation by “Afrussel” v2.0

“UX Coming Soon HTML Template”

Created: 07/02/2015
By: afrussel.com
Email: rasel365@gmail.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 my user page contact form here. Thanks so much!

HTML Structure
CSS Files and Structure
JavaScript
Php Script
Mailchimp integration

Features:

– Animated Countdown Timer
– Twitter bootstrap Based
– Fully Responsive Design
– Cross Browser Compatibility
– Well structured and commented code
– Easily customizable
– HTML5/CSS3 Based
– Social Icons
– Google web fonts
– FontAwesome icons
– No coding knowledge required
– Cross Browser

A) HTML Structure - top

UX Coming Soon HTML Template is followed html5 structure. All of the information within the main body area is nested within an html5 tag. We followed all coding standard procedure.

Head section structure: Here is the example of <head> section code.

Body section structure:

Here is the structure of one section of <body> tag. It is very much well organized and well commented.

Change Logo

If you would like to edit logo of this template, you would do the following line no 75:

Html:

<!-- Logo start here -->
		<section id="logo" class="fade-down">
			<a href="#" title="UX - Coming Soon HTML Template">
            	<img src="img/vh_logo.png" alt="UX - Coming Soon HTML Template">
            </a>
		</section>
<!-- Logo end here -->

Edit Social Link

If you would like to edit social link of this template, Search "tl-social" class and paste your link

Bellow those line number you can edit for social link

B) CSS Files and Structure - top

We are using sevaral CSS files in this template. We always follow the latest trends of coding standard. Many browser interpret the default behavior of html elements differently. By using a general reset CSS file, we can work round this. This file also contains some general styling, such as anchor tag colors, font-sizes, etc. Keep in mind, that these values might be overridden somewhere else in the file.

CSS files we uses

bootstrap.min.css - This is the main framework css file
styles.css - Main css file where you will get all custom css.
font-awesome.min.css - This is font awesome css file for all icons.
animate.css - nimation CSS file

style.css file contains all of the specific stylings for the page. The file is separated into sections with a table of content

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.

CSS structure:

C) JavaScript - top

Change Time for Countdown

If you want to change countdown time, you have to do the following:

1. js/general.js
2. go to line no. 10

Countdown time

D) Php Script - top

Change Email Address

If you want to change e-mail address, you have to do the following:

1. Go to line no. 170 of index.php
Email

E) Mailchimp integration - top

Change Email Address

If you want to change e-mail address, you have to do the following:

1. Go to line no. 170 of index.php
Mailchimp integration

Once again, thank you so much for download 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 fell Free to contact with me

Ahmed Faisal Russel

Go To Table of Contents