Hello.
Thanks for purchasing "Indiega"!
  1. INTRODUCTION
  2. TIPS
  3. TEMPLATE FEATURES
  4. INSTALLATION
  5. FAILES STRUCTURE
  6. HTML STRUCTURE
  7. CSS STRUCTURE
  8. JAVASCRIPT
  9. CUSTOMISATION & STYLES
  10. FONT AWESOME ICONS
  11. SOURCES & COPYRIGHTS
1. Introduction
Thank you for purchasing "Indiega" - Multipurpose Extra Large Theme.

Please do share any thoughts or comments with us. We'd like to hear from you!
If you need help, please do not hesitate to ask us. We'll be ready to reply you on our ThemeForest comments page.
Back to Top
2. Tips
Use Firebug or Chrome Developer Tools.
Do not start from scratch, use an existing page from the demo and modify it to learn how it works.
Quickly find what you are looking for in this document by using your browser's "Find in Page" feature, typically Control + F.
Many times plugins are to blame when a site fails, always try disabling any third-party plugins if you encounter an error you can't solve.
Explore the live demo for pages ideas and sample code.
Back to Top
3. Template Features
  1. Based on Twitter Bootstrap 3.3.7 - Intuitive, and powerful front-end framework for faster and easier web development.
  2. 100% W3C Valid Files - We have tested all of our files on W3C to make sure everything is up to latest standards.
  3. Fully Responsive Design - Indiega Template is fully responsive which means it will look excellent on your desktop, laptop, tablet and smartphone.
  4. Cross Browser Compatible - Indiega Template looks excellent in most popular browsers - Chrome, Opera, Safari, Mozzila, IE9+
  5. Three Blog Layout - Has three Blog templates (Whithout sidebar, with left sidebar, with right sidebar).
  6. Four Gallery Layout - Has four different Gallery templates.
  7. On Scroll Effect Layout - An on scroll effect template that animates the sides of sections once they are in the viewport.
  8. Parallax Background Layout - Dynamic animation to move between content panels.
  9. Very Easy to Customize - We love clean and organized code, so we put a lot effort in commenting every section of HTML and CSS files to make your customization fast and easy.
  10. Font Awesome Icons - Choose your favorite icons from Font Awesome 4.7.0.
  11. Dedicated Support - We take support very seriously for all of our items. So please, if you'll have any questions do not hesitate to contact us. We'll be happy to assist you in any way we can. We will try to answer to all your question within 24 hours, often less.
Back to Top
4. Installation
Indiega HTML Template doesn't require any installation or DB use. You only need to extract the indiega.zip/ in to your www or public_html directory on your server or local computer.

Attention! That folder structure and files names are important to make the template working correctly.
Back to Top
5. Failes Structure
The archive folder has the following structure:
  • assets
    • css (CSS files)
    • fonts (Folder with fonts files)
    • images (Each images for the page is placed in a folder with the page name. Images for the main page are in the root)
    • js (JS files)
    • plugins (The folder with all the js plugins)
  • pages (all HTML template files)
Back to Top
6. HTML Structure
In this template we used as a framework, the Bootstrap Framework v3.3.7 - getbootstrap.com

The default Bootstrap3 grid system is composed by 12 columns, named like "col-*-1", "col-*-2", "col-*-3"...."col-*-12". Grid systems are used for creating page layouts through a series of rows and columns that house your content.

Click here to see how the Bootstrap3 grid system works.
Back to Top
7. CSS Structure
Here's a list of the stylesheet files we're using with this template, All CSS files are placed in "css" folder. You can find more information opening each file:

  1. bootstrap.min.css - Generic styles, resets & normalization
  2. responsive.css - This stylesheet contains responsive rules for adapting the template to any resolution, from desktop to small mobile.
  3. style.css - The main CSS file contains all of the specific stylings for the page such as font-size, font-color etc.
  4. video-js.css - Video player Style
style.css is main CSS file in this template which you are free to modify depending on the customization you require.
Back to Top
8. Javascript
This template uses several scripts many of which are documented within the template's code. If you're a developer, you will find this particularly useful. Here are the included Javascript files:

  1. bootstrap.min.js - This framework provides additional user-interface elements such as dialog boxes, tooltips, carousels etc.
  2. jquery.inview.min.js - jQuery plugin for tracking element's appearance in browser viewport.
  3. jquery-3.3.1.min.js - Is a Javascript library that greatly reduces the amount of code that you must write.
  4. moment.min.js - jQuery plugin for Parse, validate, manipulate, and display dates and times in JavaScript.
  5. progressbar.min.js - Plugin for create responsive and stylish progress bars for the web.
  6. script.js - This file contains the general jQuery setups for the scrollup plugin and more.
  7. video.js - Is an open source library for working with video on the web, also known as an HTML video player.
Back to Top
9. Customisation & Styles

Changing Fonts

To change the embedded font, please take a look in the head part of the website and you will find this tag: 
  1. <link href="http://fonts.googleapis.com/css?family=Lato:400,900italic,900,700italic,400italic,300italic,300,100italic,100" rel="stylesheet" type="text/css">
To change the font, first go to http://www.google.com/fonts/ choose a font and use the generated code.

Changing Logo

Logo image is placed in "images" folder. So, first step is to change the image there.

Back to Top
10. Font Awesome Icons
This HTML Template uses Font Awesome Icons. Font Awesome gives you scalable vector icons that can instantly be customized - size, color, drop shadow, and anything that can be done with the power of CSS.

Example of using icons in HTML: <i class="fa fa-angle-down" aria-hidden="true"></i> <i class="fa fa-play" aria-hidden="true"></i> <i class="fa fa-pause" aria-hidden="true"></i> <i class="fa fa-facebook" aria-hidden="true"></i> <i class="fa fa-twitter" aria-hidden="true"></i> <i class="fa fa-google" aria-hidden="true"></i> If you need more information, please visit this site: fontawesome.com

Back to Top
11. Sources & Copyrights
All the images/photographs used in our demo site and all the rights of them belong to their creators/owners.
Back to Top
We hope you'll love "Indiega" and its features. Again, don't hesitate to share any thoughts, ideas, comments or requests with us. We're here to help you and to make your "Indiega" experience better.

Talk to you soon!

DenysThemes
Back to Top