Bold text and
italic text and
underlined text and
strikethrough text.
Large heading text
Small text
Red colored text and
green colored text and
blue colored text.
Here is a blockquote from the BaseFrame documentation:
BaseFrame is a universal Joomla template that supports 13 CSS frameworks through a single dropdown. The adapter pattern means you write HTML once and swap the visual layer without touching markup.
And a quote attributed to a specific user:
Dade wrote: Been building sites since I was 11. Finally found a Joomla template that doesn't make me want to mass-delete everything.
Here is an ordered list:
- Install BaseFrame via Joomla installer
- Choose your CSS framework from the dropdown
- Customize colors in custom.css
- Deploy to production
And an unordered list:
- Bulma — modern flexbox framework
- PicoCSS — minimal classless CSS
- NES.css — retro 8-bit pixel art
- Halfmoon — dark-mode first
A code block with CSS:
Code:
/* BaseFrame adapter pattern */
.bf-card {
background: var(--bf-bg, #fff);
border: 1px solid var(--bf-border, #e5e5e5);
border-radius: .5rem;
padding: 1.5rem;
box-shadow: 0 1px 3px rgba(0,0,0,.06);
}
.bf-card-title {
font-size: 1.25rem;
font-weight: 700;
margin-bottom: .5rem;
}
An inline code example: use
Code:
body.tf { margin: 0; }
to reset the body margin.
Here is a horizontal rule:
[hr]
A link:
BaseFrame on GitHub
An email link:
This email address is being protected from spambots. You need JavaScript enabled to view it.
A spoiler with hidden content:
Here is a table:
| Framework | Size | Best For |
| Bulma | 200KB | General purpose |
| PicoCSS | 14KB | Minimal sites |
| NES.css | 45KB | Retro/fun |
| Vanilla | 0KB | Custom design |
And finally some text with
bold italic combined and a confidential section:
This message contains confidential information

:woohoo: :silly: :side:
That's everything. If any of this looks broken, we need more CSS.