Petopia HTML Template Quick Start Guide

This document covers the installation and use of the Petopia HTML Template and often reveals answers to common problems and issues – read this document thoroughly if you are experiencing any difficulties.

Installing Template

  1. After unzipping the downloaded pack, you’ll find a Template Folder with all the files.
  2. You can view this Template in any browser, you can display or edit the Template without an internet connection.(Fonts and Google Maps might not work without internet connection).
  3. The only section that will not work is the Contact Section which contains PHP code and requires a server environment to send messages.
  4. Once the files are done uploading go to www.yourdomainname.com/index.html

Template Structure

All information within the main content area is nested within a body tag. The general template structure is pretty the same throughout the template. Here is the general structure of main page (index.html).

CSS Files and Structure

These are the css files that are loaded into the Head Tag

Web Fonts

By default, the template loads the free Google fonts & Custom, you can change the font with the one that suits you best.

Javascript Files and Structure

These are the list of Javascript files that are loaded into templates in end of the Body Tag.

Was this article helpful to you?