# Site JS — what a team dev can do
Everything available to a developer on your Bynefit-hosted team site — Bootstrap, Font Awesome, twenty-five fonts, modals, toasts, confirms, forms, and the public API — wired together in one real page.
> **Prereq:** set up [config.json](https://bynefit.com/docs/help-site-config) first so Bootstrap, icons, and a font are loaded site-wide. The example below assumes you have `ui` in your `ui.load` array.
## What's on the page
A community-center landing page with a hero, an events grid, a newsletter signup, and a donate flow that uses every part of the kit:
- `data-bynli-ui` auto-loads Bootstrap + Font Awesome + the Bynefit fonts
- Bootstrap navbar + responsive grid
- Instrument Serif headlines, Inter body
- A Bynefit form, Bootstrap-styled, embedded inline
- A donate button that opens a custom modal
- A "remove from mailing list" link with a branded confirm dialog
- Toasts on every success
## The full page
Save this as `index.html` in your site. The `config.json` at the root is doing the Bootstrap/fonts loading; nothing else needed.
```
{{ team.name }} — Community Hub
```
## What's doing what
| Line | What it does |
| --- | --- |
| `data-bynli-ui="ui,font:inter"` | runtime.js sees this on `` and loads Bootstrap + Font Awesome + DM Sans + Instrument Serif + Inter — no `