<div class="content shadow p-4 mb-4"> <h3>Syntax Highlighting</h3> <div class="form-group"> <label for="language">Select Language:</label><br> <!-- https://prismjs.com/#languages-list --> <select id="syntax-language" name="language"> <option value="c">C</option> <option value="cpp">C++</option> <option value="css">CSS</option> <option value="html">HTML</option> <option value="javascript">JavaScript</option> <option value="php">PHP</option> <option value="python">Python</option> <option value="shell">Shell</option> </select> </div> <div class="form-group"> <label for="code">Code:</label><br> <textarea id="syntax-code" name="code" rows="12" cols="1" class="form-control" autofocus></textarea> </div> <div class="form-group"> <a id="syntax-highlight" class="btn btn-dark" href="#">Highlight</a> <a id="syntax-copy" class="btn btn-dark" href="#">Copy</a> </div> <div id="syntax-parse"><pre class="line-numbers mb-4"><code class=""></code></pre></div> <textarea id="syntax-parse-copy" class="admin-hidden"></textarea> <div class="pb-5"></div> </div>