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 (Petopia HTML Template)
- After unzipping the downloaded pack, you’ll find a Template Folder with all the files.
- 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).
- The only section that will not work is the Contact Section which contains PHP code and requires a server environment to send messages.
- 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.


