Bootstrap 4 Cards Templates

bootstrap cards w3schools, bootstrap 4 card templates
bootstrap cards w3schools, bootstrap 4 card templates
bootstrap cards w3schools, bootstrap 4 card templates

Hello Friends in this article we will learn how to create bootstrap cards templates, A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content .



HTML CODE

 <div class="container">
      <div class="row">
		<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
          <div class="box text-center">      
            <i class="fa fa-facebook fa-3x" aria-hidden="true"></i>  
			  <div class="title">
				<h4>Instagram</h4>
			  </div>
			  <div class="text">
				 <span>Lorem ipsum dolor sit amet, id quo eruditi eloquentiam. Assum decore te sed. Elitr scripta ocurreret qui ad.</span>
			   </div>
				<a class="btn btn-danger" href="#">Learn More</a>
			</div>
		  </div>	 

          <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
          <div class="box text-center">      
            <i class="fa fa-youtube fa-3x" aria-hidden="true"></i>  
			  <div class="title">
				<h4>Instagram</h4>
			  </div>
			  <div class="text">
				 <span>Lorem ipsum dolor sit amet, id quo eruditi eloquentiam. Assum decore te sed. Elitr scripta ocurreret qui ad.</span>
			   </div>
				<a class="btn btn-danger" href="#">Learn More</a>
			</div>
		  </div>	 

          <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
          <div class="box text-center">      
            <i class="fa fa-instagram fa-3x" aria-hidden="true"></i>  
			  <div class="title">
				<h4>Instagram</h4>
			  </div>
			  <div class="text">
				 <span>Lorem ipsum dolor sit amet, id quo eruditi eloquentiam. Assum decore te sed. Elitr scripta ocurreret qui ad.</span>
			   </div>
				<a class="btn btn-danger" href="#">Learn More</a>
			</div>
		  </div>	 
		</div>		
      </div>

Leave a Reply

avatar
  Subscribe  
Notify of