\section{HTML Light}

\begin{lstlisting}[language=bash, style=customStyleHTMLLight, caption=Snippet title]
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>GGHTMLCodeExample</title>
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
    <script>
    	var variable = 4;
    	if(variable != null && variable == 4) {		
    		variable++;
    		variable += 12 * 4 / 3;
    		document.write(variable);
    	}
    </script>
</head>
<body>
    <div><Example HTML/div>
</body>
</html>
\end{lstlisting}

\section{HTML Dark}

\begin{lstlisting}[language=bash, style=customStyleHTMLDark, caption=Snippet title]
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>GGHTMLCodeExample</title>
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
    <script>
    	var variable = 4;
    	if(variable != null && variable == 4) {		
    		variable++;
    		variable += 12 * 4 / 3;
    		document.write(variable);
    	}
    </script>
</head>
<body>
    <div><Example HTML/div>
</body>
</html>
\end{lstlisting}

\section{HTML Import}

\lstinputlisting[language=bash, style=customStyleHTMLDark, caption=Snippet title]{\SNIPPETHTML}