HTML

PrismJS is used as the syntax highlighter here.

Below are the details of the custom PrismJS build used in this template. You can build your own version via their website should you need to.

• Compression level: Minified
• Theme: Okaidia
• Languages: Markup, CSS, C-like, JavaScript, PHP and Python

    <p class="my-style">
      Hello World!
    </p>
                     

CSS

Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.

    
    /*   
     * Template Name: devAid - Bootstrap 5 theme for developers
     * Author: Xiaoying Riley at 3rd Wave Media
     * Website: https://themes.3rdwavemedia.com/
     * Twitter: @3rdwave_themes
    */
    body {
      font-family: 'Lato', arial, sans-serif;
      color: #444444;
      font-size: 16px;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    

JavaScript

Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit ligula eget dolor.

    if( awesome ){
        console.log('This is Awesome');
    }else{
        $('body').addClass('give-me-awesome');
    }
                    

Full Documentation

If your documentation is very long you can host the full docs page (including FAQ etc) on GitHub and provide a Call to Action button below to direct users there.

More on GitHub