“Movo App Responsive HTML Template ” Documentation by “Md Abul Bashar” v1.0


“Movo App Responsive HTML Template”

Created: 29/04/2018
By: Md Abul Bashar
Email: dualtheme121@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. Tips
  5. Sources and Credits

A) HTML Structure - top

The general template structure is the same throughout the template. Here is the general structure.

Index One

HTML Structure

Index Two

HTML Structure

Blog One

HTML Structure

Blog Two

HTML Structure

Blog Details

HTML Structure

404 Page

HTML Structure

Coming Soon Page

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:

	.primaryContent a {
		color: #someColor;
	} 

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.

	#wrap #primaryContent a {
		color: #someColor;
	}

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

I'm using two CSS files in this theme. The first one is a generic reset file. Many browser interpret the default behavior of html elements differently. By using a general reset 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 second file contains all of the specific stylings for the page. The file is separated into sections using:

For Index One CSS

/*---------------------------------------------------------------- // Table of contents // 01 Google Fonts CSS 02 Common CSS 03 Header Area A Main Menu B Sub Menu C Slider Area 04 Service Area 05 About Movo Area 06 Stunning Features Area 07 Awesome Screenshot Area 08 FAQ Accrodion Area 09 Testimonial Area 10 Pricing Area 11 Latest News Area 12 Newslatter Area 13 Location Maps Area 14 Footer Area 15 Footer Copyright Area ------------------------------------------------------------------*/

For Index Two CSS

/*---------------------------------------------------------------- // Table of contents // 00 Google Fonts CSS 01 Basic CSS 02 Header Area A Main Menu B Sub Menu C Sign/Signup D Slider Area 03 Overview Area 04 Awesome Features Area 05 Process Area 06 A QUICK VIEW IN SCREENS 07 Apps Download Area 08 Pricing Table Area 09 Latest Blog Area 10 Maps Area 11 Contact Area 12 Footer Area

Another Page CSS

/*---------------------------------------------------------------- // Table of contents // 00 Google Fonts CSS 1.0 Each Blog Page Common CSS for Header 1.1 Main Menu 1.2 DropDown Menu 1.3 Header Bottom 2.0 Blog one and Blog Two Page CSS 2.1 Pagination CSS 3 Only Blog Two Page CSS 4 Blog two and blog details Page (Sidebar) 5 Only Three Column (Blog One) Blog Page CSS 6 Only Blog Details Page CSS 7 Each Blog Page Footer CSS 7.1 Newslatter Area 7.2 Location Maps Area 7.3 Footer Area 7.4 Footer Copyright Area ------------------------------------------------------------------*/ /*--------------------------------------- 0 Google Fonts CSS -----------------------------------------*/ Some CSS Code /*--------------------------------------- 1 Basic CSS -----------------------------------------*/ Some CSS Code /*--------------------------------------- 2 Header Area -----------------------------------------*/ Some CSS Code

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 5px worth of padding and a light bluish background. If you would like to edit the display of these images, find the following section in the style sheet:

	#primaryContent #blog img {
		change styles here:
	}

C) JavaScript - top

This theme imports 9 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.
    	[some Javascript goes here...along with an general explanation]
    	[some Javascript goes here...along with an general explanation]
    	[some Javascript goes here...along with an general explanation]
    
  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:
    	[some Javascript goes here...along with an general explanation]

D) How to Change/Edit - top

Index Two

How to change background image and video?

Answer (Image): Go to theme main folder > style-2.css Open that file file and find below code

Change here your image link

			/*---------------------------------------
			   07 Apps Download Area
			-----------------------------------------*/
			.apps-download-area{background-color: #7b07b8;background-image: url(img/itwo/apps-download-bg.jpg);}
		

You can see below screenshot

Note: be careful don't remove quotation before and after that link.

Answer (Video): Go to theme main folder > index-2.html Open that file file and find below code

Replace with your video link here

You can see below screenshot

Now you can see youtube video link on src. just replace your video link.




Change Contact form email

Just Open process.php file and replace to your email



E) Sources and Credits - top

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


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.

Md Abul Bashar

Go To Table of Contents