...
...
Umda - Innovative Multipurpose Creative Template
Umda template documentation version 1.0
Introduction
- Item Name : Umda - Innovative Multipurpose Creative Template
- Item Version : v 1.0
- Author : Energetic Themes
- Support Forum : http://support.energeticthemes.com/
First of all, Thank you so much for purchasing this template and for being my loyal customer.
You are awesome!
You are entitled to get free lifetime updates to this product + exceptional support from the author directly.
This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this template is made and how to edit this properly. Basic HTML and CSS knowledge is required to customize this template. You may learn basics here, here and here.
Requirements
You will need the following sofwares to customize this template.
- Code Editing Software (eg: Dreamweaver, Sublime Text or Notepad)
- Web Browser for testing (eg: Google Chrome or Mozilla Firefox)
- FTP Tool to upload files to Server (eg: FileZilla)
Be careful while editing the template. If not edited properly, the design layout may break completely.
No support is provided for faulty customization.
HTML Structure #back to top
Umda is based on Bootstrap 4.0 and uses the default Bootstrap 12 column grid system
...
...
For a more detailed explanation of the Bootstrap grid - see the Bootstrap documentation here
Simple coding structure of page
< !DOCTYPE html>
< html dir="ltr" lang="en-US">
< head>
...
< /head>
< body>
< /body>
< /html>
Header #back to top
Header Structure
Horizontal menu structure is based on Bootstrap 4.0's Navbar.
| Type Class | Features | Code Example |
|---|---|---|
Default |
Default Header with a White Background & Dark text. |
|
.absolute_header |
Absolute header |
|
.fixed-top |
Sticky Header |
|
Logo
The Logo Container can be found in the Header Container - .navbar
Navigation Structure
Horizontal menu structure is based on Bootstrap 4.0's Navbar.
| Type Class | Features | Code Example |
|---|---|---|
Default |
Navigation align Left |
|
.ml-auto |
Navigation align right |
|
Mega Menu Structure
Page Elements #back to top
Elements#back to top
Portfolio Carousel
| Type Class | Features | Code Example |
|---|---|---|
.full-screen |
Full screen carousel |
|
.full-screen-minus-header |
Full screen carousel without header height |
|
Support Desk #back to top
Please remember you have purchased a very affordable theme and you have not paid for a full-time web design agency. Occasionally we will help with small tweaks, but these requests will be put on a lower priority due to their nature. Support is also 100% optional and we provide it for your connivence, so please be patient, polite and respectful.
Please visit our profile page or ask question @energeticthemes
Support for my items includes:- * Responding to questions or problems regarding the item and its features
- * Fixing bugs and reported issues
- * Providing updates to ensure compatibility with new software versions
- * Customization and installation services
- * Support for third party software and plug-ins
Before seeking support, please...
- * Make sure your question is a valid Theme Issue and not a customization request.
- * Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
- * Make sure to double check the theme FAQs.
- * Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
- * If you have customized your theme and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
- * Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
- * Make sure to state the name of the theme you are having issues with when requesting support via Marketplace.
Files & Sources #back to top
Included Stylesheets
These are the primary CSS files used for general front-end styling. Use these to customize your theme even further. All included CSS codes under Umda/css/
- 1. style.css - Primary stylesheet
- 2. bootstrap.css - Bootstrap stylesheet
- 3. aos.css - CSS Animation
- 4. fontawesome.css - FontAwesome Font Icons stylesheet
Included JavaScript
These are the various attribution inks to the Javascript files included or modified to work with in this theme. All included JavaScript codes under Umda/js/
- 0. jquery.min.js - Base JavaScript
- 1. bootstrap.js - Bootstrap JavaScript
- 2. plugins.min.js - All JavaScript Plugins
- 3. jquery.smoothState.min.js - Smooth State
- 3. main.js - Main js file (calling all funcations )
Version History (Changelog) #back to top
-----------------------------------------------------------------------------------------
Version 1.0 -
-----------------------------------------------------------------------------------------
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on Marketplace, you might consider visiting the forums and asking your question in the "Item Discussion" section.