"Code Example HTML MONOKAI"
Bootstrap 3.3.0 Snippet by maykolrg

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
.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;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Material Dashboard Dark Edition

Questions / Comments: