## Thank you for purchasing Funder

If you have any questions that are beyond the scope of this help file, please feel free to email funder@uou.ch - we will do our best to respond within 24 hours.

## Installation

Copy the files and folders in the HTML folder to your web hosting location. This will get you started and you'll be able to modify the theme based on your project.

## File Structure

This Template is using a powerful front-end framework for faster and easier web development - Bootstrap 2.3.1. When you install the template you can see this:

                     Funder/
                      ├── css/
                      │   ├── bootstrap.css
                      │   ├── colorbox.css
                      │   ├── jquert-ui.css
                      │   ├── resp.css
                      │   ├── selectbox.css
                      │   ├── style.css
                      ├── js/
                      │   ├── bootstrap.js
                      │   ├── contact.js
                      │   ├── jquery.colorbox.js
                      │   ├── jquery.filter.js
                      │   ├── jquery.js
                      │   ├── jquery.placeholder.js
                      │   ├── jquery.selectbox.min.js
                      │   ├── jquery-ui.js
                      └── img/
                          ├── ...
                          └── ...

Also You can see four types of index page (which represent the 4 different versions of Homepages):

                     Funder/
                      ├── index pages/
                      │   ├── index.html
                      │   ├── index_googlemap.html
                      │   ├── index2columns.html
                      │   ├── index4columns.html

Where index_googlemap.html - index page with google map in top of the page, index2columns.html - page with 2 columns of the project and index4columns.html - is the page which include 4 columns projects design and index.html is the version with the gallery.

## Markup Structure

This theme has a responsive design. You can customize the content, top widgets, navbar to be as width as you want. The general inner page template structure is the same throughout the template. Here it is:

        <div id="header">
              <div class="navigate">
                     ...
              </div>
         </div>
        <div id="navtop">
               ...
         </div>
          <div class="content">
                <div class="top_widgets">
                       ...
                </div>
                <h1 class="about">Tittle</h1>
                <div class="content_block">
                       ...
                 </div>
         </div>
         <div id="footer">
                        ...
         </div>

## Changing Pledge Amount:

When you open the project you can easily change the pledge amount. You can find the Name of the project and adjust the value of pledge, then the percents will automatically be calculated based on your pledged amout. The HTML code looks like this:

        <span href="#PROJECT_NAME">PRICE</span>

Where PROJECT_NAME - represents the Name of the project and PRICE - value of price which you want to change. All you need to do is just the change value - the percentage rate will display automatically

## Changing Project Images:

To change the images in a project, you only need to download a thumbnail picture and download a large preview picture

## SEO Settings

The template contains <head> information that you would probably want to edit: title, description (SEO relevant), keywords (SEO relevant), favicon, apple touch icon and Facebook share image:

    <title>Title goes here</title>
    <meta name="description" content="Description entered for SEO" />
    <meta name="keywords" content="list of keywords" />
    <link rel="shortcut icon" href="favicon.png" />
    <link rel="apple-touch-icon" href="images/touch-icon.png" />
    <link rel="image_src" href="images/touch-icon.png" />

## Widgets

This theme imports six mandatory Javascript files: jQuery, jquery.selectbox.min.js, jquery-ui.js, jquery.filter.js and typehead.js and bootstrap.js. jQuery is a Javascript library that greatly reduces the amount of code that you must write. The template includes a rich set of plugins in order to enhace the user experience: window smartresize, dootstrap slider, portfolio filter, auto-complete search etc. (some of them are placed in a common script file and the rest of them have their own separate file).

## Credits

- jQuery
- Bootstrap
- jQuery UI
- Google Map developers

## Greetings

Again we thank you very much for purchasing Funder, we wish you all the possible success and please do not hesitate mailing us in case you have any questions.

Cheers & Greetings

UOUdesign