Code Example

<h1></h1>

 h1. heading

<h2></h2>

 h2. heading

<h3></h3>

 h3. heading

<h4></h4>

 h4. heading

<h5></h5>

 h5. heading

<h6></h6>

 h6. heading

<p></p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tempor, nisi vitae aliquet imperdiet, ligula nisi pellentesque ipsum, ut molestie nunc sem sit amet magna.

<a href="#"></a>

 exemplo de link

<strong></strong>

 Strong/Bold

<small></small>

 exemplo de um Small Text

<ul><li></li></ul>

  • Lista item
  • Lista item

button.btn.btn-primary

button.btn.btn-outline-primary
button.btn.btn-primary.btn-lg
button.btn.btn-primary.btn-sm

a.download-box a.download-box.white

PDF: LISTA SELECIONADOS PDF: LISTA SELECIONADOS

div.box.box__red>div.box__number+div.box__title+div.box__content

1
título
conteúdo conteúdo conteúdo conteúdo conteúdo

div.form-group>label+input.form-control+small.form-text.text-muted

Message.

section.section-bg-paper.section-padding.section-bg-filtro>div.container.color-white
h2.banner-title.banner-title__right

#BOX
+div.box.box__white

BOX

section.container.section-padding>h2.banner-title.banner-title__red

#conteúdo com imagem lateral
div.row>div.col-5.hidden-md-down.align-self-end+div.col-lg-7>div.section-padding

#BOX
div.box.box__red

Box

section.section-bg-paper.section-padding.section-bg-filtro.section-bg-filtro__black>div.container.color-white>h2.banner-title

#BOX
+div.box.box__white

CONTEÚDO

#container
div#accordion1[role=tablist]>div.card

#header
div#heading1.card-header>a.collapsed[data-toggle=collapse][data-parent=accordion1][href=#collapse1][aria-controls=collapse1][aria-expanded=false]

#body
div#collapse1.collapse[role=tabpanel][aria-labelledby=heading1]>div.card-block