HTML Templates Documentation

Introduction

Thank you for purchasing Website Template. Within this manual we will show you how to manage a template, edit it, set up and create a ready-to-use website. We did our best to simplify this instruction and make it clear and easy to use.

What is Website Template?

Website Template stands for a high-quality set of pages, coded manually. Pages' content consists of HTML code and dynamic animation is added by using JavaScript.

Preparation

Before proceeding with Website Template installation, you need to prepare. It is recommended that you follow the steps listed below:

Software

We recommend that you download all the required software to edit Website Template.Software Required is listed on the template preview page.

Technical requirements might differ depending on specific template, therefore we will list the most basic ones:

  1. First, you'll need proper unzipping software for password-protected sources_#########.zip package extracting. You may use WinZip 9+ (Windows) and Stuffit Expander 10+ (Mac). This is a mandatory software.
  2. You might also require Adobe Photoshop (v. CS3 or higher). It is used for editing source .PSD file and is required for performing graphic design changes or editing template images.
  3. You should also use code editor, i. e. Sublime Text, Notepad++, Atom, etc. to edit the source code of template files.
  4. For files uploading to server FTP manager will be also needed, like FileManager at your hosting control panel or desktop applications, such as Total Commander, FileZilla, CuteFTP, etc.

Hosting

You can run index.html file directly from your site folder, but it won't let you explore all template functionality. You should upload template to hosting server in order to display a fully working website correctly.

In case you have existing server already, please check if it meets Landing Page requirements, listed on template preview page. For most templates PHP 5.4+ version is the only one required.

You may also install Website Template to your computer locally by using localhost. In order to set up local server you may use WAMP, AppServ, MAMP or any similar software. All of them are installed in the same way as regular application.

Feel free to check the following tutorials on how to set up local server:

Files structure

After template extracting you'll see the following files & folders structure:
  • documentation
    includes template's documentation files (on template editing and setup).
    • documentation.html
      main documentation file. You are reading it at the moment.
  • screenshots
    includes template's sceenshots. They are not intended to be used at live site.
  • site
    includes template's pages as .html files.
    • bat
      includes .php script for contact form.
    • css
      includes all .css files, used in template.
    • images
      includes all images, used in .html files.
    • js
      includes JavaScript libraries and jQuery plugins.
  • sources
    includes template's source files.
    • psd
      includes .psd Adobe Photoshop files.
    • sass
      includes .scss SASS files, used in template.
  • info.txt
    includes information on a password-protected "sources" folder.

Validation

Template's HTML and CSS files are semantically correct. However, some issues may appear while checking code via W3C service. It is related to CSS3 and HTML5 properties usage. We would like to provide you with the most user-friendly product of high quality, for this purpose it is required to implement latest rules, not yet adopted as standard. They are working totally cross-browser, just may be still not recognized as valid.