<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 ----------> <ul class="nav nav-tabs nav-pills" id=documents> <li role="presentation" class="active"><a href="#gerais" data-toggle="tab">Informações Gerais</a></li> <li role="presentation"><a href="#alvara" data-toggle="tab">Alvará Municipal</a></li> <li role="presentation"><a href="#bombeiros" data-toggle="tab">Corpo de Bombeiros</a></li> <li role="presentation"><a href="#ambiental" data-toggle="tab">Licença Ambiental</a></li> <li role="presentation"><a href="#ibama" data-toggle="tab">Ibama</a></li> </ul> <div class="tab-content"> <div class="tab-pane fade in active" id="gerais"> <div class="col-md-4"> <h4> Situação dos Documentos <div class="pull-right"> </div> </h4> <hr> <li class="list-group-item"> Certificado do Corpo de Bombeiros <span class="pull-right"> <span class="label label-danger">Não encontrado</span> </span> </li> <li class="list-group-item"> Alvará Municipal <span class="pull-right"> <span class="label label-warning">A vencer</span> </span> </li> <li class="list-group-item"> Certificado do Corpo de Bombeiros <span class="pull-right"> <span class="label label-danger">Vencido</span> </span> </li> <li class="list-group-item"> Certificado do Corpo de Bombeiros <span class="pull-right"> <span class="label label-success">Atualizado</span> </span> </li> </div> </div> <div class="tab-pane fade" id="alvara"> <ul class="list-group col-md-6"> <li class="list-group-item"> <strong>Alvará Municipal:</strong> <a target="_blank" href="/arquivos/AlvaraMunicipio/5/alvara">Baixar</a> </li> </ul> </div> <div class="tab-pane fade" id="bombeiros"> <ul class="list-group col-md-6"> <li class="list-group-item"> <strong>Certificado do corpo de bombeiros:</strong> <a target="_blank" href="/arquivos/AlvaraMunicipio/5/alvara">Baixar</a> </li> </ul> </div> <div class="tab-pane fade" id="ibama"> <ul class="list-group col-md-6"> <li class="list-group-item"> <strong>CTF IBAMA:</strong> 6263546684 </li> <li class="list-group-item"> <strong>Data de emissão do IBAMA:</strong> 2016-03-23 </li> <li class="list-group-item"> <strong>Comprovante:</strong> <a target="_blank" href="/arquivos/IbamaRegistroComprovante/5/comprovante">Baixar</a> A vencer </li> </ul> </div> <div class="tab-pane fade" id="ambiental"> <ul class="list-group col-md-6"> <li class="list-group-item"> <strong>Código do registro ambiental:</strong> 4485685962 </li> <li class="list-group-item"> <strong>Código da licença ambiental:</strong> 5524895895 </li> <li class="list-group-item"> <strong>Data de emissão da licença ambiental:</strong> 2015-07-18 </li> <li class="list-group-item"> <strong>Data de validade da licença ambiental:</strong> 2016-07-08 </li> <li class="list-group-item"> <strong>Comprovante:</strong> <a target="_blank" href="/arquivos/LicencaAmbientalComprovante/5/comprovante">Baixar</a> </li> </ul> </div> </div> </div>