Charitona 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 charity Laravel 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 admin theme, follow below-mentioned steps

  • Install Server (Required PHP version: >=8.2)
    • Make sure to have the Xampp/WampServer/Lampp installed & running in your computer. If you already have installed server on your computer, you can skip this step if your PHP version is >=8.2. This template requires Laravel 12.
  • Install Composer (Recommended version: >= 2.2)
    • Make sure to have the composer installed & running in your computer. If you already have installed server on your computer, you can skip this step.
  • This would install all the required packages in the vendor folder. 
      composer i
      or 
      composer install
  • Run the Laravel development server:
    • After installing all dependencies, start the local development server with the following command:
      • php artisan serve
    • This command will launch a local server and make your Laravel application accessible at http://localhost:8000 by default.
    • Leave this terminal window open while you work. To stop the server, press Ctrl + C in the terminal.
  • 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 /
│  ├──  app/
│  ├──  bootstrap/
│  ├──  config/
│  ├──  database/
│  ├──  public/
│  │  ├──  assets/
│  │  │   │   └──  css
│  │  │   │   └──  images
│  │  │   │   └──  js
│  │  │   │   └──  webfonts
│  ├──  resources/
│  │  ├──  assets/
│  │  │   │   └──  css
│  │  │   │   └──  js
│  │  │   │   └──  views
│  ├──  routes/
│  │  │   │   └──  web.php
│  ├──  storage
│  ├──  tests
│  ├──  .editorconfig
│  ├──  .env
│  ├──  .env.example
│  ├──  .gitattributes
│  ├──  .gitignore
│  ├──  artisan
│  ├──  composer.json
│  ├──  composer.lock
│  ├──  package.json
│  ├──  phpunit.xml
│  ├──  README.md
│  ├──  vite.config.js
├───  Documentation/
      └── index.php - Index file for documentation.

Laravel Structure

@extends('layouts.layout')

	@php
		$title ='About Us';
		$subTitle ='About Us';
	@endphp

@section('content') 

	<section class="block v-2">
		.....	.....	.....	.....	.....
	</section>

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

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

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

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

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

@endsection

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 - 17 Jun 2025

General

Initial Release

© 2024 Charitona