# Lenity

## Charity & Donation HTML Template

- Live Preview : https://demo.awaikenthemes.com/landing/lenity-html/
- Created by: Awaiken
- Support email: support@awaiken.com

### Introdution

#### Features

- Modern, Flat & Unique Design.
- Bootstrap Grid Layout.
- Effects And Animations
- w3c valid html5 & css3
- Fully Responsive
- Cross Browser Compatible
- SEO Friendly
- Easy to Edit & Customize
- Working AJAX Contact Form
- Well Written Commented HTML5 & CSS3 code
- Detailed documentation

### Folders & Files

Template folders and files are divided as following.

1. css - contains css files
2. webfonts - contains fonts files
3. images - contains images
4. js - contains javascript files
5. index.html - Main landing page
6. index-video.html - Hero Video Layout
7. index-slider.html - Hero Slider Layout
8. about.html - About us page
9. services.html - Services Page
10. service-single.html - Service Single Page
11. programmes.html - Program List Page
12. program-single.html - Program Single Page
13. blog.html - Blog Archive page
14. blog-single.html - Blog Single page
15. team.html - Team List page
16. team-single.html - Team Details page
17. image-gallery.html - Image Gallery page
18. video-gallery.html - Video Gallery page
19. testimonials.html - Video testimonials page
20. donation.html - Donation Form page
21. contact.html - Contact us page
22. faqs.html - FAQs page
23. 404.html - Page Not Found page
24. form-process.php - contact form process file

### CSS Files

We have used following CSS files to create different layout.

1. bootstrap.min.css - Framework
2. slicknav.min.css - Responsive Slick Menu
3. swiper-bundle.min.css - Swiper carousel
4. all.css - Font icons font-awesome
5. animate.css - animated css
6. mousecursor.css - Mouse cursor css
7. magnific-popup.css - popup for screenshot, images & video
8. custom.css - Css file for layout

### JavaScript

We have used following Javascript files to create different layout.

1. jquery-3.7.1.min.js - Javascript library
2. bootstrap.min.js - Bootstrap framework
3. validator.min.js - Contact form validation
4. jquery.slicknav.js - Responsive Menu
5. swiper-bundle.min.js - Swiper carousel
6. isotope.min.js - Isotop Filter
7. jquery.waypoints.min.js - Trigger a function when you scroll to an element
8. jquery.counterup.min.js - Animates a number from zero (counting up towards it)
9. jquery.magnific-popup.min.js -Magnific popup
10. parallaxie.js - Parallax Effect
11. SmoothScroll.js - SmoothScroll
12. gsap.min.js - GreenSock Library
13. magiccursor.js - Magic Animated Cursor
14. SplitText.js - Split Paragram to Words and Charactor
15. ScrollTrigger.min.js - Trigger a Text Effect
16. jquery.mb.YTPlayer.min.js - Youtube video background
17. wow.js - Animation
18. function.js - configuration code for layout

Note: We have included only required file in particular layout.

### Hero section video background

index-video.html - Default is self hosted video background.

To use Youtube video open the file `index-video.html` in editor after that remove the selfhosted code and uncomment the Youtube code See the below screenshot

### Contact form PHP

form-process.php - is used for sending an email
You need to add your email, please open "form-process.php" file and edit variable $EmailTo.

    $EmailTo = "info@yourdomain.com";

### Icons

font library

1. fontawesome : Here you can see icon cheatsheet https://fontawesome.com/search

### Sources and Credits

Twitter Bootstrap framework:

- http://getbootstrap.com/

Icons:

- https://fontawesome.com/

Images in preview are used from:

- http://www.freepik.com/

Note : The images used in the template are not included in the main download file, they are only for the preview purpose.