Elemet Bootstrap HTML5 Template

This is Elemet HTML5 Template documentation v.1 by AdonCreatives team.

Table of Content


  1. 1. Introduction
  2. 2. Getting Started
    • Bootstrap Grid System
    • Using Font Icons
    • How to chane color schemes?
    • How to edit jQuery Files?
    • How to edit HTML Files?
    • How to edit CSS Files?
    • How to disable pre loading effect?
  3. 3. How to Use Contact Form?
  4. 4. How to Other Use Versions?
  5. 5. How to use Revolution Slider?

Introduction - #back to top


Elemet is the ultimate multi-purpose HTML template. It is clean, unique, super flexible, responsive, pixel perfect and comes packed with powerful options! This multi-purpose HTML template sets the new standard with endless possibilities, top-notch support, and free lifetime updates with newly requested features from our users.

There are 6+ elegant homepage designs with comprehensive layouts and it is perfect fit for business, agency, corporate, portfolio, freelancers, technology and any types of businesses. Also this template comes with 80+ valid HTML page templates. Let's see how it works:

Getting Started - #back to top


Thank you for purchase this product. Elemet is a responsive HTML5 website template component based in Bootstrap 3.+, HTML5 and CSS and JavaScript code.


Bootstrap Grid System

					
YOUR CODES GOES HERE

Our you can use the grid system with 2 columns like this;

					
YOUR CODES GOES HERE
YOUR CODES GOES HERE

Using Font 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. First you can download awesome font icons goes here : http://fortawesome.github.io/Font-Awesome/ (we included to the .zip).

		        	
		            
		        

Then upload fonts folder to the your css/ folder. That's it! Now use font awesome icons like this; (but its uploaded on this template you dont need upload again just use like below)

		        	
		            
		        

Icomoon Icons 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. First you can check the icon here: Icomoon (we included to the .zip).

		        	
		            
					
		        

Then upload fonts folder to the your css/ folder. That's it! Now use Icomoon font icons like this; (but its uploaded on this template you dont need upload again just use like below)

		        	
		            
		        

Elemet line Icons 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. First you can check the icon here(we included to the .zip).

		        	
		            
					
		        

Then upload fonts folder to the your css/ folder. That's it! Now use elemet line icons like this; (but its uploaded on this template you dont need upload again just use like below):We have included a zipped folder containing all the elemet line icons with their respective names.Just add elemet before the name as shown below.

		        	
		            
		        

How to chane color schemes?

We build awesome color schemes for Elemet HTML template. All of versions comes custom colors for example we used blue colors for default version. Open theme.css and search for RGB color rgba(3, 172, 220, 1) and #45AED6 if you can change all these colors to the your custom color, all blue colors will be change.

But other versions you can check custom styles.Do the same to corporate.css and master.css


How to edit jQuery Files?

We used some great jQuery plugins for this template.To edit some single pages or just you want to edit scripts.js please open it a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines that you want.


How to edit HTML Files?

We have included 80+ custom HTML5 templates like homepage styles, gallery styles, blog styles etc. Please open any HTML files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want.


How to edit CSS Files?

We have included some custom CSS styles like theme.css (all site codes) etc. Please open any CSS files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want.


How to disable pre loading effect?

If you want to remove preloading effect into your website, open any .html files and remove this lines;.

				    

How to use Contact Form? - #back to top


Our contact forms comes with custom Javascript files and custom form elements. I'll teach you how to use contact forms in below step by step.

Integrate JavaScripts

				    
				    
                    
   				

What is Google Map code?

				    	
     
	
   				

Edit sendEmail.php form

You need to edit sendEmail.php file for your email address. Please open sendEmail.php with a text editor and edit line : 6

   				$site_owners_email = 'example@example.com'; // Replace this with your own email address
   				

Please add your email address goes here


How to Use Other Versions? - #back to top


We build 6 awesome home versions for our dear clients. Listed below all versions

  • Home version 1
  • Home version 2
  • Home version 3
  • Home version 4
  • Royal Slider
  • Onepage

If you need any help please send me an email dickenstn@gmail.com I'll help you about it.

How to Use Revolution Slider? - #back to top


The Elemet template comes with super awesome slider plugin. The plugin name is Revolution Slider! This plugin value $14.00 and its free for you.

Please open rev-doc on the documentation folder and learn how to use it. I have list below example usage for revolution slider.

			        
  • Great experiences build great
    brands.
    Elemet is the first and trendy awesome Elemete multipurpose design with full pack of joy.
    Built by designers, for designers.

After build your own slider, you need to add your custom Revolution sliders scripts and style files. Check below

					    
					     
					    
					
					    
					       
					    
					

Please check rev-doc folder and learn use JavaScript plugin codes and all options.

PLEASE NOTE

We offer free installation and if you have any problem kindly let us know and we will be glad to help.

If you need any help please send me an email dickenstn@gmail.com I'll help you about it.

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 JavaScript codes under Elemet/assets/css/

  • 1. theme.css - Primary stylesheet
  • 2. bootstrap.css - Bootstrap stylesheet
  • 3. animate.min.css - Custom Animation stylesheet for portfolio
  • 4. line-icons.css - Line Font Icons stylesheet
  • 5. master.css - Custom stylesheet
  • 5. corporate.css - Custom stylesheet
  • 6. flexslider.css - Flexslider a Slideshow stylesheet
  • 7. font-awesome.css - Font Awesome icons stylesheet
  • 8. owl-carousel.css - Carousel Slider stylesheet

Used Photos
  • 1. Picjumbo
  • 2. Photodune
  • 3. Nothingtochance
  • 4. Shutterstock
  • 5. unsplash
  • 6. Dribbble
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 Elemet/assets/js/

  • 1. bootstrap.js - Bootstrap JavaScript
  • 2. jquery.royalslider.js - JavaScript files for royal slider
  • 3. chart.js - Custom Class JavaScript for charts
  • 4. countTo.js - Countdown JavaScript
  • 5. fitvid.js - Custom Video JavaScript
  • 6. scripts.js - All JavaScript Plugins
  • 7. jquery.flexslider.js - Flexslider JavaScript
  • 8. jquery.isotope.min.js - Portfolio Masonry JavaScript
  • 9. jquery.stellar.js - Parallax Background JavaScript
  • 10. scripts.js - CustomJavaScript Plugins
  • 11. owl.carousel.js - OWL Carousel JavaScript
  • 12. portfolio_01.js - All Portfolio JavaScript Plugins
  • 14. smooth-scroll.js - Onepage Scroll JavaScript
  • 15. text-rotate.js - Custom Text Rotate JavaScript
  • 17. wow-min.js - Animations JavaScript
  • 18. jquery.js - Base JavaScript

Support Help - #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 convenience, so please be patient, polite and respectful.

Please visit our support forum or ask question @adoncreatives

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

Version History - #back to top


You can find the version history (changelog.txt) file on Elemet-full.zip folder or you can check changelog on theme sale page.

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 Creativemarket, you might consider visiting the forums and asking your question in the "Item Discussion" section.