Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <a class="mini-curso-control-left" href="#mini-curso-carousel" data-slide="prev"><i class="fa fa-angle-left"></i></a>
- <a class="mini-curso-control-right" href="#mini-curso-carousel" data-slide="next"><i class="fa fa-angle-right"></i></a>
- <br>
- <div class="carousel-inner">
- <div class="item active">
- <div class="row">
- <div class="col-sm-4">
- <div class="single-mini-curso">
- <img class="img-responsive" src="images/palestrantes/softcomp.jpg" alt="mini-curso-image">
- <h3>OFICINA</h3>
- <h5>TEMA: OFICINA</h5>
- <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modalcro">Descrição</button>
- <!-- Modal -->
- <div class="modal fade" id="modalcro" role="dialog">
- <div class="modal-dialog modal-lg">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal">×</button>
- <h4 class="modal-title">Descrição</h4>
- </div>
- <div class="modal-body">
- <p>Nome do minicurso/mesa-redonda/oficina.</p>
- <p>PROFESSOR: Nome Professor</p>
- <p>Descrição de minicurso/mesa-redonda/oficina.</p>
- <p>Descrição de minicurso/mesa-redonda/oficina.</p>
- <p>Descrição de minicurso/mesa-redonda/oficina.</p>
- <h3><a href="#">INSCREVA-SE <i class="fa fa-pencil-square-o" aria-hidden="true"></i></a></h3><br>
- <h5>
- <i class="fa fa-calendar-o" aria-hidden="true"></i><b> 20/09/2016</b><br><br>
- <i class="fa fa-clock-o" aria-hidden="true"></i><b> 14:00 - 17:00</b><br><br>
- <i class="fa fa-map-marker" aria-hidden="true"> B-NUMERO</i><br><br>
- <i class="fa fa-info-circle" aria-hidden="true"></i><b> VAGAS LIMITADAS</b><br><br>
- </h5>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
- </div>
- </div>
- </div>
- </div>
- <!-- /Modal -->
- <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>
- </div>
- </div>
- </div>
- </div>
- <!-- TRANSIÇÃO COM PROBLEMA PARA ABRIR O MODAL! -->
- <div class="carousel-inner">
- <div class="item active">
- <div class="row">
- <div class="col-sm-4">
- <div class="single-mini-curso">
- <img class="img-responsive" src="images/palestrantes/softcomp.jpg" alt="mini-curso-image">
- <h3>OFICINA</h3>
- <h5>TEMA: OFICINA</h5>
- <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#modalcro">Descrição</button>
- <!-- Modal -->
- <div class="modal fade" id="modalcro" role="dialog">
- <div class="modal-dialog modal-lg">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal">×</button>
- <h4 class="modal-title">Descrição</h4>
- </div>
- <div class="modal-body">
- <p>Nome do minicurso/mesa-redonda/oficina.</p>
- <p>PROFESSOR: Nome Professor</p>
- <p>Descrição de minicurso/mesa-redonda/oficina.</p>
- <p>Descrição de minicurso/mesa-redonda/oficina.</p>
- <p>Descrição de minicurso/mesa-redonda/oficina.</p>
- <h3><a href="#">INSCREVA-SE <i class="fa fa-pencil-square-o" aria-hidden="true"></i></a></h3><br>
- <h5>
- <i class="fa fa-calendar-o" aria-hidden="true"></i><b> 20/09/2016</b><br><br>
- <i class="fa fa-clock-o" aria-hidden="true"></i><b> 14:00 - 17:00</b><br><br>
- <i class="fa fa-map-marker" aria-hidden="true"> B-NUMERO</i><br><br>
- <i class="fa fa-info-circle" aria-hidden="true"></i><b> VAGAS LIMITADAS</b><br><br>
- </h5>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
- </div>
- </div>
- </div>
- </div>
- <!-- /Modal -->
- <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>
- </div>
- </div>
- </div>
- </div>
Add Comment
Please, Sign In to add comment