Mega Blocks HTML Template

This is Mega Blocks HTML Template documentation v.1 by GJ-Designs team.

Table of Content


  1. 1. Introduction
  2. 2. Getting Started
    • Bootstrap Grid System
    • Using Font Icons
    • How to edit jQuery Files?
    • How to edit HTML Files?
    • How to edit CSS Files?
  3. 3. How to Use Google Map?

Introduction - #back to top


Mega Blocks is the ultimate multi-purpose Block Based 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 10+ 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 65+ valid HTML page templates. Let's see how is it work and what all features for Mega Blocks template below;

Getting Started - #back to top


Thank you for purchase this product. Mega Blocks 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)

		        	
		            
		        

How to edit jQuery Files?

We used some great jQuery plugins for this template. All our plugins has been started from custom.js. If you want to edit custom.js please open it a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want.


How to edit HTML Files?

We have included 65+ custom HTML 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 style.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 use Google Maps? - #back to top


I'll teach you how to use google maps below.

Integrate JavaScripts

				    
					
					
   				

Edit Below Code Snippet Located in Your "contact.html" files

				    
   				

How to use page builder? - #back to top


The Mega Blocks template comes with awesome HTML page builder.! This is a premium page builder and your save $21.00!. HTML Builder is a nifty little Javascript application which allows end-users to easily compose custom HTML designs using pre-defined HTML elements. Please check for more informations PAGE BUILDER HERE.

After install our template from ThemeForest, you need to check the folder mega-blocks/builder/. The builder export option only work on localhost (with php server) and on your web hosting server.

We attached a documentation for the builder, please check documentation/builder-doc folder for default page builder informations.

PLEASE NOTE

We will add more section contents on the builder next versions. I hope so you like the premium feature!

If you need any help please contact me via my profile page on bootstrapbay.com

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 builder/elements/css/

  • 1. style.css - Primary stylesheet
  • 2. bootstrap.css - Bootstrap stylesheet
  • 3. font-awesome.css - Font Awesome icons stylesheet

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

  • 1. bootstrap.js - Bootstrap JavaScript
  • 2. gmap3.js - Google Maps JavaScript
  • 3. jquery.fitvids.js - Responsive Videos JavaScript
  • 4. jquery.sticky.js - For Sticky Headers JavaScript
  • 5. smoothscroll.js - SmoothScrolling JavaScript
  • 6. custom.js - All JavaScript Plugins

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 connivence, so please be patient, polite and respectful.

Please visit our profile page and ask question.

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
Item support does not include:
  • * Customization and installation services
  • * Support for third party software and plug-ins

Version History - #back to top


You can find the version history (changelog.txt) file on mega-blocks.zip folder.

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.