This page demonstrates common HTML elements using plain markup. It is intended to help preview how typography, spacing, lists, tables, quotes, code, and other standard content elements appear inside the theme.
H1 Heading
This is a paragraph below an H1 heading. It contains enough text to show line height, spacing, wrapping, and the way body copy sits below a major page heading.
H2 Heading
This paragraph follows an H2 heading and includes strong text, emphasised text, a standard link, highlighted text, small text, and HTML.
H3 Heading
Good theme typography should make headings feel related without making every level look the same. This paragraph sits beneath a third-level heading.
H4 Heading
This is a smaller heading level often used inside cards, product descriptions, documentation pages, or grouped content sections.
H5 Heading
Fifth-level headings are useful for minor labels, compact sections, or details that still need a visible heading.
H6 Heading
Sixth-level headings are the smallest native heading level and are useful for testing hierarchy and readability.
Paragraphs
This is a normal paragraph. It should be comfortable to read and should not feel cramped. A paragraph like this may appear on a standard page, blog post, product description, help article, or documentation screen.
This is a longer paragraph with more content. It is included to test how the theme handles multiple lines of body copy. Good content design depends on readable line length, balanced spacing, and enough contrast between the text and the surrounding surface. A theme should make this feel natural without the content editor needing to manually style each paragraph.
Inline Text Elements
Strong text can be used to add emphasis to important words.
Emphasised text can be used for a softer form of emphasis.
Bold text and italic text are also included for compatibility.
Underlined text may be used occasionally, though links are usually a better semantic choice.
Strikethrough text can show removed or unavailable information.
Inline code should be easy to distinguish from normal text.
Water is written as H2O and a square metre can be written as m2.
Unordered List
- A standard list item with a short amount of text.
- A longer list item that wraps across multiple lines so spacing can be tested properly inside list structures and content cards.
- A list item that contains strong text, emphasised text, and a link.
Ordered List
- Install the theme through the WordPress dashboard.
- Open the Customizer and review the main layout, header, footer, and WooCommerce settings.
- Add pages, posts, products, images, menus, widgets, and background effects to complete the site.
Nested List
- Theme structure
- Header area with logo and navigation.
- Hero area for page titles, breadcrumbs, and featured content.
- Main content area for pages, posts, archives, and products.
- Store structure
- Product archive pages.
- Single product pages.
- Cart, checkout, and account pages.
Definition List
Theme A collection of templates, styles, and functions that controls the appearance of a WordPress website. Customizer A WordPress interface that allows site owners to preview and publish visual settings. Background effect A visual layer that can add motion, colour, texture, or atmosphere behind content.
Blockquote
A strong theme should make ordinary content look intentional, not just the homepage. The real test is how it handles everyday pages, long text, lists, tables, and product content.Theme preview note
Preformatted Text
This is preformatted text. Line breaks and spacing are preserved. It is useful for code examples, logs, configuration notes, and technical content.
Code Block
<section>
<h2>Example Section</h2>
<p>This is a simple HTML example.</p>
</section>Keyboard, Sample, and Variable Text
Press Ctrl + S to save changes.
The command returned Update complete.
The variable x represents the selected layout width.
Table
| Feature | Standard Website | ATheme Preview | Notes |
|---|---|---|---|
| Responsive layout | Required | Included | Layouts should adapt across desktop, tablet, and mobile screens. |
| WooCommerce support | Optional | Built in | Store pages should feel integrated with the rest of the website. |
| Customizer settings | Varies | Central feature | Key layout and display settings can be adjusted visually. |
| Background effects | Usually custom | Supported | Works with BaqFlo-BGFX for visual background layers. |
| This table is included to test captions, headers, body rows, footers, and long cell content. | |||
Details and Summary
Open this section to reveal more content
This hidden content is useful for FAQs, documentation, compact help sections, and optional product details.
Address
BaqFlo WordPress Extensions
Website: baqflo.com
Support: support@example.com
Figure
This figure caption describes the image and tests how captions appear below media.
Horizontal Rule
The line below is a horizontal rule.
The line above is a horizontal rule.