Buy now
Buy now

What are you looking for?

Use our live search form to get specific articles of documentation.

Template Structure

Inside the folder of ‘mou-template‘ you’ll see 3 types of files:

  1. A folder called assets
  2. All HTML files (Filename extension .html)
  3. A PHP file (Filename extension .php)

The visual structure of the ‘mou-template’ folder

mou-template/

  • assets
  • index.html
  • about.html
  • blog.html
  • contact.html
  • ….html
  • mail.php

The visual structure of the ‘assets’ folder

mou-template/assets/

  • css
  • fonts
  • images
  • js
  • webfonts

HTML Files (Filename extension .html)

HTML files are the main markup files for your website pages/sections. In the Mou template, there are 44 HTML files. You’ll need a code editor to edit these HTML files and replace the contents with your own text and images.

PHP File (Filename extension .php)

The template comes with a simple PHP mail script that allows you to gather leads from your website without using any CMS or 3rd-party mailing tool.

Assets

All necessary assets files are included in this folder. The main stylesheets, scripts, used plugins and libraries, fonts, images, etc.

CSS

This folder contains all stylesheet files for Mou template. To make your own customizations like fonts and colors, you’ll need to open the style.css file in a code editor like Visual Studio Code.

Fonts

This folder contains the files of flaticon icons used in this template. You don’t need to do anything here.

Images

This folder contains all media files like logos, icons, photos, videos, etc. You’ll see that all photos are just grey color placeholder images with instructions of image size. In some sections, you can use small images but please keep the ratio according to the given size in pixels.

JS

Lots of JavaScript plugins/libraries are used in the Mou template for some special features. As a non-technical user, you don’t need to do anything here, but if you need any customization of functionality you can edit the ‘main.js’ file with a code editor like Visual Studio Code.

Webfonts

In the Mou template, I used FontAwesome as the main icon library. This folder contains all FontAwesome icons necessary font files. You don’t need to do anything here.