Example Project

This is an example project demonstrating various markdown elements and how to format your content.

Markdown Examples Guide

This document showcases different markdown elements you can use when editing project content.

Headers

You can use different header levels:

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Text Formatting

You can format text in various ways:

  • Bold text using double asterisks or double underscores
  • Italic text using single asterisks or single underscores
  • Bold and italic using triple asterisks
  • Inline code using backticks

Lists

Unordered Lists

  • First item
  • Second item
    • Nested item
    • Another nested item
  • Third item

Ordered Lists

  1. First numbered item
  2. Second numbered item
    1. Nested numbered item
    2. Another nested numbered item
  3. Third numbered item

Task Lists

  • Completed task
  • Incomplete task
  • Another completed task
  • Another incomplete task

Links

You can create links in markdown:

Images

Local Images

You can add local images like this:

You can also add a description that appears on hover by using a title attribute:

Example Image with Description
Example Image with Description

Web Images

You can also embed images from the web:

Nature Image
Nature Image

Technology Image
Technology Image

Code Image
Code Image

Videos

YouTube Videos

You can embed YouTube videos by simply including the YouTube URL:

Or as a markdown link (will also be converted to embed):

Code Blocks

Inline Code

Use backticks for inline code snippets.

Code Blocks with Syntax Highlighting

function greet(name) {
  return `Hello, ${name}!`;
}

console.log(greet('World'));
def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n-1) + fibonacci(n-2)

print(fibonacci(10))
npm install
npm run dev

Blockquotes

This is a blockquote. You can use it to highlight important information or quotes.

Blockquotes can span multiple lines.

And can even be nested!

Horizontal Rules

You can create horizontal dividers:


Escaping Characters

If you need to display markdown characters literally, escape them with backslashes:

*This is not italic* # This is not a header [This is not a link]

Line Breaks

You can create line breaks by ending a line with two spaces, or by using a blank line for paragraphs.

This is one paragraph.

This is another paragraph.

Emphasis Combinations

  • Bold text
  • Italic text
  • Bold and italic text
  • **Bold** in code (not rendered)
  • Code with **bold** inside

More Content

Add as much content as you need. The markdown will be rendered as HTML. Mix and match these elements to create rich, formatted content for your projects.