"Untitled"
Bootstrap 4.1.1 Snippet by raquel2020

<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 ----------> <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.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 ----------> <h1 class="text-center" style="margin-top: 60px;">Programação</h1> <div class="container"> <div class="row justify-content-md-center"> <div class="col-auto p-0 mx-1"> <a class="btn btn-dark programacao" data-toggle="collapse" href="#segunda" aria-expanded="false" aria-controls="segunda"> Segunda-Feira (25/09) </a> </div> <div class="col-auto p-0 mx-1"> <a class="btn btn-dark programacao" data-toggle="collapse" href="#terca" aria-expanded="false" aria-controls="terça"> Terça-Feira (26/09) </a> </div> <div class="col-auto p-0 mx-1"> <a class="btn btn-dark programacao" data-toggle="collapse" href="#quarta" aria-expanded="false" aria-controls="quarta"> Quarta-Feira (27/09) </a> </div> <div class="col-auto p-0 mx-1"> <a class="btn btn-dark programacao" data-toggle="collapse" href="#quinta" aria-expanded="false" aria-controls="quinta"> Quinta-Feira (28/09) </a> </div> <div class="col-auto p-0 mx-1"> <a class="btn btn-dark programacao" data-toggle="collapse" href="#sexta" aria-expanded="false" aria-controls="sexta"> Sexta-Feira (29/09) </a> </div> </div> <div class="mt-4 collapse multi-collapse programacao" id="segunda"> <div class="card card-body"> <table class="table table-bordered table-sm table-responsive"> <thead class="text-center bg-dark text-light"> <tr> <th colspan="7">Segunda-Feira(25/09)</th> </tr> </thead> <tbody class="text-center programacao"> <tr class="font-weight-bold"> <td></td> <td colspan="2">LIN 1</td> <td colspan="2">LIN 2</td> <td>Salas de Aula</td> </tr> <tr> <td>08:00 - 09:25</td> <td rowspan="2" colspan="2" class="align-middle">C Avançado - Turma 1</td> <td rowspan="2" colspan="2" class="align-middle">Introdução ao Python</td> <td></td> </tr> <tr> <td>09:40 - 12:00</td> <td></td> </tr> <tr> <td>12:00 - 13:30</td> <td colspan="6" class="bg-light align-middle">Intervalo</td> </tr> <tr> <td>13:30 - 15:10</td> <td rowspan="2" colspan="2" class="align-middle">C Avançado - Turma 1</td> <td rowspan="2" colspan="2" class="align-middle">Introdução ao Linux</td> <td></td> </tr> <tr> <td>15:30 - 17:30</td> <td></td> </tr> <tr> <td>17:30 - 19:00</td> <td colspan="6" class="bg-light align-middle">Intervalo</td> </tr> <tr> <td>19:00 - 21:10</td> <td rowspan="2" colspan="2" class="align-middle">Introdução ao LaTeX - Turma 1</td> <td rowspan="2" colspan="2" class="align-middle">Introdução ao Android - Turma 1</td> <td></td> </tr> <tr> <td>21:20 - 23:00</td> <td class="align-middle">Lições de Alan Turing</td> </tr> </tbody> </table> </div> </div> <div class="mt-4 collapse multi-collapse programacao" id="terca"> <div class="card card-body"> <table class="table table-bordered table-sm table-responsive"> <thead class="text-center bg-dark text-light"> <tr> <th colspan="7">Terça-Feira (26/09)</th> </tr> </thead> <tbody class="text-center programacao"> <tr> <td></td> <td colspan="2">LIN 1</td> <td colspan="2">LIN 2</td> <td>Salas de Aula</td> </tr> <tr> <td>08:00 - 09:25</td> <td rowspan="2" colspan="2" class="align-middle">Infraestrutura de Servidores de Aplicação</td> <td rowspan="2" colspan="2" class="align-middle">Introdução ao Python</td> <td></td> </tr> <tr> <td>09:40 - 12:00</td> <td></td> </tr> <tr> <td>12:00 - 13:30</td> <td colspan="6" class="bg-light align-middle">Intervalo</td> </tr> <tr> <td>13:30 - 15:10</td> <td rowspan="2" colspan="2" class="align-middle">Introdução ao Linux</td> <td rowspan="2" colspan="2" class="align-middle">Desenvolvimento de Jogos com LibGDX</td> <td class="align-middle">Alexandre Motta</td> </tr> <tr> <td>15:30 - 17:30</td> <td></td> </tr> <tr> <td>17:30 - 19:00</td> <td colspan="6" class="bg-light align-middle">Intervalo</td> </tr> <tr> <td>19:00 - 21:10</td> <td rowspan="2" colspan="2" class="align-middle">Introdução ao LaTeX - Turma 1</td> <td rowspan="2" colspan="2" class="align-middle">Introdução ao Android - Turma 1</td> <td class="align-middle">Arquitetura Ágil</td> </tr> <tr> <td>21:20 - 23:00</td> <td></td> </tr> </tbody> </table> </div> </div> <div class="mt-4 collapse multi-collapse programacao" id="quarta"> <div class="card card-body"> <table class="table table-bordered table-sm table-responsive"> <thead class="text-center bg-dark text-light"> <tr> <th colspan="7">Quarta-Feira (27/09)</th> </tr> </thead> <tbody class="text-center programacao"> <tr> <td></td> <td colspan="2">LIN 1</td> <td colspan="2">LIN 2</td> <td>Salas de Aula</td> </tr> <tr> <td>08:00 - 09:25</td> <td rowspan="2" colspan="2" class="align-middle">Infraestrutura de Servidores de Aplicação</td> <td rowspan="2" colspan="2" class="align-middle">Aplicativos Mobile Multiplataforma Internacionalizáveis</td> <td></td> </tr> <tr> <td>09:40 - 12:00</td> <td></td> </tr> <tr> <td>12:00 - 13:30</td> <td colspan="6" class="bg-light align-middle">Intervalo</td> </tr> <tr> <td>13:30 - 15:10</td> <td rowspan="2" colspan="2" class="align-middle">Aplicativos Mobile Multiplataforma Internacionalizáveis</td> <td rowspan="2" colspan="2" class="align-middle">Introdução ao Android - Turma 2</td> <td colspan="2" class="align-middle">Apresentação de Banner</td> </tr> <tr> <td>15:30 - 17:30</td> </tr> <tr> <td>17:30 - 19:00</td> <td colspan="6" class="bg-light align-middle">Intervalo</td> </tr> <tr> <td>19:00 - 21:10</td> <td rowspan="2" colspan="2" class="align-middle"></td> <td rowspan="2" colspan="2" class="align-middle">Introdução ao Android - Turma 1</td> <td class="align-middle">Espionagem Industrial</td> </tr> <tr> <td>21:20 - 23:00</td> <td class="align-middle">Startup</td> </tr> </tbody> </table> </div> </div> <div class="mt-4 collapse multi-collapse programacao" id="quinta"> <div class="card card-body"> <table class="table table-bordered table-sm table-responsive"> <thead class="text-center bg-dark text-light"> <tr> <th colspan="7">Quinta-Feira (28/09)</th> </tr> </thead> <tbody class="text-center programacao"> <tr> <td></td> <td colspan="2">LIN 1</td> <td colspan="2">LIN 2</td> <td>Salas de Aula</td> </tr> <tr> <td>08:00 - 09:25</td> <td rowspan="2" colspan="2" class="align-middle">Introdução ao LaTeX - Turma 2</td> <td rowspan="2" colspan="2" class="align-middle">Desenvolvimento de Jogos com LibGDX</td> <td></td> </tr> <tr> <td>09:40 - 12:00</td> <td></td> </tr> <tr> <td>12:00 - 13:30</td> <td colspan="6" class="bg-light align-middle">Intervalo</td> </tr> <tr> <td>13:30 - 15:10</td> <td rowspan="2" colspan="2" class="align-middle">C Avançado - Turma 2</td> <td rowspan="2" colspan="2">Introdução ao Android - Turma 2</td> <td class="align-middle"></td> </tr> <tr> <td>15:30 - 17:30</td> <td class="align-middle">Teste de Performance em APIs</td> </tr> <tr> <td>17:30 - 19:00</td> <td colspan="6" class="bg-light align-middle">Intervalo</td> </tr> <tr> <td>19:00 - 21:10</td> <td rowspan="2" colspan="2" class="align-middle">Introdução ao Arduino</td> <td rowspan="2" colspan="2" class="align-middle">Desenvolvimento Java com Spring Boot</td> <td class="align-middle">Painel: Carreira Profissional em TIC</td> </tr> <tr> <td>21:20 - 23:00</td> <td></td> </tr> </tbody> </table> </div> </div> <div class="mt-4 collapse multi-collapse programacao" id="sexta"> <div class="card card-body"> <table class="table table-bordered table-sm table-responsive"> <thead class="text-center bg-dark text-light"> <tr> <th colspan="7">Sexta-Feira (29/09)</th> </tr> </thead> <tbody class="text-center programacao"> <tr> <td></td> <td colspan="2">LIN 1</td> <td colspan="2">LIN 2</td> <td>Salas de Aula</td> </tr> <tr> <td>08:00 - 09:25</td> <td rowspan="2" colspan="2" class="align-middle">Introdução ao LaTeX - Turma 2</td> <td rowspan="2" colspan="2" class="align-middle">Desenvolvimento de Jogos com LibGDX</td> <td class="align-middle">Computação Quântica</td> </tr> <tr> <td>09:40 - 12:00</td> <td></td> </tr> <tr> <td>12:00 - 13:30</td> <td colspan="6" class="bg-light align-middle">Intervalo</td> </tr> <tr> <td>13:30 - 15:10</td> <td rowspan="2" colspan="2" class="align-middle">C Avançado - Turma 2</td> <td rowspan="2" colspan="2" class="align-middle">Introdução ao Android - Turma 2</td> <td colspan="2" class="align-middle">Feira de Oportunidades</td> </tr> <tr> <td>15:30 - 17:30</td> </tr> <tr> <td>17:30 - 19:00</td> <td colspan="6" class="bg-light align-middle">Intervalo</td> </tr> <tr> <td>19:00 - 21:10</td> <td rowspan="2" colspan="2" class="align-middle">Introdução ao Arduino</td> <td rowspan="2" colspan="2" class="align-middle">Desenvolvimento Java com Spring Boot</td> <td class="align-middle">Cassandra: por que o pensamento relacional vai acabar com a performance do seu sistema</td> </tr> <tr> <td>21:20 - 23:00</td> <td></td> </tr> </tbody> </table> </div> </div> </div>
.programacao > tr > td:first-child { font-weight: bold; }
/*$('a.programacao').click(function() { console.log($('div.programacao')); $('div.programacao').collapse('hide'); });*/

Related: See More


Questions / Comments: