“LYGHT” Documentation by “Ateeque ur rehman” v1.0

---

“LYGHT”

---

Table of Contents

1. HTML Structure
2. CSS Files and Structure
3. JavaScript
4. Customization
5. Sources and Credits
\

---

A) HTML Structure - top

This template is a responsive layout with three columns. All the directories and files are well organized as it shown bellow.

---

B) CSS Files and Structure - top

I'm using one custom CSS files in this template.Many browser interpret the default behavior of html elements differently.

The CSS file contains all of the specific stylings for the page. The file is separated into sections using:

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.

Any images that are placed within the blog section have auto height. If you would like to edit the display of these images, find the following section in the style sheet:

---

C) JavaScript - top

This template imports three Javascript files.

1. jQuery
2. My custom scripts
3. Some plugin

1. jQuery is a Javascript library that greatly reduces the amount of code that you must write.
2. Most of the animation in this site is carried out from the customs scripts. There are a few functions worth looking over.

   	$.fakeLoader({
               bgColor: '#5ECFDA',
               spinner: "spinner3",
               timeToHide: 3000
           });
   

3. In addition to the custom scripts, I implement a few "tried and true" plugins to create the effects. This plugin is packed, so you won't need to manually edit anything in the file. The only necessary thing to know is how to call the method. For example:

   	 
   $(function(){
     $('.gallery').magnificPopup({
   	delegate:'.popimg',
   	type:'image',
   	gallery:{
   	  enabled:true
   	}
     })
   });
   

---

D) Customization

For changing your logo name you can do by changing it here

---

E) Sources and Credits - top

I've used the following images, icons or other files as listed.

• Fonts : Google webfonts
• Icons : Fontawesome
• Bootstrap4x : getbootstrap
• Jquery3.4.1 : jquery
• Magnific Popup Plugin : cdnjs
• isotope : github
• Fake Loader Plugin : joaopereirawd github
• Typed Js : mattboldt Github
• HD Images : Unsplash

---

Once again, thank you so much for purchasing this template.I'll provide support only via Templatemonster profile of vendor in our ticket system Kayako.

Ateeque ur rehman

Go To Table of Contents

---