Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

---

Paragraph

This is placeholder body copy used to demonstrate typography, spacing, and layout for long-form content. It shows how paragraphs wrap, how line-length feels on different devices, and how text sits alongside other elements on the page.

Additional filler text continues here to illustrate multiple paragraphs with consistent rhythm and readable line heights. Use this area to validate your content styles without implying any specific product, service, or narrative.

---

Emphasis

1. This sentence includes bold text to demonstrate strong emphasis.

2. This sentence uses underlined text for additional emphasis.

3. This sentence uses italics for subtle emphasis.

4. You can mix styles, like bold within a sentence for clarity.

5. Plain text lines help show default typography without styling.

6. Another plain line for spacing and vertical rhythm demonstrations.

7. URLs and URLs in angle brackets will automatically become links: http://www.example.com or

8. http://www.example.com and sometimes example.com (depending on renderer).

---

Link

Inline link

Inline link with title

Reference-style link

Relative reference

Numbered reference

Or leave it empty and use the link text itself.

example.com may auto-link depending on the renderer.

Some text to show that the reference links can follow later.

---

Ordered List

1. List item
2. List item
3. List item
4. List item
5. List item

---

Unordered List

• List item
• List item
• List item
• List item
• List item

---

Code and Syntax Highlighting

HTML

<ul>
  <li class="nav-item">
    <a class="nav-link" href="/">Home</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="about/">About</a>
  </li>
</ul>

---

CSS

img {
  vertical-align: middle;
  border: 0;
  max-width: 100%;
  height: auto;
}

---

JavaScript

window.addEventListener("load", (e) => {
  document.querySelector(".preloader").style.display = "none";
});

Quote

This is generic quote text used to demonstrate blockquote styling. It should be long enough to wrap across multiple lines on smaller screens.

---

Notice

This is a simple note.

This is a simple note.

This is a simple note.

This is a simple note.

---

Table

#	First	Last	Handle
1	Row:1 Cell:1	Row:1 Cell:2	Row:1 Cell:3
2	Row:2 Cell:1	Row:2 Cell:2	Row:2 Cell:3
3	Row:3 Cell:1	Row:3 Cell:2	Row:3 Cell:3

---

Image

Image from public folder

Image from posts folder

GIF from external source

---

Youtube video

Using picture + link

Using iframe

Custom video (other source)

With Autoplay and contorls

Without controls

Test

Testing use of daisy UI components by just adding html directly in markdown: https://daisyui.com/component

Button Link

Slider