Deux is a bakery and food-shop HTML template for neighbourhood bakeries, pastry shops and cafés that sell online as well as over the counter. A bakery is sold on appetite: the visitor should smell the croissants before they reach the menu. Deux is built around that, with warm cream and chocolate-brown tones, big hand-drawn display type, scalloped edges and pastry photography that fills every section.

It is written by hand in plain HTML, CSS and vanilla JavaScript. There is no framework, no build step, no jQuery and no animation library: every reveal, tab, slider, accordion, marquee and hover is a few lines in one commented stylesheet and one commented script. The three Google fonts are self-hosted, every image and the background video are local, and the whole folder works from a file:// open or any static host.

It suits an artisan bakery, a patisserie, a café with a takeaway counter, a cake studio or any small food brand that needs a characterful site with a working cart, a menu by category and a blog ready to fill.

Designed for bakeries and food shops

The look is playful and warm: a light cream page, a chocolate-brown footer and header, a brick-red accent, and a tall condensed display face for headings set against a clean sans for everything else. Wavy section edges, circular "freshly baked" badges that turn slowly and a running marquee give the pages the feel of a hand-lettered shop front.

Every page keeps the same rhythm, so the menu, the product pages, the blog and the checkout feel like one shop rather than a template with add-ons. The home page alone carries menu tabs by category, a "Why Deux" tab set with its own progress bar, offers, store opening hours, testimonials, a blog strip and an FAQ, all hand-coded to be edited by hand.

Key Features

39 hand-coded pages in plain HTML, CSS and vanilla JavaScript
No framework, no build step, no jQuery, no GSAP, no third-party scripts
Working front-end cart: drawer, quantities, subtotal and badge count
Validating checkout with store pickup or local delivery and a confirmation page
15 product pages, each with its own weight, texture and ingredients
Menu page with category tabs and 3 category pages
7 blog posts, each with its own article
Mouse Memoirs, Geist and Erica One self-hosted, no runtime font requests
Line-by-line title reveals, scroll reveals, staggered groups and page-load sequences
Marquee, turning badges, rocking and drifting pictures in CSS
Accessible tabs, FAQ accordion, sliders and mobile menu as real buttons with ARIA
Demo newsletter, contact and password forms ready to wire to any service
Respects prefers-reduced-motion throughout
Style guide, instructions, licences and changelog pages included

Included Pages

Home
About
Menu
Product Details
Category
Blog
Blog Post
Contact
Checkout
PayPal Checkout
Order Confirmation
Style Guide
Instructions
Licenses
Changelog
Password Protected
404

Ideal For

Artisan bakeries and bread shops
Patisseries and pastry shops
Cafés with a takeaway counter
Cake studios and dessert brands
Small food shops selling online
Farmers market and local food businesses

Performance & User Experience

With no framework and no library, a page is one stylesheet, one script and its images. Fonts are local woff2 files, pictures ship as AVIF with responsive srcset sizes, and the running motion is CSS animation on the compositor, so the pages feel immediate on a phone as well as a desktop.

Every control is a real button or link with a name and a keyboard path: the mobile menu, the cart drawer, the menu tabs, the FAQ questions, the slider arrows and the store rows all work from the keyboard and announce themselves to screen readers. Visitors who ask for reduced motion see every section in place with nothing moving.

Why Choose Deux?

Deux gives a bakery a site with as much character as its counter, in code a developer can read, edit and hand on. The design values are exact, the motion is faithful to the original, the shop works from basket to confirmation, and nothing in the folder depends on anything outside it.