Lattes

Lattes is a free single-page HTML5 agency website template built on Bootstrap 3, designed for startups, digital agencies, marketing agencies, and professional portfolios. The template is distributed by ThemeWagon, authored by Free CSS, and available for immediate download and use in commercial projects.

What is Lattes?

Lattes is a static HTML5 website template that runs entirely in the browser, with no server-side dependencies or build process required. Its input is a set of HTML, CSS, and JavaScript files that you edit to match your content, and its output is a fully responsive single-page landing site. The template relies on Bootstrap v3.3.5 for its grid and UI components, Owl Carousel for sliders, and cbpAnimatedHeader.js for animated sticky navigation. It was released about seven years ago, with the current version 1 last updated four years ago on ThemeWagon.

Key Features

• Bootstrap v3.3.5 — The layout, grid, and core UI elements are built on Bootstrap 3, giving consistent responsive behavior from mobile to desktop.
• Single-page architecture — Everything fits in one HTML file, supported by separate CSS, JavaScript, font, and plugin files, which keeps hosting trivial and load times low.
• Hero header with call-to-action — A full-width introductory section with a prominent button lets you drive visitors toward your primary conversion goal.
• Sticky top navigation — The navigation bar remains visible as users scroll, powered by the cbpAnimatedHeader.js plugin.
• Progress bars and fun fact counters — Animated skill bars and numeric counters (for stats like projects completed or clients served) add credibility and visual interest.
• Portfolio grid with modal view — Projects are shown in a responsive grid and open in modal windows for detail viewing without navigating away.
• Brand carousel — Owl Carousel creates an auto-playing, responsive slider for client or partner logos.
• Contact form UI and back-to-top — The template includes a styled contact form interface plus a back-to-top button that appears during scrolling. Additional assets include hundreds of font icons, a call-to-action button, and all demo images bundled in the download.

Who should use Lattes?

• Startups — Launch a clean landing page for a new product or service, using the hero header and call-to-action to capture early interest.
• Digital agencies — Present services, team skills, and client results in a single-page format that loads quickly on any device.
• Marketing agencies — Showcase campaign performance with progress bars and fun fact counters, and generate leads through the contact form UI.
• Freelance designers and developers — Build a personal portfolio with the modal-based project grid and a simple contact section.

What can you do with Lattes?

• Agencies: Display services, team strengths, and past client work as a single scrolling page that feels modern and minimal.
• Freelance professionals: Create an online portfolio grid that opens project details in modals, and add a contact form for client inquiries.
• Startups: Announce an offering with a hero header, add social proof through fun fact counters, and push visitors toward a call-to-action button.

Pricing

Lattes is free to download. The license is open source, allows use in commercial projects, and includes lifetime free updates from ThemeWagon.

Alternatives

• Estateagency — a free Bootstrap 4 agency template from ThemeWagon with a different layout system.
• Maxitecture — a free Bootstrap 4 agency template from ThemeWagon, aimed at architecture and design-oriented businesses.

FAQ

Is Lattes free?

Yes, Lattes is free to download and use. The open-source license permits both personal and commercial use, and updates are provided at no cost.

What frameworks does Lattes use?

Lattes uses Bootstrap v3.3.5 as its CSS framework, Owl Carousel for carousels, and cbpAnimatedHeader.js for the sticky header effect. The template itself is plain HTML5, CSS, and JavaScript with no server back end.

Can I use Lattes for commercial projects?

Yes. The license explicitly states it is open source and usable in commercial projects. You can build a client website or your own agency site without paying a licensing fee.

Does Lattes include a working contact form?

The template ships with a contact form UI, meaning the visual fields and layout are ready. It does not mention built-in form processing or email delivery, so you will need to wire the form to a third-party service or your own handler.

Which browsers and devices does Lattes support?

ThemeWagon lists compatibility with Chrome, Edge, Firefox, Mobile, Opera, and Safari. Because it is built on Bootstrap 3, the template is fully responsive and works on smartphones, tablets, and desktops.