Lendora - Loan Portal Finance HTML5 Template

Lendora is a modern, conversion-focused HTML5 template for loan companies, digital lenders, credit brokers, fintechs and finance advisors. It pairs a classic royal-blue lending design with serif display headlines - and backs it up with something rare in templates: real financial math. Every calculator on the demo runs a genuine amortization formula, so the monthly payments, interest totals and year-by-year schedules your visitors see are correct, not decorative.

Two Homepages

• Home 01 - Classic Lending: two-slide hero with a live loan estimate card and per-slide background photos, X posts slider, animated stats, full-bleed loan products band, dark calculator band with a three.js particle wave, scroll-free comparison rate table with star ratings and partner logos, pricing plans, dark parallax process section, seven-tab advisory practice with advisor cards and a three.js torus-knot backdrop, team, FAQ, parallax testimonials, clients strip, blog and an overlapping advisor info bar above the footer.
• Home 02 - AI Lending: dark AI-themed hero with a particle field and an instant-estimate card with live approval likelihood, model-update posts slider, AI stats, transparent scoring section with a Chart.js gauge and factor bars, AI planner band with a live smarter-term suggestion, sixty-second mini application, AI-priced plans, testimonials and an AI-lending FAQ.

Core Pages

• Loan Calculators: a four-tab suite - Repayment & Schedule (with doughnut chart and amortization table), Affordability (36% debt-service rule), Early Payoff (month-by-month simulation) and Refinance Check (break-even and lifetime savings with an honest verdict).
• Apply For A Loan: four-step wizard with purpose tiles, live payment estimate, validation, review step and success state.
• Loan Dashboard: borrower dashboard with Chart.js balance and payment-split charts, animated repayment progress bars, scheduled payments, activity feed, loan tips and quick actions.

Inner Pages

About (with an animated dotted coverage map), Services, Service Details, Team, Blog (standard, video, gallery and quote post types), Blog Details (sidebar, author box, comments and post navigation), Contact (working PHP form, map and a three.js backdrop), Business Finance application, Login, Register, Forgot Password, Coming Soon (live countdown) and 404 - eighteen pages in total, all sharing the same header, three-level navigation and footer.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, three.js r128, Chart.js 4, Font Awesome Free, Google Fonts (Inter, Source Serif 4).

Note

All images are used for preview purposes only and are not included in the download package - they are replaced with neutral placeholders. The logo files, dotted coverage map and payment badges are included. Fonts and icon fonts load locally; the only external requests are Google Fonts and the optional Google Maps embed.

Features

• 18 HTML pages, 2 unique homepage designs
• Real loan math everywhere: amortization, affordability, payoff and refinance calculators
• Chart.js 4 charts and gauges, self-hosted
• three.js scenes: particle waves, wireframe globe, flowing lines, drifting particles, torus knot
• GSAP + ScrollTrigger scroll reveals, counters, parallax
• prefers-reduced-motion support for accessibility
• Swiper sliders (hero, X posts, testimonials, blog gallery)
• CSS-variable design tokens for five-minute re-theming
• Working PHP contact form handler with optional invisible reCAPTCHA v3
• Font Awesome Free icons loaded locally
• Fully responsive with a desktop-first breakpoint system
• W3C valid, zero console errors
• Well-commented code with a numbered CSS table of contents and JS index
• Documentation included

Requirements

• Any modern browser - Chrome, Firefox, Safari or Edge
• A code editor to customise the HTML, CSS and JavaScript
• Any web server or hosting to publish the pages (they are static HTML)
• PHP on the server for the working contact form (sendmail.php); a Google reCAPTCHA v3 key if you switch on the optional reCAPTCHA

Instructions

1. Unzip the download and open the template folder.
2. Open index.html (Home 01 - Classic Lending) or homepage-2.html (Home 02 - AI Lending) in a browser to preview the two homepages.
3. Edit the content directly in the HTML files. Brand colours and fonts are CSS variables in the :root block of assets/css/style.css.
4. Set your own address in the $email line at the top of sendmail.php so contact-form messages reach you, and add your reCAPTCHA v3 secret key there if you enable it.
5. Upload the files to your hosting. Full details are in the included Documentation folder.