“Alke” Documentation by “IG_design” v1.0
“Alke”
Created: 2018
By: Ivan Grozdic aka IG_design
Email: ivang.design@yahoo.com
Thank you for purchasing my 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!
Customization
Installation
Follow the steps below to get started with your Site Template:
- Open the Package/Alke template Folder to find all the Templates Files
- You will need to Upload these files to your Web Server using FTP in order to use it on your Website.
- Make sure you upload the required files/folders listed below:
- Alke template/css – Extra Stylesheets Folder
- Alke template/img – Images Folder
- Alke template/js – Javacripts Folder
- Alke template/index.html – Index File/Homepage
- You’re now good to go..! Start adding your Content and show off your Brand New Beautiful Website in style.
Logo Settings
The Logo Container can be found in div with '.logo-wrap' class
<div class="logo-wrap"> <img src="img/logo.png" alt=""> </div>
Retina Logo and other images
If you wish to use a Retina Logo, or any other image, make sure that you have double the size of your Standard image in the "img" folder.
Changing Fonts
You can find the Linking to the Font Files in the head tag of all the .html files.
Template Customization
We have include a style CSS File in the css Folder so that you can better handle your Customizations while updating Alke to the Latest Version. Simply add all your Custom CSS Codes in the css/style.css File and link it in the Document <head>. Also make sure that this is the Last Linked CSS File in the Document <head> so that your Custom CSS Styles are Overwritten properly.
Bootstrap 4
Template is build with latest Bootstrap framework, the world’s most popular framework for building responsive, mobile-first sites. All Bootstrap 4 components, and how to use it can be find here
Table of Contents
A) CSS Files and Structure - top
This template uses css files contained in the css folder
Css files:
style - all elements style
bootstrap - css library
font-awesome - font icons
Css file style:
from line 14 - Primary
from line 86 - Preloader style
from line 301 - Cursor
from line 345 - Navigation
from line 750 - Hero Sections
from line 2040 - Blog
from line 2812 - Media, for smaller screens
B) HTML Files - top
Every page have HTML file. Edit HTML file of page that you want to change.
C) Image Files - top
All the graphic elements for the entire template are contained at the "img" folder.
D) Sources and Credits - top
I've used the following images, icons or other files as listed.
FRAMEWORK
JAVASCRIPT
FONTS
Once again, thank you for purchasing my 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!
IG_design