“Cornike - Business HTML5 Template” Documentation by “Tripples” v 1.0


Cornike - Business HTML5 Template

Created: August, 2016
Updated: November 12, 2016
By: Tripples
Email: tripplesworld@gmail.com

Thank you for purchasing Cornike. If you have any questions that are beyond the scope of this help file, please feel free to email via profile page contact form or mail me to tripplesworld@gmail.com


Table of Contents

  1. Introduction
  2. HTML Structure
  3. CSS Files and Structure
  4. JavaScripts
  5. Navigation and Logos
  6. Fonts used
  7. FAQs
  8. Sources and Credits

A) Introduction - top

Cornike is a professional HTML template specially designed for small businesses or agencies website. This template comes with twitter bootstrap 3, Owl Carousel, Isotope, Beautiful Tab, Accordion, Video Popup and more.

Template Features


B) HTML Structure - top

HTML Files

General HTML structure

This template structure based on Twitter Bootstrap 3. Here is the sample structure.








C) CSS Files and Structure - top

Styles


	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

All css files are separates for improving convenience to edit this template.

Some of stylesheets contain Table of content for easy navigation, for instance style.css:


/* Table of Content
==================================================
1.    Typography
2.    Global Styles
3.    Top Bar
4.    Header area
5.    Slider
6.    Call to action
7.    Features
8.    Facts
9.    Services
10.   Project area
11.   Content area
12.   Testimonial
13.   Subscribe area
14.   News section
15.   Footer
16.   Sub Pages
17.   Contact Us
18.   News Listing
19.   News Single
20.   Sidebar
21.   Error page
  
*/


D) JavaScript - top

Below is the list of Javascript files.


	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

	
	

If you face any difficulites to find source then please knock me to tripplesworld@gmail.com

Header Logo

As you can see the logo is : Image based (by default) and you can make it text based if you want.

	

Navigation Menu

The page navigation links such as Home, Blog, Contacts etc are included.




G) Fonts Used - top

I have used Hind as body font and Roboto Slab as heading font in this template.

  1. Roboto Slab - Google Web Font
  2. Hind - Google Web Font


H) FAQs - top

How to change Contact Form Email Address for own?

  1. Please, open contact-form.php
  2. Find line 4 you will see
    $recipient = "yourmail@domain.com";
  3. You should change 'yourmail@domain.com' with your own.

How to change Contact Map Address?

  1. Please, open contact1.html or contact2.html file and see the below screen shot.
  2. Change your Google API key from line # 469. Here is the link how to get Google MAP API KEY
  3. Change Address from line # 480
  4. Latitude and Longitude from line # 482 and #487

I) Version 1.1 Instruction - top

Version 1.1 comes with improve mobile menu. Firstly replace style.css, responsive.css and custom.js file. Use #. (Hash Dot) to see the below screen shot on Parent menu.


J) Sources and Credits - top


Once again, thank you so much for purchasing this template. I'd be glad to help you if you have any questions relating to this template. I'll do my best to assist.

Tripples, tripplesworld@gmail.com

Go To Table of Contents