Raptor

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

Raptor is a web hosting template for hosting companies, VPS providers and domain registrars, built on Bootstrap 5. The layout is responsive and mobile-ready. There are seven pages: home, about, domain, hosting, blog, a single blog post and contact.

The home page opens with a teal-green hero and a fading slider of dashboard screens, followed by a domain search, three features, four pricing plans, counters, a testimonials slider, “How it works” tabs, a newsletter sign-up and recent blog posts. The domain page has a price table per extension and a FAQ, and the hosting page has the plans, features and the same FAQ layout. You will also find an about page with tabs, the team and testimonials, a blog post with an author box, comments, a comment form and a sidebar, and a contact page with a working contact form and a map that loads on click.

What’s new in 3.0

• Bootstrap 5.3.8 (the earlier release used Bootstrap 4.1.0 and jQuery), compiled from Sass with the Bootstrap 4 proportions the design was drawn with, and plain JavaScript with no jQuery. Swiper 14 replaces Owl Carousel on the hero screens and the testimonials, small built-in modules replace Waypoints, animateNumber, Scrollax and animate.css, and unused plugins such as Stellar, AOS, Magnific Popup and the date and time pickers are gone. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.
• Lighter pages: the seven pages went from 15.2 MB and 294 requests to 3.9 MB and 93 requests, and the home page from 4.7 MB and 50 requests to 0.95 MB and 23 requests. Every photo and screen has an AVIF version with the JPEG or PNG as the fallback, real dimensions and lazy loading below the first screen, and the full-page preloader is gone.
• No third-party requests: Poppins is self-hosted, Lucide SVG icons and a 1 KB social-logo subset replace four icon fonts, and the contact page map is an OpenStreetMap map (no API key needed) that loads only when a visitor clicks “Show map”. Before, every page loaded Google Fonts and the Google Maps script with a sample key. A Google Analytics 4 snippet stays commented out until you add your own ID.
• Working forms: the contact, comment and newsletter forms send through PHP handlers with validation, a spam trap and an in-page message, and the domain and blog searches send their query to a page. Before, the forms had no action and no field names.
• Accessibility: a skip link and a main landmark on every page, one h1 per page, the current page marked in the menu, names on image, slider and social links, a real newsletter submit button, visible focus rings, 44 px slider controls, reduced-motion support and WCAG AA text contrast, with a deeper teal-green gradient behind the white hero and newsletter text and darker teal, green and grey text.
• Demo content and fixes: hosting copy replaces the placeholder text in the features, plans, tabs, FAQ answers, team bios, testimonials and the blog post; every testimonial has its own name and photo; footer, plan and blog links point at real pages; the missing article image in the blog post is fixed; and the contact details are fictional.