Principal
#007BDF
CSS name:--first-color
Tabla de colores:
Principal Alt
#006DC6
CSS name:--first-color-alt
Secundario
#00CBFF
CSS name:--second-color
Secundario Alt
#00BFF0
CSS name:--second-color-alt
Terciario
#FF3C32
CSS name:--third-color
Terciario Alt
#FF2419
CSS name:--third-color-alt
h1
h2
h3
h4
h5
h6
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.
- Primer punto tipografico de ejemplo.
- Segundo punto tipografico de ejemplo.
Texto con negrita, cursiva y un Enlace de ejemplo.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quasi, dolorem autem maiores quis dolor, reprehenderit delectus quia dolore, incidunt obcaecati sequi labore hic? Soluta doloremque vitae explicabo assumenda fugit tenetur.
Botones y enlaces
Variantes y tamanos. El hover se prueba al pasar el cursor (solo desktop).
Variantes
Tamanos
Enlaces
Lorem ipsum dolor sit amet, Example of Link consectetur adipisicing elit.
editor-css
Flex
Core Module1
Core Module2
Core Module3
Core Module4
Core Module5
Core Module6
Core Module7
Core Module8
Core Module9
Core Module10
grid
Internal Module1
Internal Module2
Internal Module3
Internal Module4
Internal Module5
Internal Module6
Internal Module7
Internal Module8
Internal Module9
Internal Module10
slider_item_1
slider_item_2
slider_item_3
slider_item_4
example2 - item 1
cat1
cat2
example2 - item 2
cat1
cat2
example2 - item 3
cat1
cat2
example2 - item 4
cat1
cat2
Listas
Unordered list (ul)
- Item de lista no ordenada uno
- Item de lista no ordenada dos
- Item de lista no ordenada tres
- Subitem anidado A
- Subitem anidado B
- Item de lista no ordenada cuatro
- Item de lista no ordenada cinco
Ordered list (ol)
- Primer paso o punto numerado
- Segundo paso o punto numerado
- Tercer paso o punto numerado
- Subpaso 3.1
- Subpaso 3.2
- Cuarto paso o punto numerado
- Quinto paso o punto numerado
Write Markdown in the html file
- Lorem ipsum dolor sit amet consectetur adipisicing
elit. - Lorem ipsum dolor sit amet consectetur adipisicing
elit. - Lorem ipsum dolor sit amet consectetur adipisicing
elit. - Lorem ipsum dolor sit amet consectetur adipisicing
elit.
Write Markdown in the html file (html)
<!DOCTYPE html>
<html lang="en">
<head>
<title>Pug</title>
<script type="text/javascript">
foo = true;
bar = function () {};
if (foo) { bar(1 + 5) }
</script>
</head>
<body>
<h1>Pug - node template engine</h1>
<div id="container" class="col">
<p>You are amazing</p>
<p> Lorem ipsum.</p>
</div>
</body>
</html>Importing Markdown files in the html
This is a Markdown Example
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
<a class="button">.button.first-color</a>
<a class="button second-color">.button.second-color</a>
<a class="button third-color">.button.third-color</a>
<a class="button accent-color">.button.accent-color</a>
<a class="button dark-color">.button.dark-color</a>
<a class="button text-color">.button.text-color</a>
<a class="button light-color">.button.light-color</a>alert('Hola Mundo');body {
background: red;
}side bar
first Div
Second Div
Texto
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quasi, dolorem autem maiores quis dolor, reprehenderit delectus quia dolore, incidunt obcaecati sequi labore hic? Soluta doloremque vitae explicabo assumenda fugit tenetur.
Lorem ipsum dolor sit amet, Example of Link consectetur adipisicing elit.
Documentacion