Documentation Banners & Content (HTML, MDX, Mermaid) for JSM, Help & ITSM - Template Types

Markdown

Syntax guide for adding markdown: Markdown Cheatsheet

Example code for adding a chart

```mermaid 
  graph TD; 
  A--{">"}B; 
  A--{">"}C; 
  B--{">"}D;
  C--{">"}D; 
  ```

*** ### Markdown Link

Just add a link to download the markdown.

Example link

To generate a link to GitHub markdown:

Copy permalink
Open the link
Click on the 'code' button
Click on the 'raw' button

*** ### Video Link

Just add a link to your video.

Example link

*** ### HTML Code

Add HTML code to generate custom content.


  <html>
    <head>
      <title>Href Attribute Example</title>
    </head>
    <body>
      <h1>Href Attribute Example</h1>
      <p>
        <a href="https://www.freecodecamp.org/contribute/"
          >The freeCodeCamp Contribution Page</a
        >
        shows you how and where you can contribute to freeCodeCamp's community and
        growth.
      </p>
      <br />
      <iframe
        id="inlineFrameExample"
        title="Inline Frame Example"
        width="100%"
        height="400"
        src="https://www.openstreetmap.org/export/embed.html?bbox=-0.004017949104309083%2C51.47612752641776%2C0.00030577182769775396%2C51.478569861898606&layer=mapnik"
      >
      </iframe>
    </body>
  </html>