<button type="button" class="btn btn-primary my-2" data-toggle="modal" data-target="#ModalCenterDois"> Abrir Modal </button> <div class="modal fade" id="ModalCenterDois" tabindex="-1" role="dialog" aria-labelledby="ModalCenterDoisTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-body"> Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos! </div> </div> </div> </div>
<button type="button" class="btn btn-primary my-2" data-toggle="modal" data-target="#ModalCenterUm"> Abrir Modal </button> <div class="modal fade" id="ModalCenterUm" tabindex="-1" role="dialog" aria-labelledby="ModalCenterUmTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="ModalCenterUmTitle">Título</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="modal-body"> Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos! </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button> </div> </div> </div> </div>
Título

Descrição resumida do serviço ou produto

Mais
<div class="card" style=""> <img class="card-img-top" src="assets/images/img-demo.jpg"> <div class="card-body"> <h5 class="card-title">Título</h5> <p class="card-text">Descrição resumida do serviço ou produto</p> <a href="#" class="btn btn-primary">Mais</a> </div> </div>
Título
Subtítulo

Descrição resumida do serviço ou produto

Mais Mais
<div class="card" style=""> <div class="card-body"> <h5 class="card-title">Título</h5> <h6 class="card-subtitle mb-2 text-muted">Subtítulo</h6> <p class="card-text">Descrição resumida do serviço ou produto</p> <a href="#" class="card-link">Mais</a> <a href="#" class="card-link">Mais</a> </div> </div>

Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!

<div class="card" style=""> <img class="card-img-top" src="assets/images/img-demo.jpg"> <div class="card-body"> <p class="card-text">Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!</p> </div> </div>
Título
Subtítulo

Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!

<div class="card text-white bg-info mb-3" style=""> <div class="card-header">Título</div> <div class="card-body"> <h5 class="card-title">Subtítulo</h5> <p class="card-text">Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!</p> </div> </div>
Título
Subtítulo

Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!

<div class="card border-dark mb-3" style=""> <div class="card-header">Título</div> <div class="card-body text-dark"> <h5 class="card-title">Subtítulo</h5> <p class="card-text">Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!</p> </div> </div>
Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!
<button class="btn btn-primary my-2" type="button" data-toggle="collapse" data-target="#collapseUm" aria-expanded="false" aria-controls="collapseUm"> Abrir o collapse </button> <div class="collapse" id="collapseUm"> <div class="card card-body"> Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos! </div> </div>
Título

Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!

Título

Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!

Título

Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!

<div class="card-group my-3"> <div class="card"> <img class="card-img-top" src="assets/images/img-demo.jpg"> <div class="card-body"> <h5 class="card-title">Título</h5> <p class="card-text">Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!</p> </div> </div> <div class="card"> <img class="card-img-top" src="assets/images/img-demo.jpg"> <div class="card-body"> <h5 class="card-title">Título</h5> <p class="card-text">Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!</p> </div> </div> <div class="card"> <img class="card-img-top" src="assets/images/img-demo.jpg"> <div class="card-body"> <h5 class="card-title">Título</h5> <p class="card-text">Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!</p> </div> </div> </div>
Título

Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!

Título

Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!

Título

Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!

<div class="card-deck my-3"> <div class="card"> <img class="card-img-top" src="assets/images/img-demo.jpg"> <div class="card-body"> <h5 class="card-title">Título</h5> <p class="card-text">Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!</p> </div> </div> <div class="card"> <img class="card-img-top" src="assets/images/img-demo.jpg"> <div class="card-body"> <h5 class="card-title">Título</h5> <p class="card-text">Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!</p> </div> </div> <div class="card"> <img class="card-img-top" src="assets/images/img-demo.jpg"> <div class="card-body"> <h5 class="card-title">Título</h5> <p class="card-text">Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!</p> </div> </div> </div>
  • Você pode criar um grupo de lista

  • Facilidade

  • Qualidade

  • Credibilidade

<ul class="list-group"> <li class="list-group-item"><p>Você pode criar um grupo de lista</p></li> <li class="list-group-item"><p>Facilidade</p></li> <li class="list-group-item"><p>Qualidade</p></li> <li class="list-group-item"><p>Credibilidade</p></li> </ul>

Seja bem vindo!

Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!


Com criatividade e atenção, é possível conseguir resultados incríveis

<div class="jumbotron"> <h1 class="display-4">Seja bem vindo!</h1> <p class="lead">Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!</p> <hr class="my-4"> <p>Com criatividade e atenção, é possível conseguir resultados incríveis</p> </div>

Seja bem vindo!

Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!

<div class="jumbotron jumbotron-fluid"> <div class="container"> <h1 class="display-4">Seja bem vindo!</h1> <p class="lead">Você pode usar a documentação do Bootstrap4.1.1 para escolher trechos de códigos!</p> </div> </div>
<div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/RfJUkSIkk4M?rel=0&amp;amp;showinfo=0&amp;autoplay=0&amp;loo p=0" frameborder="0" allowfullscreen=""></iframe> </div>