Auction

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

Auction is a website template for an online auction house or marketplace, built on Bootstrap 5 with a full-screen hero, an orange accent and a clean layout. It is responsive and mobile-ready and works in all popular web browsers. It comes with nine pages: home, browse lots, lot details, services, about, blog, blog post, contact and sign-in/register.

The home page opens with a full-screen hero and a grid of current lots with price badges, categories and bid counts, followed by a four-step “how it works” section, an about block, a testimonial slider and a call to action. The browse page adds a category list, recent bidders and pagination, and the lot page has a photo gallery, a bid and buy-now box, the seller and the bid history. The services, about, blog, contact and sign-in pages share the same header, drop-down menu and footer.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used Bootstrap 4.1.3 and jQuery), compiled from Sass with the original colours and Bootstrap 4 proportions, and plain JavaScript with no jQuery. Swiper 14 replaces Owl Carousel on the testimonials and the lot gallery, a small built-in module replaces the scroll animations, the mobile menu is an accessible side panel, and npm run build (Dart Sass and esbuild) compiles the minified CSS and JavaScript.
• Lighter pages: all ten pages together went from 15.1 MB and 346 requests to 6.2 MB and 259 requests. Every photo has an AVIF version with the JPEG as the fallback, real dimensions and lazy loading below the hero, and a dozen unused plugins are gone.
• No third-party requests: Muli is self-hosted and the icon fonts are replaced by Lucide SVG icons; the logos are sharp SVG wordmarks.
• Accessibility: a skip link, landmarks, one main heading per page, a keyboard-operable menu and submenu, labelled form fields, visible focus rings and reduced-motion support. Text meets WCAG AA contrast: a deeper orange for text and buttons, darker body text and a scrim behind the white hero headings.
• Working forms: the contact, bid and buy-now, sign-in, register and comment forms send through an included PHP mailer with validation, a spam trap and in-page success and error messages (passwords are never emailed), and the blog search filters the posts.
• New demo content: fictional lots with their own photos, prices and bid histories that add up, a featured lot with a sharp full-width photo and three gallery views, distinct fictional bidders, team members and commenters, auction-themed blog posts, and unique page titles, descriptions, social sharing tags and structured data on every page.