The tile gallery

Every tile in the catalog, rendered live on this page from one content file. Copy the markup from the kit and paste it into your own plate.

Feature

Repeating value props. The most-used tile.

Why choose us

Value proposition

A short statement of why this matters.

Second point

Cards flow into as many columns as the container allows.

Content Card

A heading, a paragraph and a link. The workhorse card.

Serving Muskegon since 2011

A heading, a paragraph and a link. The workhorse tile for articles, services or teasers.

Media

One image with an optional caption.

Placeholder artwork
media — one image, reserved space, no layout shift.

Gallery

An auto-fit image grid.

Video

An embed that loads only when scrolled into view.

▶ Play video

A ninety-second tour.

Team

A person card: photo, name, role.

Portrait placeholder

Dana Whitfield

Framework maintainer

Testimonial

Social proof with an attribution.

They had us online inside a week, and the files are ours.

A satisfied site owner

Quote

A pull quote, no attribution framing.

You should own your website. Not rent it.
S.I.T.E.S

Pricing Product

One pricing tier; repeat for a table.

Standard

$0 forever

  • Every tile in the catalog
  • Content admin included
  • No build step
  • No vendor lock-in
Get the framework

Menu

A menu with categories and prices.

Menu

Small plates

  • Edamame6
  • Karaage11

Mains

  • Ramen16

Faq

Questions in a native accordion, so it works with no JavaScript.

Common questions

Do I need a build step?
No. The files you write are the files you deploy.
Can I use a framework?
You can, but you give up the point. Tiles are plain HTML and CSS.

Social Contact

A row of social links.

IG IN X YT

Find us

A contact block with direct details and optional links.

Email hello@example.com

Site nownsite.com

Contact Form

A working form with no backend — it posts to an embeddable endpoint.

Send a message

Map Event Search

A privacy-first map: Leaflet and OpenStreetMap, no API key.

Book a consultation

Scheduling without leaving the page.

Cta

A closing band that asks for the next step.

Ready when you are

A closing band that asks for the next step.