Hearthfield is a hand-written HTML template for farm stays that want their website to feel as welcoming as the farmhouse porch. Built for countryside guesthouses, farmhouse B&Bs, cabin and glamping retreats, agritourism farms and rural hosts who run workshops and guided activities, Hearthfield helps you present your rooms, cabins, seasonal activities, rates and availability in a warm, photo-led and easy-to-browse format.
It comes with two homepages (Farm Stay & Activities and Cabins & Nature Retreats), a background-video hero with a season switcher, a request-a-stay bar, room and cabin cards, an illustrated farm map with activity pins, experience grids, a live stay price estimator, a location and arrival guide, a farm journal, a shop with product page and 16 more inner pages. Everything is plain HTML5, one stylesheet and one small script without libraries, so it is easy to read, edit and host anywhere.
Features
- 18 HTML pages: 2 homepages, Our Story, Experiences, Single Experience, Gatherings, Single Gathering, Team, Team Member, Pricing, Shop, Product, FAQ, Blog (right sidebar, left sidebar, grid), Single Article and Contact;
- Hand-written HTML5 and CSS3, no framework: one stylesheet with a numbered table of contents;
- Plain JavaScript (no jQuery, no libraries): menus, off-canvas panels, search overlay, season tabs, stay estimator, accordions, map pins, logo ticker, lightbox gallery, product tabs;
- No inline styles or scripts;
- Colour palette in CSS variables, with per-page colours on the body class;
- Readable class names and documented sections for every page;
- Fully responsive, tested at desktop, tablet and phone widths;
- Keyboard-friendly menus, tabs and accordions with ARIA states;
- W3C valid HTML;
- Local web fonts (Manrope and Newsreader) and inline SVG icons (Tabler Icons): works offline;
- Shop and product page layouts ready for your e-commerce system;
- Detailed HTML documentation;
- Dedicated support.
Please note
The photos and videos shown in the live preview are for demonstration only and are not included in the download. The download contains placeholder images of the same sizes; the documentation lists every one of them.
Credits
- Manrope and Newsreader fonts – SIL Open Font License 1.1
- Tabler Icons and Phosphor Icons – MIT License