Projeto1.png

Nome do Bloco

Um exemplo de texto rápido para criar o título do bloco e compor a maior parte do conteúdo do bloco.






Abrir para copiar código

  • 
    
    							    	<section class="container">
    
    									    <div class="row">
    									        <	div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
    									              <div class="card  card-primary text-center" style="width: 18rem;>
    										               img class="card-img-top img-fluid" 
    										               src="https://img.webnots.com/2017/04/Bootstrap-Card-Image.png" alt="Card image 
    										               cap">
    										               <bloco class="card-block">
    										                 <h4 class="card-title">Nome do Bloco</h4>
    										                 <p class="card-text">Um exemplo de texto rápido para criar o título do bloco e 
    										                 compor a maior parte do conteúdo do bloco.</p>
    										                   <div class="card-footer">
    										                     
    										                <a href="https://getbootstrap.com.br/docs/4.1/components/card/" target="_blank">Outros tipos de bloco</a><br /><br />
    
    			                							   <a href="BlocoFuncionalidades.html"  target="_blank">Ver um exemplo</a><br />
    			                							<br />
    			                							   <a href="BlocoInfoReplicar3.htm" class="btn btn-secondary btn-md">Replicar
    										                     </a>
    										                   </div>
    										                 </p>
    										               </bloco>
    									               <div>
    									          </div>
    									    </div>
    									</section>