<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 ----------> <br/><br/><br/> <!-- Plans --> <section id="plans"> <div class="container"> <div class="row"> <!-- item --> <div class="col-md-4 text-center"> <div class="panel panel-success panel-pricing"> <div class="panel-heading"> <i class="fa fa-ticket"></i> <h3>1º Lote</h3> </div> <div class="panel-body text-center"> <p><strong>R$330,00</strong></p> </div> <ul class="list-group text-center"> <li class="list-group-item"><i class="fa fa-check"></i> Hospedagem</li> <li class="list-group-item"><i class="fa fa-check"></i> Alimentação</li> <li class="list-group-item"><i class="fa fa-check"></i> Aulas</li> <li class="list-group-item"><i class="fa fa-calendar"></i> Até 31/12/2016</li> </ul> <div class="panel-footer"> <a class="btn btn-lg btn-block btn-success" href="#"> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="hosted_button_id" value="MS7J67NGZX4SG"> <input type="image" src="https://www.paypalobjects.com/pt_BR/BR/i/btn/btn_paynowCC_LG.gif" border="0" name="submit" alt="PayPal - A maneira fácil e segura de enviar pagamentos online!"> </form> </a> </div> </div> </div> <!-- /item --> <!-- item --> <div class="col-md-4 text-center"> <div class="panel panel-danger panel-pricing"> <div class="panel-heading"> <i class="fa fa-ticket"></i> <h3>2º Lote</h3> </div> <div class="panel-body text-center"> <p><strong>R$ 350,00</strong></p> </div> <ul class="list-group text-center"> <li class="list-group-item"><i class="fa fa-check"></i> Hospedagem</li> <li class="list-group-item"><i class="fa fa-check"></i> Alimentação</li> <li class="list-group-item"><i class="fa fa-check"></i> Aulas</li> <li class="list-group-item"><i class="fa fa-calendar"></i> Até 28/02/2017</li> </ul> <div class="panel-footer"> <a class="btn btn-lg btn-block btn-danger disabled" href="#"> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="hosted_button_id" value="S27G7D65387NL"> <input type="image" src="https://www.paypalobjects.com/pt_BR/BR/i/btn/btn_paynowCC_LG.gif" border="0" name="submit" alt="PayPal - A maneira fácil e segura de enviar pagamentos online!"> </form> </a> </div> </div> </div> <!-- /item --> <!-- item --> <div class="col-md-4 text-center"> <div class="panel panel-danger panel-pricing"> <div class="panel-heading"> <i class="fa fa-ticket"></i> <h3>3º Lote</h3> </div> <div class="panel-body text-center"> <p><strong>R$370,00</strong></p> </div> <ul class="list-group text-center"> <li class="list-group-item"><i class="fa fa-check"></i> Hospedagem</li> <li class="list-group-item"><i class="fa fa-check"></i> Alimentação</li> <li class="list-group-item"><i class="fa fa-check"></i> Aulas</li> <li class="list-group-item"><i class="fa fa-calendar"></i> Até 17/04/2017</li> </ul> <div class="panel-footer"> <a class="btn btn-lg btn-block btn-danger disabled" href="#"> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="hosted_button_id" value="P7AV3ZDFYCLY4"> <input type="image" src="https://www.paypalobjects.com/pt_BR/BR/i/btn/btn_paynowCC_LG.gif" border="0" name="submit" alt="PayPal - A maneira fácil e segura de enviar pagamentos online!"> </form> </a> </div> </div> </div> <!-- /item --> </div> </div> </section> <!-- /Plans -->

@import url("http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css"); .panel-pricing { -moz-transition: all .3s ease; -o-transition: all .3s ease; -webkit-transition: all .3s ease; } .panel-pricing:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2); } .panel-pricing .panel-heading { padding: 20px 10px; } .panel-pricing .panel-heading .fa { margin-top: 10px; font-size: 58px; } .panel-pricing .list-group-item { color: #777777; border-bottom: 1px solid rgba(250, 250, 250, 0.5); } .panel-pricing .list-group-item:last-child { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .panel-pricing .list-group-item:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px; } .panel-pricing .panel-body { background-color: #f0f0f0; font-size: 40px; color: #777777; padding: 20px; margin: 0px; }