Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

---

Paragraph

This is an example paragraph showing how text looks in this theme. It demonstrates line height, paragraph spacing, and overall typography. Use this space to write engaging content for your Astro website. It supports all standard markdown features including bold, italic, and inline code snippets.

This is another paragraph. It shows the margin between multiple paragraphs. Awesome Astro provides a clean and readable typography system out of the box, making it easy to build content-rich websites.

This is an example paragraph showing how text looks in this theme. It demonstrates line height, paragraph spacing, and overall typography. Use this space to write engaging content for your Astro website. It supports all standard markdown features including bold, italic, and inline code snippets.

This is another paragraph. It shows the margin between multiple paragraphs. Awesome Astro provides a clean and readable typography system out of the box, making it easy to build content-rich websites.

---

Emphasis

1. Did you come here for something in particular or just general

2. Did you come here for something in particular

3. Did you come here

4. Did you come here for something in particular

5. Did you come here for something in particular

6. Did you come here for something in particular

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

8. http://www.example.com and sometimes example.com (but not on Github, for example).

---

Link

I’m an inline-style link

I’m an inline-style link with title

I’m a relative reference to a repository file

example.com (but not on Github, for example).

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";
});

---

Button

Solid Outline

---

Quote

Did you come here for something in particular or just general Riker-bashing? And blowing into maximum warp speed, you appeared for an instant to be in two places at once.

---

Notice

---

Tab

• Tab 1
• Tab 2
• Tab 3

Did you come here for something in particular?

Did you come here for something in particular or just general Riker-bashing? And blowing into maximum warp speed, you appeared for an instant to be in two places at once. We have a saboteur aboard. We know you’re dealing in stolen ore. But I wanna talk about the assassination attempt on Lieutenant Worf.

I wanna talk about the assassination attempt

This is an example text for the tab content. You can put any markdown or components here. It’s a great way to organize secondary information without cluttering the page layout.

This is an example text for the tab content. You can put any markdown or components here. It’s a great way to organize secondary information without cluttering the page layout.

We know you’re dealing in stolen ore

This is an example text for the tab content. You can put any markdown or components here. It’s a great way to organize secondary information without cluttering the page layout.

This is a shorter example text for the tab content to demonstrate varying lengths of content.

---

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

---

Accordion

Why should you need to do this?

• This is a thing.
• This is a thing.
• This is a thing.
• This is a thing.
• This is a thing.

How can I adjust Horizontal centering

• This is a thing.
• This is a thing.
• This is a thing.
• This is a thing.
• This is a thing.

Should you use Negative margin?

• This is a thing.
• This is a thing.
• This is a thing.
• This is a thing.
• This is a thing.

---

Image

---

Youtube video

---

Custom video