Apiaria is a honey shop website template: a warm, sunlit HTML5 template for a beekeeper and honey shop: honeys by flower and season, a trace for every batch, gift boxes, beekeeping courses and a full shop. Beeswax paper, rust buttons, a sand footer and condensed capitals set the look. Underneath, it runs real apiary logic. First, the honey house shows if it is open now from the visitor’s clock. Next, each honey is marked harvesting now, new this season or due next from the date. Each jar also carries its batch, and every jar size has its price.

In addition, a batch trace opens the apiary, hives, harvest and best-before of any jar. There is also a gift-box builder, and the courses show their next dates and seats left. Finally, pollination hire is priced by crop and acres, and the honey shop has a code, shipping and tax. It ships with a light and a dark theme, right-to-left support and WebGL layers. Bee flight paths loop at the edges of the bands. Meanwhile, a straw skep wound from one rope of straw turns in the footer.

Three Home Pages

• Home 01 – The Honey House: a hero slider of the honeys with their batch and apiary. Then come the mission with the news and this month at the hives. Next is Out Of The Hive. Here, bees leave the hive’s entrance on looping paths and come home with pollen as you scroll. After that come the honeys, customers’ voices and the gallery. Finally, there are the newsletter and the types of honey.
• Home 02 – The Apiary: a hero slider with the next beginners’ course and what are honeybees. Then comes Inside A Frame. A brood frame is drawn cell by cell. Meanwhile, the camera closes in on the honey, the pollen and the brood. After that come the beekeeping courses with their next dates and seats, and the seasons. Finally, there are the four apiaries, the beekeepers and the honeys.
• Home 03 – The Honey Shop: a hero with the jars and their prices, then shop by season. Next come the products with tabs and How A Harvest Reaches You. Here, a frame is uncapped, spun in the extractor and jarred with its batch. After that come the gift-box band, trace your jar and customers’ voices. Finally, there are the honey kitchen, the journal and the newsletter.

Honey, Course & Shop Pages

• Honeys By Season: every honey by flower and season with a finder by season, colour on the Pfund scale and texture. It also has a harvest calendar with this month marked and the colour grades from water white to dark amber.
• Trace Your Jar: type the batch number from the lid in any spelling and see the honey. It also has the apiary with its map, the hives, the harvest, extraction and jarring dates and the jars. Finally, it has the water against the keeping line, the beekeeper and the best-before date. An unknown number offers the nearest batch, and the batch book lists the last two seasons.
• Gift Boxes: three boxes, a honey for every jar, extras, a wrap and a counted card message. It also has 10% off a full box, into the bag as one line – and three ready-made boxes priced by the same rules.
• Our Apiaries: the four apiaries with their flowers, hives, honeys, courses and maps, and the honey house.
• Beekeeping Courses: seven courses on their own repeat rules at four places, the next dates with seats left, a dated course calendar, and a five-step booking with suit hire – Continue never blocks; only Confirm checks the details.
• Pollination Hire: hives an acre by crop, acres, bloom weeks and extra weeks, truck runs and a live total.
• Honey Shop: honeys, set honey, comb and gift boxes with price filter, sort and search. It also has the product page with its jar sizes, price per 100 g and batch, bag, code, free-shipping meter, express or pickup, tax, checkout with an order number and a wishlist.

Honey Shop Website Template: Inner Pages

Apiaria includes Our Story, Honeys By Season, Trace Your Jar and Gift Boxes. It also has Our Apiaries, Beekeeping Courses, Course Details, Services, Pollination Hire and Our Beekeepers. Then come Beekeeper Profile, Honey Shop, Product Details, Cart, Checkout, Wishlist and Gallery. There are also FAQ with search, Journal and Journal Details. It also has Contact (working PHP form and map), My Account, Login and Register. Finally, there are Forgot Password, Coming Soon and 404 – thirty pages in total.

Honey Shop Website Template Features

• 30 HTML pages, 3 unique home page designs
• A beeswax-paper light theme by default and a propolis-brown dark theme on one switch, remembered between visits, with no flash on load
• Right-to-left stylesheets for every page and a flag language picker that turns any page around (Bootstrap RTL included)
• WebGL layers tinted by the theme colours: Bee Paths at the edges of the bands and a straw skep turning in the footer
• Real apiary logic from one data block: hours and closures, harvest status and batches by date, jar sizes and prices, batch trace, gift boxes, course dates and seats, pollination hire and shop totals
• A Frame Lift preloader, Hex Fill reveals that uncover each photo cell by cell through a comb, word-rise titles, a small bee that follows the cursor, a bee that lands on cards on hover and three scroll moments that never pin the page
• Swiper sliders, Fancybox video popups and lightbox gallery
• prefers-reduced-motion support for accessibility
• CSS-variable design tokens for both themes
• Working PHP form handler with optional invisible reCAPTCHA v3
• Font Awesome Free loaded locally, plus illustrated line icons in two inks
• Fully responsive with a desktop-first breakpoint system and wide-screen layouts
• W3C valid, zero console errors
• Well-commented code with a numbered CSS table of contents and JS index
• Documentation included

This honey shop website template ships with documentation, free lifetime updates and an instant download. Every page also works on phones, tablets and desktops. Apiaria also comes as React, Vue, Angular and WordPress, or in the developer bundle at 20% off. Browse more Grocery & Organic HTML5 templates.

Credits

Bootstrap 5.3, jQuery 3.7.1, Swiper 11, GSAP 3 with ScrollTrigger, Fancybox 3.5 and Font Awesome Free. It also uses RTLCSS and Google Fonts (Open Sans, Nothing You Could Do).