<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container-fluid"> <div class="row"> <div class="col-lg-6"> <div class="monokai"> <pre> <code class="language-html" data-lang="html"> <!<span class="tag">DOCTYPE</span> html> <<span class="tag">html</span> <span class="attr">lang</span>=<span class="vattr">"en"</span>> <<span class="tag">head</span>> <<span class="tag">meta</span> <span class="attr">charset</span>=<span class="vattr">"utf-8"</span>> <<span class="tag">meta</span> <span class="attr">http-equiv</span>=<span class="vattr">"X-UA-Compatible"</span> <span class="attr">content</span>=<span class="vattr">"IE=edge"</span>> <<span class="tag">meta</span> <span class="attr">name</span>=<span class="vattr">"viewport"</span> <span class="attr">content</span>=<span class="vattr">"width=device-width, initial-scale=1"</span>> <span class="coment"><!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --></span> <<span class="tag">title</span>&gt Bootstrap 101 Template </<span class="tag">title</span>> <span class="coment"><!-- Bootstrap --></span> <<span class="tag">link</span> <span class="attr">href</span>=<span class="vattr">"css/bootstrap.min.css"</span> <span class="attr">rel</span>=<span class="vattr">"stylesheet"</span>> <span class="coment"><!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --></span> <span class="coment"><!-- WARNING: Respond.js doesn't work if you view the page via file:// --></span> <span class="coment"><!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--></span> </<span class="tag">head</span>> <<span class="tag">body</span>> <<span class="tag">h1</span>>Hello, world!</<span class="tag">h1</span>> <span class="coment"><!-- jQuery (necessary for Bootstrap's JavaScript plugins) --></span> <<span class="tag">script </span><span class="attr">src</span>=<span class="vattr">"https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"</span>></<span class="tag">script</span>> <span class="coment"><!-- Include all compiled plugins (below), or include individual files as needed --></span> <<span class="tag">script </span><span class="attr">src</span>=<span class="vattr">"js/bootstrap.min.js"</span>></<span class="tag">script</span>> </<span class="tag">body</span>> </<span class="tag">html</span>> </code> </pre> </div> </div> <div class="col-lg-6"> <h1>Hello, world!</h1> </div> </div> </div>

.monokai pre{ background:#272822; border: none; color:#FFF; padding:10px; } /*Etiquetas*/ .monokai .tag{ color:#F92665; } /*Atributos*/ .monokai .attr{ color:#A6E22E; } /*Valores de Atributos*/ .monokai .vattr{ color:#E6DB74; } /*Comentarios*/ .monokai .coment{ color:#75715E; }