Charity Plus - Nonprofit, Crowdfunding & Charity HTML5 Template

Thank you very much for purchasing our template. We've put a lot of hard work into it, and we hope you love it as much as we do. As far as the documentation is concerned, we have tried to cover as much as possible to help you get your new template up, running and customised as soon as possible.

Once again Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to email us.

If you like this template, please remember to rate it on Themeforest - it really helps us to know what people think of our templates. To rate this item, go to your Downloads page on Themeforest, then next to this template click on a star rating you'd like to give us.

Thank you very much.

HTML Structure

This theme is responsive layout. All the content is wrape up with the page-wrapper class. The basic structure contains :

<header></header> - Logo and navigation

<footer></footer> - Copyright info

All other contents separate by it's own section with HTML section element or div.

<section></section> or <div></div> - All other contents

Here is the general structure.

CSS Files and Structure

All CSS are located in the "css" folder of the template. Each CSS File is well commented and easy to use and customize to your own needs. style.css file is the main css file of the theme. Here's the list of the CSS files:

SASS Files and Structure

All SASS file are located in the "sass" folder of the template. For changing the theme style you can change the sass files as you want. If you want to change the entire theme color your can change the $theme-primary-color variable value which is located in the helper folder _variables.scss file

Javascripts

All JavaScript / jQuery plugins are located in the "js" folder of the template (supersized slider js files are located in the "supersized-slider" folder). You do not need to edit these items. script.js file is the main javascript file for the theme behavior located in the same folder. You can edit it if you want.

Font

We used Font Awesom, Flaticon for icon and following Google fonts for text

Montserrat
Noto Sans
Work Sans

Contact Email

For setting the contact mail open the item folder, find mail.php file and open it. Then replace the $to vaiable value with your email address. All set.

Event 3 col

For setting event 3 col page colck go to script.js file and find the following section. Both now and end parameters are used to specify the start and end times respectively in Epoch time. The jQuery function $.now() returns the the present time in milliseconds. Divide the returned value by 1000. You need to calculate the Epoch time to the date first. Go this link and convert your target date as Epoch timestamp and put the value here

now:  $.now()/1000 ,
end: 'put your epoch value'

. Thats it.