ILHAM - Multi-purpose HTML Template

The ILHAM is a professional multi-purpose HTML5 template made with the Bootstrap framework and material design. It’s responsive for all of the devices and designed with a clean look and feel, stylish & modern trend. It comes with 55 unique HTML pages which include tons of sections, 10 different header, 4 different footers and 4 different section title version. iLhem also has 7 different portfolio versions and 7 different blog layout version with the single pages. ILHAM has 9 different type of pre-made color schemes unlimited color can be added very easily. You can use this template for the agency, business, portfolio, corporate deal or any types of website. To get professional look website with minimum cost, ILHAM can be your best choices.

Main Features

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: 

/*  ----------------------------------------------------
1. CSS point name
-------------------------------------------------------- */

CSS codes here

 

JS structure

Every point of JS content you will find start with comments like below in app.js file under js folder. 

/******************** 1.1 PORTFOLIO FILTER ********************/

 

General:

Main Color:

Changing main color is easier then ever. Just open "css/colors" folder and there have all pre-made css files. If you want to use color version from our pre-made files you have to just comment out exact css file in HTML decoument.

If you want to use your own colors than you have to edit any document or create a new color css file and link it to HTML files.

Font Family:

All fonts used from google web font  directory. We used it by importing CSS link on style.css file under css folder. Example is given below. You could change these fonts very easily. Follow google web font document here to see how to do. 

/*  ----------------------------------------------------
1. IMPORT GOOGLE FONTS
-------------------------------------------------------- */
/* Body font */
@import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,600,600i,700,700i');
/* Heading font */
@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,600,600i,700,700i'); /* Body font */

General Fonts Style

All general typography used in "style.css" file. You can manage them easily. Every code organized and commented very nicely.

Logo Image

You can use image logo. You have to use 2 version of logo to loog good in dark portion of header and light portion of header. See image below how to do that: 

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:

All contact form we used in our item is dynamic form

You can set your own e-mail address to recieve e-mails from your website. To do that open php/sendmail.php file and follow bolow image:

Google Map:

Add Google Map Api Key:

To add google map key open the html file in the code editor then find the comment "GMAP3 js".

Change Google Map Position:

To change google map area open the js/app.js file in the code editor then find the comment "2.18 CONTACT MAP". and set lat long code for your area. You may find your area lat long from here: https://www.latlong.net/

Mail subscription on Coming Soon page

We have added an local subscription form system for coming soon pages. You will find all of users mailing lists for subscriptions on subscribe/email-list.txt file.

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.

Sources and Credit