Botões
|
<button type="button" class="btn btn-primary">Primario</button>
|
|
<button type="button" class="btn btn-primary-light">Auxiliar</button>
|
|
<button type="button" class="btn btn-secondary">Secundario</button>
|
|
<button type="button" class="btn btn-degrade-light">CTA<i class="fas fa-arrow-right pl-3"></i></button>
|
|
<button type="button" class="btn btn-outline-primary">Ghost</button>
Funciona com qualquer cor com .btn-outline-$color
|
|
<button type="button" class="btn btn-primary disabled">Desabilitado</button>
|
|
<button type="button" class="btn btn-success">Sucesso</button>
|
|
<button type="button" class="btn btn-danger">Erro</button>
|
|
<button type="button" class="btn btn-warning">Aviso</button>
|
|
<button type="button" class="btn btn-info">Informação</button>
|
|
<button type="button" class="btn btn-light">Claro</button>
|
|
<button type="button" class="btn btn-dark">Escuro</button>
|
|
<button type="button" class="btn btn-link">link</button>
|
<a href="https://www.facebook.com/acsiv" class="social-icon social-icon-facebook" target="_blank" ><i class="fab fa-facebook-f" title="Facebook da Acsiv"></i></a>
<a href="https://instagram.com/acsivsistemas" class="social-icon social-icon-instagram" target="_blank" ><i class="fab fa-instagram" title="instagram da Acsiv"></i></a>
<a href="https://pt.linkedin.com/company/acsiv" class="social-icon social-icon-linkedin" target="_blank" ><i class="fab fa-linkedin-in" title="linkedin da Acsiv"></i></a>
<a href="https://api.whatsapp.com/send?l=pt_br&phone=5537999121530&text=Ol%C3%A1%2C%20gostaria%20de%20atendimento%20%3A)" class="social-icon social-icon-whatsapp" target="_blank"><i class="fab fa-whatsapp" title="whatsapp da acsiv"></i></a>
<div class="wrap-whatsapp-floating">
<a href="https://api.whatsapp.com/send?l=pt_br&phone=5537999121530&text=Ol%C3%A1%2C%20gostaria%20de%20atendimento%20%3A)" target="_blank" rel="noopener noreferrer" class="btn btn-whatsapp-floating"><i class="fa fa-whatsapp"></i> Atendimento</span></a>
</div>