Find town services, plan a visit, and see what’s happening in your community.
Find a serviceThe library meeting room and Town Hall community room are open for neighborhood groups, classes, and local events.
Explore the spacesVisit the front desk during Town Hall hours. Staff can help you find the right form or department.
Plan your visitUse this HTML with Curbcut’s stylesheet, script, and self-hosted fonts. The template layout CSS and example JavaScript provide the page layout and demo behavior. Replace example links and content before publishing.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Town homepage — Riverbend example</title>
<link rel="stylesheet" href="/fonts/archivo.css">
<link rel="stylesheet" href="/assets/curbcut.css">
<link rel="stylesheet" href="/templates.css">
<script src="/assets/curbcut.js" defer></script>
<script src="/templates.js" defer></script>
</head>
<body>
<a class="cc-skip-link" href="#main">Skip to main content</a>
<header class="cc-site-header cc-site-header--contained">
<a class="cc-site-header__home" href="/templates/town-homepage/"><span class="cc-site-header__mark" aria-hidden="true">R</span>Town of Riverbend</a>
<nav class="cc-site-header__nav" aria-label="Primary">
<a href="/templates/town-homepage/" aria-current="page">Home</a>
<a href="/templates/service/" >Community rooms</a>
<a href="/templates/application/" >Apply</a>
<a href="#contact">Contact</a>
</nav>
<button class="cc-mobile-menu__toggle cc-site-header__menu" type="button" aria-haspopup="dialog" aria-controls="town-menu">Menu</button>
</header>
<dialog class="cc-mobile-menu" id="town-menu" aria-label="Town menu">
<div class="cc-mobile-menu__bar">Riverbend <button type="button" data-close>Close</button></div>
<nav aria-label="Primary"><ul>
<li><a href="/templates/town-homepage/">Home</a></li><li><a href="/templates/service/">Community rooms</a></li><li><a href="/templates/application/">Apply</a></li><li><a href="#contact">Contact</a></li>
</ul></nav>
</dialog>
<main id="main">
<div class="cc-container">
<section class="tpl-welcome" aria-labelledby="welcome-title">
<div><h1 id="welcome-title">Welcome to Riverbend</h1><p class="cc-paragraph cc-paragraph--lead">Find town services, plan a visit, and see what’s happening in your community.</p><a class="cc-button" href="#services">Find a service <svg class="cc-icon" aria-hidden="true"><use href="/assets/curbcut-icons.svg?v=1ac57b0#arrow-right"/></svg></a></div>
<aside class="cc-card tpl-visit" aria-labelledby="visit-title"><svg class="cc-icon" aria-hidden="true"><use href="/assets/curbcut-icons.svg?v=1ac57b0#landmark"/></svg><h2 class="cc-heading cc-heading--sm" id="visit-title">Visit Town Hall</h2><p class="cc-paragraph">12 Main Street</p><dl class="tpl-facts"><div><dt>Monday–Thursday</dt><dd>8:30 am–4:30 pm</dd></div><div><dt>Friday</dt><dd>8:30 am–12:00 pm</dd></div></dl><a class="cc-link" href="#contact">Town contact information</a></aside>
</section>
<section class="tpl-section" id="services" aria-labelledby="services-title">
<h2 class="cc-heading cc-heading--md" id="services-title">How can we help?</h2>
<ul class="cc-linkgrid">
<li><a href="/templates/service/">Find a community room<span class="cc-meta">Compare spaces, fees, and availability</span></a></li>
<li><a href="/templates/application/">Request a reservation<span class="cc-meta">Plan a meeting or community event</span></a></li>
<li><a href="#contact">Visit Town Hall<span class="cc-meta">Opening hours and location</span></a></li>
</ul>
</section>
<section class="tpl-section tpl-home-columns" aria-labelledby="news-title">
<div><h2 class="cc-heading cc-heading--md" id="news-title">Town updates</h2><article class="tpl-update"><h3 class="cc-heading cc-heading--sm">Community rooms are available to reserve</h3><p class="cc-paragraph">The library meeting room and Town Hall community room are open for neighborhood groups, classes, and local events.</p><a class="cc-link" href="/templates/service/">Explore the spaces</a></article><article class="tpl-update"><h3 class="cc-heading cc-heading--sm">Need help with an online service?</h3><p class="cc-paragraph">Visit the front desk during Town Hall hours. Staff can help you find the right form or department.</p><a class="cc-link" href="#contact">Plan your visit</a></article></div>
<aside class="cc-section--panel" aria-labelledby="meeting-title"><h2 class="cc-heading cc-heading--sm" id="meeting-title">Community open house</h2><p class="cc-paragraph">Saturday, October 3<br>10:00 am–12:00 pm<br>Town Hall community room</p><p class="cc-paragraph">Meet town staff and take a look around the spaces available for your next event. No registration is needed.</p><p class="cc-meta">Example event for this template.</p></aside>
</section>
</div>
</main>
<footer class="cc-site-footer" id="contact">
<div class="cc-site-footer__cols">
<section><h2>Town of Riverbend</h2><p>Town Hall, 12 Main Street<br>Riverbend</p></section>
<section><h2>Visit Town Hall</h2><p>Monday–Thursday, 8:30 am–4:30 pm<br>Friday, 8:30 am–12:00 pm</p></section>
<section><h2>Community services</h2><ul><li><a href="/templates/service/">Room information</a></li><li><a href="/templates/application/">Request a reservation</a></li></ul></section>
</div>
<div class="cc-site-footer__meta">This is a Curbcut example website, not a live town service.</div>
</footer>
</body>
</html>