Credit

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

Credit is a website template for a loan or finance company, built on Bootstrap 5. It has a two-row header with the address and e-mail above a navy and amber menu bar that stays at the top as you scroll, a “Pages” drop-down and an “Explore” mega menu. The layout is responsive and mobile-ready. There are seven pages: home, about, services, blog, blog post, contact and an elements page.

The home page opens with a two-slide hero, followed by loan features, an amber call to action with progress rings, six services, a loan offer banner, contact details and the latest news. The about page adds counters and a team, the services page special features and a loan FAQ, and the contact page two advisors, a contact form and a map that loads on click. The blog has a sidebar with search, categories and tabs, and the post page comments and a comment form. The elements page shows the buttons, accordions, tabs, rings, counters and finance icons.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used Bootstrap 4.1.3 and jQuery), compiled from Sass together with the theme and the Bootstrap 4 proportions the design was drawn with, and plain JavaScript with no jQuery. Swiper 14 replaces Owl Carousel on the hero, small built-in modules replace the menu, sticky header, counter, progress ring, scroll-up and WOW.js plugins, and Lucide SVG icons replace the icon fonts. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.
• Lighter pages: all seven pages together went from 18.1 MB and 310 requests to 8.1 MB and 203 requests, and the contact page from 3.1 MB and 95 requests to 1.0 MB and 28 requests. Every photo has an AVIF version with the JPEG as the fallback, real dimensions and lazy loading below the first screen, the hero photo is preloaded, and the full-page preloader is gone.
• No third-party requests: Montserrat and Open Sans are self-hosted, and the contact page map is an OpenStreetMap placeholder that loads only when the visitor clicks “Show map”.
• Working forms: the contact, comment and newsletter forms validate in the browser, send through the included PHP mail handlers with a spam trap and show their result on the page, and the blog search filters the posts.
• Accessibility: a skip link, landmarks, one main heading per page, labelled links and form fields, keyboard access to the menu and its drop-downs, a visible focus ring, and navy labels on the amber buttons and panels and darker greys where text failed WCAG AA contrast.
• Sharper images and real content: thumbnails re-cut at twice the resolution, the two loan banners rebuilt as a photo with live text, new portraits for the advisors and commenters, fictional names and contact details, and every placeholder link pointing to a real page or section.