{ "slug": "ostro", "name": "Hotel Ostro", "title": "Free boutique hotel website template", "description": "Free HTML boutique hotel website template for guesthouses and small inns, with rooms, a day and a stay form. AGENTS.md for Claude Code, or no code with 8B.", "kind": "One-page website for a small boutique hotel or guesthouse that shows its rooms, its day, its table and its surroundings, and takes enquiries", "summary": "A one-page site for an eleven-room hotel in an old harbour building. It holds a house history, three kinds of room with sizes and prices, an hour-by-hour day, the table, four outings, a photo grid of the town, questions, a guest-book line and an enquiry form. Warm off-white and dark ink with terracotta, large light headings, and photos that open from small windows.", "fits": [ "boutique hotel", "guesthouse, B&B or small inn", "holiday apartments or a villa with a few rooms", "any small place with rooms, a day's rhythm, a table and a place around it" ], "categories": [ "Travel" ], "tags": [ "boutique hotel", "guesthouse", "bed and breakfast", "seaside", "harbour", "travel", "hospitality", "rooms", "enquiry form", "warm", "editorial", "gsap", "scrolltrigger", "lenis", "single-file" ], "language": "en", "size_kb": 95, "photos": 30, "fonts": [ "Host Grotesk", "Source Serif 4" ], "libraries": [ "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js", "https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/SplitText.min.js", "https://cdn.jsdelivr.net/npm/lenis@1.3.27/dist/lenis.min.js" ], "browsers": "Chrome and Edge 111+, Safari 16.2+, Firefox 113+ (it uses color-mix(), cascade layers, small/dynamic viewport units).", "sections": [ { "key": "navigation", "id": "navigation", "heading": "", "about": "fixed bar with a Menu button, the wordmark and a Book a room button; full-screen menu with eight links, address, phone and email" }, { "key": "opening", "id": "opening", "heading": "A house where the sea keeps the hours.", "about": "a headline cut as a window over a photo of the bay; scrolling opens the window to the full frame, then a statement and three facts arrive on the view" }, { "key": "house", "id": "house", "heading": "A customs house of 1908", "about": "a history of the building as three dated photos with captions, then two paragraphs" }, { "key": "rooms", "id": "rooms", "heading": "The sea rooms, the harbour rooms, the tower.", "about": "a held full-screen stage of three room kinds: the next panel wipes in over the previous one while the heading line of room names slides and lights the current one" }, { "key": "hours", "id": "hours", "heading": "A day kept by the sea", "about": "six hours of the day as tall rows; the whole section takes each hour's colour as it reaches the middle of the screen" }, { "key": "table", "id": "table", "heading": "Lunch is what the boats bring", "about": "a large held photo beside a text column: four meals, two photos, the cook's quote and a booking button" }, { "key": "sea", "id": "sea", "heading": "Out from the mole", "about": "four outings as plates that stack like cards: each held plate settles back, smaller and darker, while the next rises over it" }, { "key": "harbour", "id": "harbour", "heading": "Around the harbour", "about": "a grid of fifteen small photos of the town around a held button; the tiles part to leave a clearing as each row passes the middle" }, { "key": "faq", "id": "faq", "heading": "Before you come", "about": "seven questions in native details elements beside a heading and a phone note" }, { "key": "guestbook", "id": "guestbook", "heading": "From the guest book", "about": "one huge guest-book sentence that closes up from its two halves, with the guests' names" }, { "key": "contact", "id": "contact", "heading": "Write to the house", "about": "a heading, an aperture photo, address lines and three ways to arrive, beside a stay request form" }, { "key": "footer", "id": "footer", "heading": "", "about": "a letter sign-up, page links, contact links, a very wide wordmark that opens from a window and a base line" } ], "placeholders": [ "og-image", "favicon", "phone", "email", "form", "social" ], "lighthouse": null, "license": { "code": "MIT", "photos": "Unsplash License", "fonts": "SIL Open Font License 1.1" }, "get": { "degit": "npx degit 8bsite/boutique-hotel-website-template my-site", "curl": [ "curl -LO https://raw.githubusercontent.com/8bsite/boutique-hotel-website-template/main/index.html", "curl -LO https://raw.githubusercontent.com/8bsite/boutique-hotel-website-template/main/AGENTS.md", "curl -LO https://raw.githubusercontent.com/8bsite/boutique-hotel-website-template/main/LICENSE", "curl -LO https://raw.githubusercontent.com/8bsite/boutique-hotel-website-template/main/CREDITS.md" ], "agent_prompt": "Read AGENTS.md, then edit index.html. Make this the site for . Replace first the name everywhere, the place names, the rooms and prices, the staff and boat names and the guest-book line. Keep the section ids, the classes AGENTS.md lists, one room name per panel and the wordmark's --len at the name's letter count. Ask me for missing facts; never invent prices, policies, reviews or contacts." }, "links": { "page": "https://8b.com/templates/ostro/", "md": "https://8b.com/templates/ostro.md", "json": "https://8b.com/templates/ostro.json", "demo": "https://8b.com/templates/ostro/demo.html", "ghDemo": "https://8bsite.github.io/boutique-hotel-website-template/", "repo": "https://github.com/8bsite/boutique-hotel-website-template", "zip": "https://8b.com/templates/ostro/boutique-hotel-website-template.zip", "use": "https://github.com/new?template_name=boutique-hotel-website-template&template_owner=8bsite", "agents": "https://github.com/8bsite/boutique-hotel-website-template/blob/main/AGENTS.md", "credits": "https://github.com/8bsite/boutique-hotel-website-template/blob/main/CREDITS.md", "raw": { "index": "https://raw.githubusercontent.com/8bsite/boutique-hotel-website-template/main/index.html", "agents": "https://raw.githubusercontent.com/8bsite/boutique-hotel-website-template/main/AGENTS.md", "license": "https://raw.githubusercontent.com/8bsite/boutique-hotel-website-template/main/LICENSE", "credits": "https://raw.githubusercontent.com/8bsite/boutique-hotel-website-template/main/CREDITS.md" }, "preview": "https://8b.com/templates/ostro/desktop.webp", "phone": "https://8b.com/templates/ostro/phone.webp", "clip": "https://8b.com/templates/ostro/scroll.mp4", "og": "https://8b.com/templates/ostro/og.jpg", "design_md": "https://8b.com/templates/ostro/DESIGN.md" }, "github": { "repo": "8bsite/boutique-hotel-website-template", "template_repository": true, "topics": [ "html-template", "landing-page", "website-template", "website-templates", "hotel-website", "boutique-hotel", "guesthouse", "bed-and-breakfast", "seaside", "travel", "html5", "agents-md", "gsap", "scrolltrigger", "scroll-animation", "lenis", "single-file", "cursor-ai", "static-site", "mit-license" ] }, "made_by": { "name": "8B", "url": "https://8b.com/" } }