"Untitled"
Bootstrap 4.1.1 Snippet by vcapelli

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="fundo"> <a href="http://sistema-forum.forumeiros.com/f3-copa-blue"> <div class="widget"> <div style="" align="center"><img src="https://static.wixstatic.com/media/dd3ba0_1a96edda6de242b1afc38b609365f7aa~mv2.png/v1/fill/w_181,h_173,al_c,q_80,usm_0.66_1.00_0.01/COPA-BLUE.webp" /> </div> <div style="" align="center"><strong>COPA BLUE</strong> </div> <div style="" align="center"><span style="font-size: 14px;">Mais informações clique no card!</span> </div> </div> </a> <a href="http://sistema-forum.forumeiros.com/f5-campeonato-ofd"> <div class="widget2"> <div style="" align="center"><img src="https://static.wixstatic.com/media/dd3ba0_d37c2aef5c0b4b259548d9f7e3be9a4c~mv2.png/v1/fill/w_180,h_180,al_c,q_80,usm_0.66_1.00_0.01/LOGO-CAMPEONATO-OFD.webp" /> </div> <div style="" align="center"><strong>CAMPEONATO OFD</strong> </div> <div style="" align="center"><span style="font-size: 14px;">Mais informações clique no card!</span> </div> </div> </a> <a href="http://sistema-forum.forumeiros.com/f6-copa-green"> <div class="widget2"> <div style="" align="center"><img src="https://static.wixstatic.com/media/dd3ba0_9d37dfaeb9f541d099ec8a69dd27e752~mv2.png/v1/fill/w_180,h_169,al_c,q_80,usm_0.66_1.00_0.01/COPA-GRENN--LOGO.webp" /> </div> <div style="" align="center"><strong>COPA GREEN</strong> </div> <div style="" align="center"><span style="font-size: 14px;">Mais informações clique no card!</span> </div> </div> </a> </div>
.fundo{ display: flex; } .fundo .widget{ background: #FFF; box-shadow: 0 2px 0 rgba(0,0,0,0.1), inset 0 -2px 0 rgba(0,0,0,0.1), 0px 4px rgba(0,0,0,0.1); border-radius: 5px; width: 215px; color: rgba(68,68,68); padding: 5px; font-size: 25px; line-height: 15px; margin-left: 125px; border: 2px solid rgba(0,0,0,0.1); } .fundo .widget2{ background: #FFF; box-shadow: 0 2px 0 rgba(0,0,0,0.1), inset 0 -2px 0 rgba(0,0,0,0.1), 0px 4px rgba(0,0,0,0.1); border-radius: 5px; width: 250px; color: rgba(68,68,68); padding: 5px; font-size: 25px; line-height: 15px; margin-left: 15px; border: 2px solid rgba(0,0,0,0.1); } .fundo .widget3{ background: #FFF; box-shadow: 0 2px 0 rgba(0,0,0,0.1), inset 0 -2px 0 rgba(0,0,0,0.1), 0px 4px rgba(0,0,0,0.1); border-radius: 5px; width: 215px; color: rgba(68,68,68); padding: 5px; font-size: 25px; line-height: 15px; margin-left: 15px; border: 2px solid rgba(0,0,0,0.1); }

Related: See More


Questions / Comments: