Welcome

Thank you for purchasing our HTML templates. 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! :)

Basics

HTML Structure

This Template has a Responsive layout and is based on the Bootstrap v4.4.0 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

Testimonials

To update testimonial content and pictures.

                

What Clients Say?

Read our favorite reviews about our Job Platform from our clients.

“Donec ullamcorper in est eget venenatis. Nam malesuada pharetra placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed sed sagittis leo. Mauris aliquet sem sem, et accumsan ligula consectetur id. Aenean arcu tortor”

“Donec ullamcorper in est eget venenatis. Nam malesuada pharetra placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed sed sagittis leo. Mauris aliquet sem sem”

“Donec ullamcorper in est eget venenatis. Nam malesuada pharetra placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.”

“Donec ullamcorper in est eget venenatis. Nam malesuada pharetra placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed sed sagittis leo. Mauris aliquet sem sem, et accumsan ligula consectetur id. Aenean arcu tortor”

“Donec ullamcorper in est eget venenatis. Nam malesuada pharetra placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed sed sagittis leo. Mauris aliquet sem sem”

“Donec ullamcorper in est eget venenatis. Nam malesuada pharetra placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.”

“Donec ullamcorper in est eget venenatis. Nam malesuada pharetra placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed sed sagittis leo. Mauris aliquet sem sem, et accumsan ligula consectetur id. Aenean arcu tortor”

“Donec ullamcorper in est eget venenatis. Nam malesuada pharetra placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed sed sagittis leo. Mauris aliquet sem sem”

John Villiam

Web developer

John Villiam

Web developer

John Villiam

Web developer

John Villiam

Web developer

John Villiam

Web developer

John Villiam

Web developer

John Villiam

Web developer

John Villiam

Web developer

CSS

CSS/FILE Structure

Mainly two main CSS files are used in this template. The first one bootstrap.css and second one is style.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

  • style.css - used to make style
  • custom.css - If u need any change then use this css file
  • responsive.css - used to make responsive style
  • bootstrap.min.css - main css framework for this template
  • animate.css - used to make animation
  • jquery-ui.min.css - for ui
  • meanmenu.min.css - for menu
  • owl.carousel.min.css - for owl carousel jquery
  • jquery.bxslider.css - for bxslider jquery
  • magnific-popup.css - for magnific popup
  • font-awesome.min.css - used to font icons
  • nice-select.css - for select input
  • slick.css - for slick slider
  • slick-theme.css - for slick theme css
  • flaticon.css - for flaticon icons

Google Web Fonts

By default, the template loads Montserrat 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=Montserrat:300,400,400i,500,500i,600,600i,700,700i,800,900|Roboto:300,400,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

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 Google map.

Contact Form 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 
                $to = "info@ogwebsolutions.com"; // this is your Email address
                $subject = "Form submission";