Pacific

Author: Colorlib

Updated: October 2026 · v3.0.0

Credits: Images from Unsplash

Pacific is a travel agency website template, built on Bootstrap 5. It suits a travel agency or tour operator that sells tour packages and hotel stays. The home page opens with a full-screen photo, a video button and a search bar with tour and hotel tabs, followed by the agency’s services, a destination carousel, tour packages with prices and tour length, an introduction with a video, traveller feedback and recent articles. The layout is responsive and mobile-ready. There are seven pages: home, about, destinations, hotels, blog, a blog post and contact.

The destinations and hotels pages have the same search bar above cards with prices, tour length, rooms and what is nearby. You will also find an about page with services and traveller feedback, a blog post with tags, 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.5.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 destination and feedback carousels, a video dialog replaces Magnific Popup, a small built-in module replaces Waypoints and animate.css, and the date fields use the browser’s own date picker. npm run build (Dart Sass and esbuild) compiles one minified stylesheet and one script.
• Lighter pages: the eight pages went from 38.4 MB and 333 requests to 14.4 MB and 188 requests; the home page from 10.4 MB to 4.0 MB and the contact page from 3.2 MB to 1.1 MB. Every photo has an AVIF version with the JPEG as the fallback, and the full-page preloader is gone.
• No third-party requests: Poppins and Arizonia 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.
• Working forms: the contact and comment forms send through small PHP handlers with a spam trap and show success and error messages on the page, and the tour, hotel and blog searches go to the matching pages.
• Accessibility: a skip link, one main heading per page, labelled form fields, visible keyboard focus, readable captions on the hero photos and WCAG AA contrast for text and buttons, with reduced-motion support.
• New destination, page-header, article and testimonial photos, tour and hotel names that match the photos, fictional demo content, links that go to real pages, and unique titles, descriptions and share images for every page.