LoveCare

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

Lovecare is a charity and non-profit template, built on Bootstrap 5. It has a warm design with a full-screen photo hero, hand-lettered headings and gold and teal accents, and the layout is responsive and mobile-ready. There are six pages: home, about, causes, blog, a single blog post and contact.

The home page has a donation form, an introduction with three quick links, impact counters, a causes slider with fundraising progress bars and photo lightbox, a call-to-action band, the volunteer team, a review slider, an about block and the latest posts. You will also find a causes page with six campaigns, a blog with six post cards, a blog post with tags, an author box, comments, a comment form and a sidebar search, and a contact page with a working contact form and a map that loads on click. Lovecare gives you a ready-made site for a charity, food bank, foundation or community group.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used Bootstrap 5.0.0-beta1), compiled from Sass together with the theme, and plain JavaScript. Swiper 14 replaces tiny-slider on the causes and review sliders, PhotoSwipe 5 replaces GLightbox for the cause photos, a built-in dialog plays the hero video, and a small built-in module replaces AOS. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.
• Lighter pages: the home page went from 14.9 MB and 48 requests to 2.0 MB and 35 requests, and all seven pages together from 44.4 MB to 6.9 MB. Every photo has an AVIF version with the JPEG as the fallback, and the hero photo is preloaded.
• New demo photos of volunteers, food-bank work, donated clothes and community gardening, credited in the README.
• No third-party requests: Poppins and Patrick Hand are self-hosted, the icon fonts are replaced by Lucide SVG icons and a 1 KB social-logo subset, and the contact page map is an OpenStreetMap map (no API key needed) that loads only when a visitor clicks it.
• The donation, contact and comment forms work: they validate the fields, send email through an included PHP handler with a spam trap, and show the result on the page. The blog search sends its query to the blog page.
• Accessibility: a skip link, landmarks, one main heading per page, labelled links and form fields, a visible focus ring, and text and button colours that meet WCAG AA contrast.
• Titles, descriptions, social sharing tags and structured data on every page, real demo copy with six causes, six blog posts and a sample article instead of placeholder text, and fixes for script errors on every page, a funds-raised counter that showed “NaN” and several typos.