Welcome

Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to ask via item's comments. Also please don't forget to give item ratings! :)

contact support

Basics

HTML Structure

This Template has a Responsive layout and is based on the Bootstrap v3.3.7 Framework. For more information about this visit Bootstrap.

Bootstrap includes a responsive, mobile first fluid grid system that appropriately scales up to 12 columns as the device or viewport size increases. It includes predefined classes for easy layout options, as well as powerful mixins for generating more semantic layouts.

Basic Grid HTML

This template is a responisve layout with 4 column Support column. All of the information in content area is nested within a class and comes with predefined classes. 

			

				

				

					
...

					
...

Mobile, tablet, desktop

Build on the previous example by creating even more dynamic and powerful layouts with tablet .col-sm-* classes.

			

				
.col-xs-12 .col-sm-6 .col-md-8

				
.col-xs-6 .col-md-4

			

			

				
.col-xs-6 .col-sm-4

				
.col-xs-6 .col-sm-4

				
				

				
.col-xs-6 .col-sm-4

CSS

CSS/FILE Structure

Mainly two main CSS files are used in this template. The first one bootstrap.css and second one is custom.css which for this template.

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

List of CSS files

  • reset.css - used to css reset
  • bootstrap.min.css - main css framework for this template
  • animate.css - used to make animation
  • bxslider.min.css - for bxslider jquery
  • owl.carousel.min.css - for owl carousel jquery
  • datepicker.css - used to calendar datepicker
  • fonts.css - used to template heading fonts
  • iconmoon.css - used to custom icon fonts
  • font-awesome.min.css - used to font icons
  • magnific-popup.css - for magnific popup jquery
  • select2.min.css - for select2 jquery
  • custom.css - main css file for this template

@Font-Face

All the headings in the template are used the font "texgyreadventor". It is an embedded font using the @font-face rule which was available on FONT SQUIRREL.

Google Web Fonts

By default, the template loads Roboto font from Google Web Font Services. You can change this font with the one that suits you best. It is just imported on the top of custom.css file.

			@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');

Javascript

Plugins

In addition to the custom scripts, We have added few java script plugins in custom.js to create the effects and functionalities. To edit these plugins, you can directly edit custom.js file.

List of javascipt files

Contact google map

We have integrated custom google map. You can modify your location by editing the coordinates according to your location. You can build your own map using snazzy map builder option, you can refer to Snazzy map.

Contact/Booking Settings

We have added an attractive and fully functional contact form. You need to update the recipient name and email address. You can change Subject and email address in contact.php file in contact_form folder

	//change where to mail sent 
    $PHPMailer->AddAddress('protechtheme@gmail.com');
    $PHPMailer->Subject = "Edumart Contact";

Mailchimp Subscription

We have integrated Mailchimp Subscription for this template. Please visit the tutorial to Add a Signup Form to Your Website Mailchimp Tutorial.