Horizon - Creative Agency Bootstrap Template

Horizon is a modern creative agency template built on the Bootstrap 5 framework. It pairs a clean monochrome canvas with a single bold ember-orange accent, sharp-edged cards, and generous whitespace, so your projects and photography stay the loudest thing on the page. Typography is set in Space Grotesk for headings and navigation with Inter for body copy, giving the layout a contemporary studio feel.

Who It's For

Horizon suits creative agencies, design studios, branding shops, marketing teams, and freelance collectives that need to present work, services, people, and pricing in one place. It works equally well as a one page studio site or as a small multi-page site with dedicated case-study and service pages.

Key Features

• One page layout with detail pages - a twelve-section homepage driven by anchor navigation, plus inner pages when a project or service needs more room.
• Filterable portfolio grid - Isotope filtering by category with a GLightbox image lightbox and hover zoom.
• Testimonials slider - a smooth, auto-playing Swiper carousel with custom pagination.
• Animated statistics - PureCounter numbers that count up on a dark contrast band.
• Engagement pricing - three plan cards with a highlighted, featured tier.
• FAQ accordion - a split layout with expandable questions.
• Sticky header - condenses on scroll, slides back into view as you scroll up, and carries a pill call-to-action button.
• Multi-level dropdown navigation - an example dropdown with a nested deep-dropdown menu, ready to repurpose.
• Scroll animations - subtle AOS reveals with staggered delays throughout.
• Contact form layout - a clean, ready-to-wire form beside your studio details.
• Preloader and scroll-to-top - enabled out of the box.
• Fully responsive - mobile-first and tested across breakpoints.

Pages and Sections

The homepage includes a hero, client logos, about, services, call-to-action, portfolio, stats, team, testimonials, pricing, FAQ, and contact section. It also ships with dedicated Portfolio Details and Service Details inner pages, plus a blank Starter Page that inherits the header, footer, and theme so you can build any extra page quickly.

Built With

• Bootstrap - grid, utilities, and components
• Bootstrap Icons
• AOS - animate on scroll
• Swiper - sliders and carousels
• Isotope - portfolio filtering
• GLightbox - image and gallery lightbox
• PureCounter - animated number counters

Customization

Colors and fonts are driven by CSS variables, so the accent, headings, body text, and surfaces can all be retuned from a single place. Sections alternate between the default, light-background, and dark-background presets to create rhythm down the page, and switching a section's background is a one-line change. The modular structure makes it easy to add, remove, or reorder sections without disturbing the layout system.