“Borno Fundraising Charity Template” Documentation by “TheWebLab” v1.0

“Borno Fundraising Charity Template”

Created: 05/04/2014
By: Enayet Husain Rajib
Email: eh.rajib@gmail.com

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Table of Contents

  1. HTML Structure
  2. CSS Files and Structure
  3. JavaScript
  4. Paypal Donate Button
  5. Mailchimp Subscription
  6. Contact Form
  7. Sources and Credits

A) HTML Structure - top

This theme is a responsive layout based on twitter bootstrap 3.0. A single page template. The sections are:

HTML Structure

You need to add/edit content within the above divs.

	a {
		color: #someColor;
	}

If you find that your new/custom style is not overriding, it is most likely because of a specificity problem. Scroll down in your CSS file and make sure that there isn't a similar style that has more weight.

I.E.

	.third a {
		color: #someColor;
	}

So, to ensure that your new styles are applied, make sure that they carry enough "weight" and that there isn't a style lower in the CSS file that is being applied after yours.

B) CSS Files and Structure - top

I'm using mainly one CSS files in this theme.

The file contains all of the specific stylings for the page. The file is separated into sections using:

	
/*

Borno Fundraising Charity Template


Table of content:

1. Google font
2. General/body
3. Menu
4. Intro
5. Helping children to educate
6. Stories	
7. How can you help
	7.1 price table
8. Recent activities
9. Team	
10. Subscribe
11. Image gallery
12. Contact with us
13. Social-icons
14. Footer
15. Animation effect
16. Custom media query

*/

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

There are some extra css files for adding different color schema and google fonts as shown in the demo. 

		
		< link href="css/color-4.css" rel="stylesheet" id="layoutstyle" >

		
		< link href="css/google-font.css" rel="stylesheet" id="googlefont" >
You can replace color-4.css with other files available under css directory. Alternatively you can edit color-4.css with your own custom style and font.

C) JavaScript - top

This theme imports three Javascript files.

  1. jQuery
  2. My custom scripts
  3. Plugin
  1. jQuery is a Javascript library that greatly reduces the amount of code that you must write.
  2. Most of the animation in this site is carried out from the customs scripts and css3. The custom javascript is inlcuded at the bottom of the html page.
  3. In addition to the custom scripts, I implement a few "tried and true" plugins to create the effects. This plugin is packed, so you won't need to manually edit anything in the file. The only necessary thing to know is how to call the method.

    1. The onscroll animation (for one time) with lib/jquery.appear/jquery.appear.js
    2. The parallax effect with lib/jquery-parallax/scripts/jquery.parallax-1.1.3.js
    3. The number animation with js/jquery.animateNumbers.js
    4. jQuery-One-Page-Nav lib/jQuery-One-Page-Nav/jquery.scrollTo.js and lib/jQuery-One-Page-Nav/jquery.nav.js
    5. Animations for Thumbnail Grids lib/ThumbnailGridAnimations/js/thumbnailGridEffects.js

E) Paypal Donate Button - top

There is two paypal donation button. 
			< input type="hidden" name="business" value="YOUR_PAYPAL_EMAIL_ADDRESS" >

Replace YOUR_PAYPAL_EMAIL_ADDRESS with your paypal email address.

F) Mailchimp Subscription - top

Edit the "lib/mcapi-simple-subscribe-jquery/inc/store-address.php" file:

		Line 24: replace "your_apikey" with an API Key retrieved from here:
			http://admin.mailchimp.com/account/api/
		
		Line 27: replace "my_list_unique_id" with the List Unique Id obtained by going to:
			http://admin.mailchimp.com/lists/
			
		Click the "settings" link for the list - the Unique Id is at the bottom of that page.

F) Contact Form - top

Edit the "lib/ajax-html-contact-form/email.php" file:

		Line 3: replace "YOUR_EMAIL_ADDRESS" with your email address.

G) Sources and Credits - top

I've used the following images, icons or other files as listed.

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Enayet Husain Rajib

Go To Table of Contents