Title Test

Heading Level 1

This is a paragraph following an H1 heading. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Heading Level 2

This is a paragraph following an H2 heading. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Heading Level 3

This is a paragraph following an H3 heading. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading Level 4

This is a paragraph following an H4 heading. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading Level 5

This is a paragraph following an H5 heading.

Heading Level 6

This is a paragraph following an H6 heading.

Text Formatting

This paragraph contains bold text, italic text, inline code, and a hyperlink.

You can also have ~~deleted text~~, inserted text, highlighted text, and ^superscript or _subscript.

Lists

Unordered List

First item in unordered list
Second item in unordered list
Third item with nested list:
- Nested item 1
- Nested item 2
- Nested item 3
Fourth item in unordered list

Ordered List

First item in ordered list
Second item in ordered list
Third item with nested list:
1. Nested ordered item 1
2. Nested ordered item 2
3. Nested ordered item 3
Fourth item in ordered list

Mixed Nested Lists

Ordered item
- Unordered nested item
- Unordered nested item
Another ordered item

Blockquotes

This is a blockquote. It's commonly used to highlight quotes or important text from other sources. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

— Citation Source

This is a blockquote with multiple paragraphs.

The second paragraph continues the quote and provides additional context or information.

Code Blocks

Inline Code

Use the aviator_register_component() function to register a new component.

Code Block (HTML)

<div class="component">
    <h2>Component Title</h2>
    <p>Component content goes here.</p>
</div>

Code Block (CSS)

.component {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 2rem;
    background: white;
    border-radius: 8px;
}

Code Block (JavaScript)

function initializeComponent() {
    const element = document.querySelector('.component');
    element.addEventListener('click', (e) => {
        console.log('Component clicked');
    });
}

Code Block (PHP)

<?php
function aviator_custom_function($args) {
    $defaults = array(
        'type' => 'default',
        'enabled' => true
    );
    $args = wp_parse_args($args, $defaults);
    return $args;
}
?>

Tables

Property	Type	Default	Description
`enabled`	Boolean	`true`	Whether the feature is enabled
`type`	String	`'default'`	The type of component
`callback`	Function	`null`	Optional callback function
`priority`	Integer	`10`	Execution priority (lower runs first)

Alerts & Notices

ℹ️ Info: This is an informational notice. It provides helpful context or additional information.

⚠️ Warning: This is a warning message. Pay attention to important details or potential issues.

❌ Error: This is an error message. Something went wrong and needs to be addressed.

✅ Success: This is a success message. The operation completed successfully.

Asides & Callouts

Images

Single Image

Example documentation image — Figure 1: Example image with caption

Multiple Images (Grid)

Video Embeds

YouTube Video Embed

Vimeo Video Embed

Definition List

Term 1: Definition for term 1. This explains what the term means in context.
Term 2: Definition for term 2. You can have multiple definitions per term.; Another definition for term 2 from a different perspective.
Term 3: Definition for term 3 with some inline code examples.

Keyboard Shortcuts

Press Ctrl + S to save your work.

Use Cmd + Z to undo on Mac.

Horizontal Rules

Different styles of horizontal rules:

Accordion / Expandable Sections

Click to expand: Getting Started

This content is hidden by default and expands when you click the summary. It's perfect for FAQs or progressive disclosure of information.

First step
Second step
Third step

Click to expand: Advanced Topics

More advanced content goes here. You can nest these as deep as you need.

// Example code
function advanced() {
    return 'complex logic';
}

Complex Nested Content

Section with Mixed Content

This section demonstrates how different elements work together:

First, understand the basic concepts

Then, review this code example:

const config = {
    enabled: true,
    type: 'advanced'
};

Finally, refer to the official documentation

Remember: Always test your changes in a staging environment first!