SHOW:
|
|
- or go back to the newest paste.
1 | <a class="mini-curso-control-left" href="#mini-curso-carousel" data-slide="prev"><i class="fa fa-angle-left"></i></a> | |
2 | <a class="mini-curso-control-right" href="#mini-curso-carousel" data-slide="next"><i class="fa fa-angle-right"></i></a> | |
3 | <br> | |
4 | <div class="carousel-inner"> | |
5 | <div class="item active"> | |
6 | <div class="row"> | |
7 | <div class="col-sm-4"> | |
8 | <div class="single-mini-curso"> | |
9 | <img class="img-responsive" src="images/palestrantes/softcomp.jpg" alt="mini-curso-image"> | |
10 | <h3>OFICINA</h3> | |
11 | <h5>TEMA: OFICINA</h5> | |
12 | <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modalcro">Descrição</button> | |
13 | <!-- Modal --> | |
14 | <div class="modal fade" id="modalcro" role="dialog"> | |
15 | <div class="modal-dialog modal-lg"> | |
16 | <div class="modal-content"> | |
17 | <div class="modal-header"> | |
18 | <button type="button" class="close" data-dismiss="modal">×</button> | |
19 | <h4 class="modal-title">Descrição</h4> | |
20 | </div> | |
21 | <div class="modal-body"> | |
22 | ||
23 | <p>Nome do minicurso/mesa-redonda/oficina.</p> | |
24 | <p>PROFESSOR: Nome Professor</p> | |
25 | <p>Descrição de minicurso/mesa-redonda/oficina.</p> | |
26 | <p>Descrição de minicurso/mesa-redonda/oficina.</p> | |
27 | <p>Descrição de minicurso/mesa-redonda/oficina.</p> | |
28 | <h3><a href="#">INSCREVA-SE <i class="fa fa-pencil-square-o" aria-hidden="true"></i></a></h3><br> | |
29 | <h5> | |
30 | <i class="fa fa-calendar-o" aria-hidden="true"></i><b> 20/09/2016</b><br><br> | |
31 | <i class="fa fa-clock-o" aria-hidden="true"></i><b> 14:00 - 17:00</b><br><br> | |
32 | <i class="fa fa-map-marker" aria-hidden="true"> B-NUMERO</i><br><br> | |
33 | <i class="fa fa-info-circle" aria-hidden="true"></i><b> VAGAS LIMITADAS</b><br><br> | |
34 | </h5> | |
35 | </div> | |
36 | <div class="modal-footer"> | |
37 | <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button> | |
38 | </div> | |
39 | </div> | |
40 | </div> | |
41 | </div> | |
42 | <!-- /Modal --> | |
43 | <h5><i class="fa fa-calendar-o" aria-hidden="true"></i><b>20/09/2016</b> <i class="fa fa-clock-o" aria-hidden="true"></i><b>14:00 - 17:00</b></h5> | |
44 | </div> | |
45 | </div> | |
46 | </div> | |
47 | </div> | |
48 | ||
49 | <!-- TRANSIÇÃO COM PROBLEMA PARA ABRIR O MODAL! --> | |
50 | <div class="carousel-inner"> | |
51 | <div class="item active"> | |
52 | <div class="row"> | |
53 | <div class="col-sm-4"> | |
54 | <div class="single-mini-curso"> | |
55 | <img class="img-responsive" src="images/palestrantes/softcomp.jpg" alt="mini-curso-image"> | |
56 | <h3>OFICINA</h3> | |
57 | <h5>TEMA: OFICINA</h5> | |
58 | <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modalcro">Descrição</button> | |
59 | <!-- Modal --> | |
60 | <div class="modal fade" id="modalcro" role="dialog"> | |
61 | <div class="modal-dialog modal-lg"> | |
62 | <div class="modal-content"> | |
63 | <div class="modal-header"> | |
64 | <button type="button" class="close" data-dismiss="modal">×</button> | |
65 | <h4 class="modal-title">Descrição</h4> | |
66 | </div> | |
67 | <div class="modal-body"> | |
68 | ||
69 | <p>Nome do minicurso/mesa-redonda/oficina.</p> | |
70 | <p>PROFESSOR: Nome Professor</p> | |
71 | <p>Descrição de minicurso/mesa-redonda/oficina.</p> | |
72 | <p>Descrição de minicurso/mesa-redonda/oficina.</p> | |
73 | <p>Descrição de minicurso/mesa-redonda/oficina.</p> | |
74 | <h3><a href="#">INSCREVA-SE <i class="fa fa-pencil-square-o" aria-hidden="true"></i></a></h3><br> | |
75 | <h5> | |
76 | <i class="fa fa-calendar-o" aria-hidden="true"></i><b> 20/09/2016</b><br><br> | |
77 | <i class="fa fa-clock-o" aria-hidden="true"></i><b> 14:00 - 17:00</b><br><br> | |
78 | <i class="fa fa-map-marker" aria-hidden="true"> B-NUMERO</i><br><br> | |
79 | <i class="fa fa-info-circle" aria-hidden="true"></i><b> VAGAS LIMITADAS</b><br><br> | |
80 | </h5> | |
81 | </div> | |
82 | <div class="modal-footer"> | |
83 | <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button> | |
84 | </div> | |
85 | </div> | |
86 | </div> | |
87 | </div> | |
88 | <!-- /Modal --> | |
89 | <h5><i class="fa fa-calendar-o" aria-hidden="true"></i><b>20/09/2016</b> <i class="fa fa-clock-o" aria-hidden="true"></i><b>14:00 - 17:00</b></h5> | |
90 | </div> | |
91 | </div> | |
92 | </div> | |
93 | </div> |