Legislator HTML Template Documentation

Lovingly crafted by Rescue Themes
Ways to Get in Touch
Other Useful Links

Thank you for purchasing this theme! A big high-five from the Rescue Themes team!

This document covers the installation and use of this theme and is intended to get your site up and running quickly.

If you have any questions that are beyond the scope of this help file, please feel free to send us a message through our Envato Marketplace contact form.


Getting Started

Legislator is an HTML template which means that you will need to have basic server knowledge to install it and HTML/CSS knowledge to customize it.

All template files will be included within the Legislator download package.

The HTML structure will be documentated throughout with notations such as:

 <!-- Main Stylesheet -->


Additionally, element classes will use naming conventions that identify the purpose of the section.

For more information about how to customize HTML templates, consider online tutorials such as Tuts+, Code Academy, or w3schools

Color Skins

This template is pre-packaged with 6 color skins. To change the color skin, simply un-comment the color you'd like to use in the header of the template file:

<!-- Skins (Blue is Default) Uncomment the one you'd like to use -->
<!-- <link href='css/skins/red.css' rel='stylesheet' type='text/css' /> -->
<!-- <link href='css/skins/green.css' rel='stylesheet' type='text/css' /> -->
<!-- <link href='css/skins/purple.css' rel='stylesheet' type='text/css' /> -->
<!-- <link href='css/skins/black.css' rel='stylesheet' type='text/css' /> -->
<!-- <link href='css/skins/white.css' rel='stylesheet' type='text/css' /> -->

For example, to use the "green" color skin, activate the green stylesheet like this:

<!-- Skins (Blue is Default) Uncomment the one you'd like to use -->
<!-- <link href='css/skins/red.css' rel='stylesheet' type='text/css' /> -->
<link href='css/skins/green.css' rel='stylesheet' type='text/css' />
<!-- <link href='css/skins/purple.css' rel='stylesheet' type='text/css' /> -->
<!-- <link href='css/skins/black.css' rel='stylesheet' type='text/css' /> -->
<!-- <link href='css/skins/white.css' rel='stylesheet' type='text/css' /> -->


Contact Page


The Contact Page template will have a .php extension rather than .html. This means that it needs to be uploaded to a server that's running PHP in order to function.

You'll need to update "contact.php" with your own email address so that you receive messages. To do this, locate the following line at the top of template page:

$emailTo = '<YOUR_EMAIL_HERE>';

And replace "<YOUR_EMAIL_HERE>" with your own email address. For example:

$emailTo = 'hello@rescuethemes.com';

Donation Page


The donation page is setup as a full with submission form for your users to send donation payments.

The page uses the Donately donation service. To accept donations with the donation form pre-packaged with this template:

  1. Create a free account with Donately
  2. Login and navigate to your forms page
  3. Copy your Donately ID and paste it into the donation form script in donate.html. Example:

    data-donately-id="1963"
  4. Adjust your donation settings from within the Donately admin panel.

Credits

Zurb Foundation
http://foundation.zurb.com

Google Fonts - Open Sans
http://www.google.com/fonts/specimen/Open+Sans

Fancybox v2
http://fancyapps.com/fancybox

Font Awesome
http://fortawesome.github.io/Font-Awesome

Simple PHP Contact Form
https://github.com/pinceladasdaweb/Simple-PHP-Contact-Form

Images:
http://photodune.net/item/elegant-bearded-success-business-man/4174822
http://deathtothestockphoto.com
http://gratisography.com
http://picjumbo.com
http://getrefe.tumblr.com
http://unsplash.com/


Last but not least, thank you for purchasing this theme!

Jump on back to the intro section of this document if you need to get in touch (there will be some handy links for you up there).