iProof - Multipurpose HTML Template
- Created: June, 2017
- Author: ThemeAtelier
- Email: themeatelierbd@gmail.com
- Latest update: 25, July, 2022
The iProof is a professional HTML5 multi-purpose template made with Bootstrap framework. It's responsive for all of the devices and designed with a clean look and feel, stylish & modern trend. It comes with one unique layout which includes tons of sections, customization options and features for multiple purposes.
Structure:
HTML Structure
Every section start with a comment like this:
<!-- Header Section Start --> HTML codes for this section <!-- Header Section End -->
CSS structure
Every point of CSS content you will find start with a comment like this:
/* ------------------------------------
#. CSS point name
------------------------------------ */
CSS codes here
JS structure
Every point of JS content you will find start with comments like below in main.js file under js folder.
/* ------------------------------------
BACKGROUND IMAGE
------------------------------------ */
General:
Main Color:
Changing main color is easier then ever. Just open "theme-color.css" file and use your color codes.
Font Family:
All fonts used from google web font directory. We used it by link tag in .html files. Example is given below. You could change these fonts very easily. Follow google web font document here to see how to do.
<!-- Google Fonts --> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700%7COpen+Sans+Condensed:300,700">
General Fonts Style
All general typography used in "style.css" file. You can manage them easily. Every code organized and commented very nicely.
Logo Text
You can change current logo text to your own text. See image below:
Logo Image
You can use image logo instead of text logo . In our demo we used text logo, if you wish to use image logo remove or comment current demo text logo markup and comment out image logo markup.See image below:
Portfolio API:
Set Your Dribbble/Behance API Key:
To change dribbble/behance api keys, open "main.js" file in the code editor then find the comment "// Set Your Dribbble and Behance API Keys".
Counter Items:
Add/Edit Counter Items:
To change counter items open the file in the code editor then find the comment "Counter Item Start".
Contact form and hire form email Settings :
Add you contact form email id:
Add you hire form email id:
Google Map:
Add Google Map Api Key:
To add google map key open the html file in the code editor then find the comment "Google Map API".
Change Google Map Position:
To change google map position open the file in the code editor then find the comment "Map Start".
Support:
Support:
If you need to know anything else doesn't hesitate to ask us by our ThemeForest profile or our email thmeatelierbd@gmail.com.