Charitona PHP Documentation 1.0.0

Thank you very much for your purchase!

If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via our Support mail : Support

Introduction

Our Charitona PHP template is perfect for NGOs and non-profit organizations, featuring 30+ fully responsive pages. It includes a donation cart, two unique campaign pages, news, event blogs, and more to engage your audience.Built with Bootstrap,it ensures device-friendly, cross-browser compatibility for a seamless user experience. The template is designed to boost fundraising efforts, showcase campaigns, and keep supporters updated. With a clean, modern layout and easy customization, it’s ideal for charities looking to make an impactful online presence. Start raising awareness and driving donations with this powerful, user-friendly solution!

Installation

To setup the PHP theme, follow below-mentioned steps

  • Install PHP
    • If you're using XAMPP, WAMP, or MAMP, PHP should already be included. Make sure your server environment (Apache, Nginx, etc.) is configured to work with PHP. If PHP is not installed, you can download it from the official PHP website.
  • Download and Extract the Zip File:
    • Download the zip file containing all files integrated with Charitona. Extract the contents of the zip file to your desired location.
  • Running the PHP Application:
    • Start your PHP server. If you're using XAMPP, WAMP, or MAMP, start Apache. Navigate to localhost in your web browser and specify the port number if necessary (e.g.,http://localhost:{{PORT}}).
  • Editing Charitona Template:
    • Before all that you have to edit your template and place your own contents by replacing old demo contents, in this case, you will need a code editor such as – VScode, Sublime Text etc.

File Structure

├──  Charitona /
│  ├──  assets/
│  │  ├──  CSS/
│  │  │   │   └──  all.min.css
│  │  │   │   └──  animate.css
│  │  │   │   └──  bootstrap.min.css
│  │  │   │   └──  responsive.css
│  │  │   │   └──  slick.css
│  │  │   │   └──  slick-theme.css
│  │  │   │   └──  style.css
│  │  ├──  images/
│  │  ├──  js/
│  │  │   │   └──  skins/
│  │  │   │   └──  bootstrap.min.js
│  │  │   │   └──  froogaloop2.min.js
│  │  │   │   └──  html5lightbox.js
│  │  │   │   └──  isotope.js
│  │  │   │   └──  item-counter.js
│  │  │   │   └──  jquery.counterup.min.js
│  │  │   │   └──  jquery.waypoints.min.js
│  │  │   │   └──  jquery-3.6.1.min.js
│  │  │   │   └──  jquery-migrate-1.4.1.min.js
│  │  │   │   └──  popper.js
│  │  │   │   └──  progress-bar.js
│  │  │   │   └──  script.js
│  │  │   │   └──  slick.min.js
│  │  │   │   └──  slick-animation.min.js
│  │  ├──  webfonts/
│  ├──  partials/
│  │  ├──  layouts/
│  │  │   │   └──  layoutTop.php
│  │  │   │   └──  layoutBottam.php
│  │  ├──  become-volunteer-page.php
│  │  ├──  blog.php
│  │  └──  blog2.php
│  │  └──  blog3.php
│  │  └──  blog-details.php
│  │  └──  campaigns-page.php
│  │  └──  campaigns-page-2.php
│  │  └──  campaigns-page-3.php
│  │  └──  cart.php
│  │  └──  cause-deatils.php
│  │  └──  checkout.php
│  │  └──  contact-us.php
│  │  └──  donation-page.php
│  │  └──  events-details.php
│  │  └──  index.php
│  │  └──  index2.php
│  │  └──  join-events.php
│  │  └──  our-events.php
│  │  └──  our-events-2.php
│  │  └──  our-stories-page.php
│  │  └──  products-details.php
│  │  └──  search-found.php
│  │  └──  search-not-found.php
│  │  └──  shop.php
│  │  └──  stories-details.php
│  │  └──  volunteer.php
│  │  └──  volunteer-details.php
├───  Documentation/
      └── index.php - Index file for documentation.

PHP Structure

<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">

<?php include './partials/head.php' ?>

<body>

    <?php include './partials/preloader.php' ?>
	<!-- preloader end -->

	<div class="wrapper">

	<?php include './partials/header.php' ?>
	<!-- header-sec end -->

	<?php include './partials/mobilemenu.php' ?>	
	<!-- mobilemenu end -->

		<section class="main-banner">
		.....	.....	.....	.....	.....
		</section>
		<!-- main-sec end -->

		<section class="block">
		.....	.....	.....	.....	.....
		</section>
		<!-- main-sec end -->

		<section class="block about-section">
		.....	.....	.....	.....	.....
		</section>
		<!-- about-sec end -->

		<section class="block p-0 charity">
		.....	.....	.....	.....	.....
		</section>
		<!-- block-sec end -->

		<section class="block">
		.....	.....	.....	.....	.....
		</section>
		<!-- block-sec end -->

		<section class="block light-bg">
		.....	.....	.....	.....	.....
		</section>
		<!-- block-sec end -->

		<section class="block">
		.....	.....	.....	.....	.....
		</section>
		<!-- block-sec end -->

		<section class="block support-sec">
		.....	.....	.....	.....	.....
		</section>
		<!-- block-sec end -->

		<section class="block v-6">
		.....	.....	.....	.....	.....
		</section>
		<!-- block-sec end -->

		<section class="block">
		.....	.....	.....	.....	.....
		</section>
		<!-- block-sec end -->
		
		<?php include './partials/block.php' ?>
		<!-- banner-sec end -->

		<?php include './partials/footer.php' ?>
		<!-- footer end -->

		<?php include './partials/footerline.php' ?>
		<!-- footerLine end -->

	</div>

	<?php include './partials/script.php' ?>
	<!-- script end -->

</body>
</html>

CSS

Charitona Built with latest version of CSS3.

File Name Details
css/animate.css animate.CSS
css/bootstrap.min.css bootstrap.CSS
css/slick-theme.css slick-theme.CSS

Javascript

Charitona Built with Javascript

File Name Details
js/popper.js Popper.js
js/jquery-migrate-1.4.1.min.js Jquery-Migrate-1.4.1.Js
js/slick-animation.min.js Slick-Animation.js
js/progress-bar.js progress-bar.js
js/item-counter.js item-counter.js

Credit & Resources

We have used the following plugins.

Support

Thank you for become a part of us. If you have any query, suggestion and complain. Contact us anytime. If you have any questions that are beyond the scope of this documentation, please feel free to email us via our Support mail : Support

Changelog

1.0.0 - 26 April 2025

General

Initial Released

© 2025 Charitona