Static Websites

Fork & Flame Street Kitchen — Food Truck & Catering Website (7 Pages)

A 7-page website for a food truck and catering business — loud street-food sticker design with a truck that drives into the hero, a tabbed menu board with dietary stickers, an illustrated map with today's stop highlighted, catering packages as flip tickets, a per-person price builder, weddings & events page and a booking form, with FoodEstablishment SEO markup.

0 downloadsNewby Platform Admin
Fork & Flame Street Kitchen — Food Truck & Catering Website (7 Pages) — preview screenshot 1 of 4Fork & Flame Street Kitchen — Food Truck & Catering Website (7 Pages) — preview screenshot 2 of 4Fork & Flame Street Kitchen — Food Truck & Catering Website (7 Pages) — preview screenshot 3 of 4Fork & Flame Street Kitchen — Food Truck & Catering Website (7 Pages) — preview screenshot 4 of 4

Preview

Use these tabs to browse other pages — a page's own links work here too when they point to another page in this site.
Fork & Flame Street Kitchen — Food Truck & Catering Website (7 Pages) — live previewTry it free — edit this template

What you can customize

Each section below becomes a guided form field in your library after purchase — no prompting experience required.

  1. 1

    Home

    Food truck hero that drives in with smoke and sticker pop-ins, menu marquee, this week's stops with today highlighted, greatest-hits tickets, checkerboard photo band, catering teaser with count-ups, sticker-wall reviews and a food photo grid.

    2 editable fields

  2. 2

    Menu

    Tabbed menu board (tacos, smoked plates, burgers, sides, sweets) with ticket-style items, prices and V / GF / Spicy stickers, plus an allergen note.

    2 editable fields

  3. 3

    Find the Truck

    Illustrated city map with pins that drop in, a weekly schedule with today's stop highlighted, follow-us and weather rules, and private stop requests.

    2 editable fields

  4. 4

    Catering

    Three catering packages as flip tickets, a working per-person price builder, what's included, dietary options and the service area.

    2 editable fields

  5. 5

    Weddings & Events

    Weddings, corporate lunches, festivals and private parties; five-step booking process; a sample event-day timeline that fills as you scroll; event FAQ.

    2 editable fields

  6. 6

    Our Story

    Founders' story, the 500-gallon smoker drawn in line art with rising smoke, local sourcing cards, count-up numbers and the truck's rules of the road.

    2 editable fields

  7. 7

    Book the Truck

    Booking request form (date, event type, guests, location, service style, budget, dietary needs), next steps, deposit and cancellation policies, and on-site requirements.

    2 editable fields

Launching it is simple: download the files, publish it live to your own Vercel account, or push it to your own GitHub — see how to launch your AI Tapz website.

Usage instructions

7 pages, each a complete, self-contained HTML page — a loud street-food sticker design: an illustrated food truck that drives into the hero, Bebas Neue stacked headlines over Albert Sans with Permanent Marker for sticker labels, a tomato / mustard / teal / ink / cream-paper palette, die-cut stickers with thick white outlines, ticket-stub cards, torn-paper edges, checkerboard trim and halftone dots. 1. Home (index.html) — truck hero with stickers, menu marquee, this week's stops (today highlighted), four greatest-hits tickets, checkerboard photo band, catering teaser with count-ups, sticker-wall reviews, food photo grid. 2. Menu (menu.html) — tabbed menu board (Tacos, Smoked Plates, Burgers & Sandwiches, Sides, Sweets & Drinks) with prices and V / GF / Spicy stickers, a sticker legend, the allergen note and ordering tips. 3. Find the Truck (find-the-truck.html) — illustrated city map with dropping pins, map key, weekly schedule, follow-us/weather/sell-out rules, private stop requests. 4. Catering (catering.html) — three packages as flip tickets, the per-person price builder, what's included, dietary options and service area with travel fees. 5. Weddings & Events (weddings-events.html) — four event types, the five-step booking process, a sample event-day timeline and an event FAQ (FAQPage markup). 6. Our Story (our-story.html) — founders' story, the smoker (line drawing with smoke), sourcing, count-up numbers, rules of the road. 7. Book the Truck (book-the-truck.html) — booking request form, next steps, deposit and cancellation policies, on-site requirements. ANIMATION. The hero truck drives in from the left, bounces as it parks, idles, and puffs smoke from its chimney; the stickers around it pop in with a bouncy overshoot. The menu marquee scrolls, map pins drop onto the map, package tickets flip over on hover or tap, the event-day timeline fills as you scroll, the smoker drawing draws itself, numbers count up (they read the number you type), and sections slide in as you scroll. Everything is visible without JavaScript, and visitors who ask for reduced motion see a still page. TODAY'S STOP. Every schedule row, week card, map pin and map-key entry carries a data-ff-day attribute (0 = Sunday … 6 = Saturday); the script highlights the ones matching the visitor's weekday. If you change a stop's day, change its data-ff-day too. The map pins are positioned with left/top percentages in their style attribute, so move a pin by editing those numbers. The street map itself is decorative illustration, not a real map — link your real addresses to Google or Apple Maps if you want turn-by-turn directions. PRICE BUILDER. It works in the browser and is clearly labelled as an estimate. Each package's per-guest price is the option's value, its guest minimum is data-min, and each add-on's per-guest price is its checkbox value. Update those alongside the prices shown on the package tickets. FONTS. Bebas Neue, Albert Sans and Permanent Marker load from Google Fonts via @font-face in each page's style block, with system fallbacks. SEO. Each page opens with a labeled block (title, meta description, canonical link, Open Graph tags and JSON-LD). Every page includes FoodEstablishment markup with servesCuisine; the Menu page adds Menu markup with prices, Find the Truck adds a weekly recurring Event per stop, Catering adds the packages as offers, Weddings & Events adds FAQPage and the booking page is a ContactPage. Copy the block into your real <head> when you deploy, and update the domain, cuisine, schedule and areas served. FORMS. The booking form posts nowhere and ships no backend — set its action attribute to your email, booking or catering software before publishing. It says so in a visible note. EDITING. Change colours and fonts site-wide in the editor's Theme panel; edit the header or footer once and use "Apply to all pages"; sections can be moved, duplicated, hidden or deleted; use the Tablet and Mobile views for device-specific tweaks. The truck's brand name is a normal text line layered on the drawing. CLAIMS & SAMPLE CONTENT. The company name, founders, phone, email, Instagram handle, permit number, menu prices, catering package prices and minimums, travel fees, deposit and cancellation terms, weekly schedule spots and hours, statistics and reviews are fictional samples. Replace them with your own before publishing. Keep the allergen note and the V / GF / Spicy tags accurate to your real recipes and kitchen (including shared fryers and cross-contact), and show your own current mobile food unit permit and local health-permit details where your city requires them. IMAGES. All photography is real Unsplash food and table stock, self-hosted under /content-images; no photo shows a person's face. The food shown is representative — replace it with photos of your own dishes, truck and events when you have them. The food truck, smoker, map and icons are inline SVG illustrations.

Reviews

No reviews yet — be the first once you've used this template.