“Badam Agency” Documentation by “Alissio” v1.0

“Badam Agency”

Created: 27/10/2017
By: Alissio
Email: elvinmammadoff@gmail.com

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Table of Contents

  1. HTML Structure
  2. CSS Files and Structure
  3. JavaScript
  4. PSD Files
  5. Sources and Credits
  6. PHP Code Explanation
  7. API Usage

A) HTML Structure - top

This theme is a responsive layout with landing page. All of the information within the main content area is nested within a div with an class of "sections". The general template structure is the same throughout the template. Here is the general structure.

HTML Structure

If you would like to edit the color, font, or style of any elements in one of these columns, you would do the following:

	.services-item .icon i {
		color: #someColor;
		font-size: 99px;
	}

If you find that your new style is not overriding, it is most likely because of a specificity problem. Scroll down in your CSS file and make sure that there isn't a similar style that has more weight.

I.E.

	#services .services-item .icon i {
		color: #someColor;
		font-size: 99px;
	}

So, to ensure that your new styles are applied, make sure that they carry enough "weight" and that there isn't a style lower in the CSS file that is being applied after yours.

B) CSS Files and Structure - top

This theme imports 8 Css files.

  1. Bootstrap
  2. Font
  3. FontAwesome
  4. Main
  5. Responsive
  6. Aos
  7. Slick Slider
  8. Scrolling Nav
  1. Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.
  2. Import Fonts to stylesheet
  3. FontAwesome is iconic font and CSS toolkit
  4. Main custom style file
  5. For Responsive design
  6. Animate On Scroll Library.
  7. Slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more
  8. Scrolling Nav is a basic Bootstrap framework for creating smooth scrolling, one page websites

I'm using two CSS files in this theme. The first one is a main file. Many browser interpret the default behavior of html elements differently. By using a main CSS file, we can work round this. This file also contains some general styling, such as anchor tag colors, font-sizes, etc. Keep in mind, that these values might be overridden somewhere else in the file.

The file is separated into sections using:

	1 - Global
	    1.1 - Fonts
	2 - Header
	    2.1 - Navigation
	    2.2 - Carousel
	3 - Sections
	    3.1 - About us
	    3.2 - Services
	    3.3 - Portfolio
	    3.4 - Team
	    3.5 - Partners
	    3.6 - Contact Form
	4 - Footer
	    4.1 - Contacts
	    4.2 - Google Map

The second file contains all of the specific stylings for the responsive page.

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.

C) JavaScript - top

This theme imports three Javascript files.

  1. Bootstrap
  2. jQuery Easing Plugin
  3. jQuery
  4. Main
  5. Scrolling Nav
  6. Aos
  7. Slick Slider
  8. jQuery touchswipe
  1. Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.
  2. A jQuery plugin from GSGD to give advanced easing options.
  3. jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
  4. Main JS file for init lightgallery, google map, aos scrool animate, toggle search modal
  5. Scrolling Nav is a basic Bootstrap framework for creating smooth scrolling, one page websites
  6. Animate On Scroll Library
  7. Slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more
  8. TouchSwipe is a jquery plugin to be used with jQuery on touch input devices such as iPad, iPhone etc

D) PSD Files - top

For more info about psd file go to this LINK

E) Sources and Credits - top

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

Font used:
	Raleway
	BigNoodleTitling
	Font Awesome
	Bootstrap Glyphicons

F) PHP Code Explanation - top

index.php file for deploy and init on docker container or heroku.

G) I've used Google map api for generate Google Map - top

You ease change map style or marker from guidelines Google Map

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. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

RafiqFarzali

Go To Table of Contents