Vendor : Prismjs

Note This is a basic demo! Please see main full documentation here.
Info

Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind. It’s used in thousands of websites, including some of those you visit daily. 


// LANGUAGES AVAILABLE BY DEFAULT:
language-bash
language-c
language-coffeescript
language-cpp
language-csharp
language-css
language-docker
language-git
language-go
language-html
language-ini
language-java
language-javascript
language-json
language-lua
language-makefile
language-markdown
language-objectivec
language-perl
language-php
language-powershell
language-python
language-ruby
language-sass
language-swift
language-sql
language-typescript
language-visual-basic

// you can add/remove languages by editing: gulp.config__vendors.js
// and rebuilding using GULP


/*

	USAGE
	line-numbers = optional, show line number
	For light theme, add .bg-light
*/
<pre class="language-html line-numbers"><code>
	... code here
</code></pre>
Examples 
<!-- HTML -->
<div> Lorem Ipsum </div>

/* CSS */
.class {
	color: #ffffff;
	background-color: #121212;
}

// with .line-numbers class
for(i = 0; i < smarty.length; i++) {
	console.log(i);
}

// with .bg-light class
for(i = 0; i < smarty.length; i++) {
	var_dump(i);
}