/
home2
/
reumatologia
/
public_html
/
Upload File
HOME
<!DOCTYPE html> <html lang="zxx"> <?php include('ssi_head.php'); ?> <body> <div class="body"> <?php include('ssi_header.php'); ?> <div role="main" class="main"> <section class="page-header parallax overlay overlay-color-dark overlay-show overlay-op-8 appear-animation" data-appear-animation="fadeIn" data-plugin-parallax data-plugin-options="{'speed': 1.5, 'parallaxHeight': '120%', 'offset': 60}" data-image-src="img/backgrounds/eventos.jpg"> <div class="container py-5 my-4"> <div class="row"> <div class="col-md-12"> <ul class="breadcrumb"> <li><a href="home.php">Home</a></li> <li class="active">Para pacientes</li> <li class="active">Eventos</li> </ul> </div> </div> <div class="row"> <div class="col-md-12"> <h1 class="font-weight-bold text-color-light">Eventos</h1> </div> </div> </div> </section> <section class="section"> <div class="container"> <div class="row masonry-loader masonry-loader-showing portfolio-list portfolio-list-style-2" data-plugin-masonry data-plugin-options="{'itemSelector': '.isotope-item'}"> <div class="col-sm-6 col-md-4 isotope-item mb-5 p-0"> <div class="portfolio-item"> <article class="blog-post"> <h2 class="font-weight-bold text-4 mb-3"> <a href="eventos_detalle.php" class="link-color-dark">Titulo</a> </h2> <div class="owl-carousel owl-theme dots-style-2 nav-style-2" data-plugin-options="{'items': 1, 'dots': true, 'nav': false, 'animateIn': 'fadeIn', 'animateOut': 'fadeOut'}"> <div> <a href="eventos_detalle.php"> <div class="image-frame hover-effect-2"> <div class="image-frame-wrapper"> <img src="img/blog/posts/post-3-masonry.jpg" class="img-fluid" alt="" /> </div> </div> </a> </div> <div> <a href="eventos_detalle.php"> <div class="image-frame hover-effect-2"> <div class="image-frame-wrapper"> <img src="img/blog/posts/post-3-masonry.jpg" class="img-fluid" alt="" /> </div> </div> </a> </div> <div> <a href="eventos_detalle.php"> <div class="image-frame hover-effect-2"> <div class="image-frame-wrapper"> <img src="img/blog/posts/post-3-masonry.jpg" class="img-fluid" alt="" /> </div> </div> </a> </div> </div> <div class="d-flex opacity-6 my-2"> <span class="top-sub-title text-color-primary">Fecha</span> </div> <hr class="mt-0 mb-3"> <p class="text-color-light-3">Contenido...</p> <a href="eventos_detalle.php" class="text-color-primary font-weight-bold learn-more">LEER MÁS <i class="fas fa-angle-right text-3" aria-label="Read more"></i></a> </article> </div> </div> <div class="col-sm-6 col-md-4 isotope-item mb-5 p-0"> <div class="portfolio-item"> <article class="blog-post"> <h2 class="font-weight-bold text-4 mb-3"> <a href="eventos_detalle.php" class="link-color-dark">Titulo</a> </h2> <div class="image-frame hover-effect-2"> <div class="image-frame-wrapper"> <a href="eventos_detalle.php"><img src="img/blog/posts/post-3-masonry.jpg" class="img-fluid" alt="" /></a> </div> </div> <div class="d-flex opacity-6 my-2"> <span class="top-sub-title text-color-primary">Fecha</span> </div> <hr class="mt-0 mb-3"> <p class="text-color-light-3">Contenido...</p> <a href="eventos_detalle.php" class="text-color-primary font-weight-bold learn-more">LEER MÁS <i class="fas fa-angle-right text-3" aria-label="Read more"></i></a> </article> </div> </div> <div class="col-sm-6 col-md-4 isotope-item mb-5 p-0"> <div class="portfolio-item"> <article class="blog-post"> <h2 class="font-weight-bold text-4 mb-3"> <a href="eventos_detalle.php" class="link-color-dark">Titulo</a> </h2> <div class="image-frame hover-effect-2"> <div class="image-frame-wrapper"> <a href="eventos_detalle.php"><img src="img/blog/posts/post-3-masonry.jpg" class="img-fluid" alt="" /></a> </div> </div> <div class="d-flex opacity-6 my-2"> <span class="top-sub-title text-color-primary">Fecha</span> </div> <hr class="mt-0 mb-3"> <p class="text-color-light-3">Contenido...</p> <a href="eventos_detalle.php" class="text-color-primary font-weight-bold learn-more">LEER MÁS <i class="fas fa-angle-right text-3" aria-label="Read more"></i></a> </article> </div> </div> </div> <hr class="mt-5 mb-4"> <div class="row align-items-center justify-content-between"> <div class="col-auto mb-3 mb-sm-0"> <span>Eventos 1-3 de 3</span> </div> <div class="col-auto"> <nav aria-label="Page navigation example"> <ul class="pagination mb-0"> <li class="page-item"> <a class="page-link prev" href="#" aria-label="Previous"> <span><i class="fas fa-angle-left" aria-label="Previous"></i></span> </a> </li> <li class="page-item active"><a class="page-link" href="#">1</a></li> <li class="page-item"><a class="page-link" href="#">2</a></li> <li class="page-item"><a class="page-link" href="#">3</a></li> <li class="page-item">...</li> <li class="page-item"><a class="page-link" href="#">15</a></li> <li class="page-item"> <a class="page-link next" href="#" aria-label="Next"> <span><i class="fas fa-angle-right" aria-label="Next"></i></span> </a> </li> </ul> </nav> </div> </div> </div> </section> <?php include('ssi_sponsors.php'); ?> </div> <?php include('ssi_footer.php'); ?> </div> <?php include('ssi_script.php'); ?> </body> </html>