"Posts News"
Bootstrap 3.3.0 Snippet by krlosmujica

<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 ----------> <div class="container-fluid news-blog"> <div class="row"> <div class="col-lg-12"> <div class="page-header"> <h1>Blog <small>Debate </small></h1> </div> <div class="col-sm-6 col-md-6"> <a href="#"> <div class="thumbnail principal-post"> <img src="https://i0.wp.com/radio.ufpa.br/wp-content/uploads/2017/09/Morador%20de%20rua.jpg"> <div class="caption"> <h2>População em situação de rua</h2> <span class="date-of-post">4 de dezembro de 2017</span> <p>De acordo com a pesquisa “Trabalho Docente e Saúde: tensões da Educação Superior”, entre 2006 e 2010, 14,13% dos pedidos de afastamento do trabalho dos professores da UFPA estiveram relacionados à saúde mental. Depressão e síndrome de Burnout estão entre os problemas mais frequentes apontados no trabalho realizado por Jadir Campos, no Programa de Pós-Graduação em Educação.</p> </div> </div> </a> </div> <div class="col-sm-6 col-md-6"> <div class="thumbnail"> <a href="#"> <div class="caption"> <h2>Futuro da Ciência no Brasil e na Amazônia</h2> <span class="date-of-post">3 de outubro de 2017</span> </div> </a> </div> <div class="thumbnail"> <a href="#"> <div class="caption"> <h2>Reforma Política</h2> <span class="date-of-post">22 de maio de 2017</span> </div> </a> </div> <div class="thumbnail"> <a href="#"> <div class="caption"> <h2>UFPA Debate discute MP da regularização fundiária</h2> <span class="date-of-post">4 de dezembro de 2017</span> </div> </a> </div> <div class="thumbnail"> <a href="#"> <div class="caption"> <h2>Saúde Mental no Ensino Superior</h2> <span class="date-of-post">4 de dezembro de 2017</span> </div> </a> </div> <div class="thumbnail"> <a href="#"> <div class="caption"> <h2>Depressão e os enfrentamentos</h2> <span class="date-of-post">9 de setembro de 2017</span> </div> </a> </div> <div class="thumbnail"> <a href="#"> <div class="caption"> <h2>Reforma Trabalhista</h2> <span class="date-of-post">3 de julho de 2017</span> </div> </a> </div> </div> </div> </div> </div>
.thumbnail:hover { background-color: #f1eded ; } .thumbnail{ margin-bottom: 10px; } .thumbnail>img { height: auto; } .date-of-post{ color: #0089d8; } .news-blog .page-header{ margin-bottom: 13px; padding: 17px 14px 19px 30px; margin-top: 12px; } .caption h2, h3 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } .caption p{ display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; margin: 0 0 10px; line-height: 1.42857143; font-size: 14px; text-align: justify; }

Related: See More


Questions / Comments: