ozV^T jdRt\m[!-sDgLAvZOϮ +6p - > Eqm1L  * byjHç]f42rE2qz؇$NLy<濓әGT(umt/:^+R/!U^w%+j8.*}z \ƙM35g SWobcpG'V4SC罢7I]1#~ X^-\kmQ_y$X~U#L:M'FNn> WE!7Rppg.:nNrGGhӢ5p3TYOMO [pid3M5~X$yy|W8?'[kGcKJʔ ~5Am@ 5}&̉чˆ #Kh^GVdV|k|<&q+2%i#!Td.TV^91J(s8aq~IΟSOў׎C-@JLnKr1W߮0F_H<0"\^`\*ձxh;+")ee{ xqfdBan|?ƻ[drߜZ,{^g"hT`{P/U M)FszoP:fc9 ZKsm1u}QZB ҼO6ScZ18y@m ť'W}͔-%ZJ緩R WtM@6RgWʾjOUk9-YhcG\{K rcmEzܗauwuަs>}կ+iP*o>?*N+#1_}YޫWj9S'mLdLB>̙%fӐQ 0n3AG}o| b+f*).@=_!*-]_5ϊtd."6!qaK{hݽi?2<,JSާT$Y8ۇK-\8^g{S (|w%yw$NDMwcjr. 6)F5@a 8x㋌K`SVG]j‡`Rwt;$ el-R h)/G^ Qw| &0I"ּٍ~ j:c2b;z'H2/&>ΖsrUCdTT`5O{Uɒu5;p$tYXCFlE{2kA`񯐴(XiLo?9P&}4MO;>ȋJN9VpAQ+Ә=|k2oCmO'Jl,XCA<}/0z%8@,&(ncyg'WSEMDCRsC X3Tm4)4 %)S>.7 TϻYlsP 0bgPwcjr. 6)F5@a 8x㋌K`SVG]j‡`:K+Zxu=_ݚ-/fyw_Cyօ; ~FޠWG Tvh J22%j/a F~o<)$+0uɇ!\yptRe3dc1\c;a!o X =7GV>Bcpn?.36*@?zĎ{rϐVS^a()kJ~?D$N<-=ew[EH>dW QH &q5FZKʤs}0CӺ:%ZAC֌` sS0 F]X\/IλYZ `: El.C0M m:94uGޚߕ|w:Pw!rcD&wJUhqS@1CpI( ,GwW7H ^תSg ׈/X9'[1mh"/')nmbڤY'ݲCD +K) st2CӡT#\< &'TVe>Sq.F+˪N΍e\~拯@ (A>onL+Z$ڳ SP% 2qv*?G)c{9C 0 +x;/Ik{nbu'PAS8]c4-5 5'ϡ00uyq[bI#Ce I:g_sHj9BS|K:o!P34Vq!/-nH!&9{"6nXKc2|c :2C3 b@1|zAd5I5 _|6<ѕ_~?*@v3>S' .L~geP &U$ME"Z 7E.M%?7 ^_O GU'ӌE!`\s ޒmc=_–D vhGTc8$S=c ƫ2i8m$u%0Yק( ט-)wCafIy #T%т_g$GWJҞCٰ V2+'KsEk/,N |\r >yK?fpdȶc6*p"]w=Q6gU徙L%G">hև9~8v!{nl=Jp'Di1qGYkP|/vIε{⍂9,4@Zazn n A$/DW(qVwF{| R`Qbg;X'jAQR*RV hP%AB+>8u>+Ȼ=âf0&Jcŋ CS"`7;tgA+GoUR̺oc Jdy0| ;[DAau *;~$G/3c?o@2Az&0~nU΂O MMowM]`qHX'~ I`6Ь.' <}J1Lf:*a!r`@Un8S."͐.5P Cf`:vvCmTܣ_J݈Yz^U=Ø.Gn[u׃R9\Ro;z'H2/<=Obi}Slg(Ɗ QH &q5FZ]dXnB+NylbV\/IinF['3AΛC=svBnJ O;2:\ @F/6l:PL1=Ga/vwB:ޕ|loQH &q5FZ Z(?iQ1'],QI,ck1\c;asG{ '.x.۽Gq$e3Ȥw-~\bK n)%r_tz{@ϜnBh'B/38= ^f>=|ٜ^.OW1nG6.C0M m:

HTML Structure


The html template uses Bootstrap v3 with valid HTML5 tags. This theme 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.

Here is Basic Grid HTML

For a simple two column layout, create a .container and add the appropriate number of .col-md* columns.

Given this example, we have .col-md-6 and .col-md-6, making for 12 total columns and a complete row.


...
...

Here is Nesting Columns example

To nest your content with the default grid, add a new .container and set of .col-md* columns within an existing .col-md* column. Nested rows should include a set of columns that add up to the number of columns of its parent.


Level 1 column
Level 2
Level 2
Level 2 column

Here is Basic col Layout

CSS (stylesheet) Files and Structure


Three main CSS files are used in this Template. The first one is bootstrap.css, second one is style.css which for this template and third one is responsive.css to control responsive layouts.

If you want to add or 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. Also you can add your own css file as per your requirements.


These are the css files that are added into templates in top in head tag.




















                

Website Fonts

By default, the template loads this font from Google Web Font Services, you can change the font witas per your requirements.




                

You can also change the font setting from style.css


@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Montserrat:400,700|Open+Sans:300,300i,400,400i,600,600i,700,700i|Oswald:300,400,700');


@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery.fancybox.css');
@import url('jquery.mCustomScrollbar.min.css');
@import url('jquery.bootstrap-touchspin.css');


javascript and Jquery


This template imports some of Javascript files.

  • bootstrap.min
  • jQuery
  • Custom scripts (script.js)
  • Wow
  • owl
  • Some plugins

  • jQuery is a Javascript library that greatly reduces the amount of code that you must write. and it load fast.
  • Most of the animation in this site is carried out from the jquery scripts. Wow.js Owl.js revolution.min.js nouislider.js etc

You can use any plugin as per your requirements, This template also support third party plugin, just you need to integrate correctly.



These are the JS files that are loaded into templates in end of the Body Section.



  






























                

Google Map Settings



You can use google map iframe to display your map location.Or visit google map documentation

https://developers.google.com/maps/documentation

Those are you giver to alocate your location which is listed below:

  map-lat

  map-lng

  map-zoom

How To edit (Tutorial)


LOGO


Lets start updating the template. Open index.html file and follow the below steps to understand how to edit template.

Most of the updates are same for all pages. So will explain once here.


You can change the logo from header class - .main-header tag


Replace or rename "images/logo.png" with your logo image url source or website name .


Menubar (navmenu)


This is the basic structure.



you can Add your own menu item to that ul li item. and if you want to add dropdown menu just make a nesting ul li with class of dropdown



Main Footer

You can create any number for footer widgte, as per your requirement,below we created simple footer.

footer-bottom


Footer bottom



        

replace "© Copyright MyIndustry 2021 . All right reserved." with your copyright info.. as per your requirement

Zoom Effect On images (gallery)


  
    

Contact Form Activation


You can activate your contact form using html and php file. For contact form activation you need to change the or update the credentials in contact.php file and (contact-footer.php file for footer contact.)

Simple Contact Form (Method 1)

                      
                       $your_email = "example@gmail.com";
                  

Contact Form Activation with PHP Mailer

                      
    $mail->isSMTP();                                            // Send using SMTP
    $mail->Host       = 'smtp.example.com';                    // Set the SMTP server to send through
    $mail->SMTPAuth   = true;                                   // Enable SMTP authentication
    $mail->Username   = 'user@example.com';                     // SMTP username
    $mail->Password   = 'your password';                         // SMTP password
    $mail->SMTPSecure = 'SSL';         // Enable TLS encryption; `PHPMailer::ENCRYPTION_SMTPS` also accepted
    $mail->Port       = 461;                                    // TCP port to connect to
                  

Sources and Credits


Fonts Used int the template are google fonts, you can find theme on Google Fonts API on google check and update as per your requirement.

  • Google Font
  • jQuery Plugin
  • Faticon Font
  • Fontawesome
  • Bootstrap Framework

Template Support


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. I'll do my best to assist you. If you have any queries, please feel free to contact us at Support Center.