<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container well"> <h2><center>Web Stuff Goes Here</center></h2> </div> <div id="footer"> <div class="container"> <div class="row"> <h3 class="footertext">Sobre nós:</h3> <br> <div class="col-md-4"> <center> <img src="http://oi60.tinypic.com/w8lycl.jpg" class="img-circle" alt="the-brains"> <br> <h4 class="footertext">Programação\Design</h4> <p class="footertext">Desenvolvido por Allan Rodrigues Lima \ José Roberto C. Siqueira <br> </center> </div> </div> <div class="row"> <p><center><a href="#">Contato</a> <p class="footertext">Copyright 2014</p></center></p> </div> </div> </div>

/* Footer styles -------------------------------------------------- */ html { position: relative; min-height: 100%; } body { /* Margin bottom by footer height */ margin-bottom: 60px; } #footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 280px; background: /* color overlay */ linear-gradient( rgba(240, 212, 0, 0.45), rgba(0, 0, 0, 0.45) ), /* image to overlay */ url(http://v.i.uol.com.br/album/santana_de_parnaiba_f_002.jpg); } /* Custom footer CSS -------------------------------------------------- */ .container { width: auto; max-width: 680px; padding: 0 15px; } .container .text-muted { margin: 20px 0; } .footertext { color: #ffffff; }