nemesiscodex/openfonacide

{% load staticfiles %}
<h1 class="ui header center aligned" style="margin-top:30px;">Infografías</h1>
<div class="ui page grid" style="margin-bottom: 150px; margin-top: 30px">
    <div class="sixteen wide column">
  <div class="ui three stackable cards">
    <div class="ui fluid card">
      <div class="content">
        <a class="header" href="mobiliarios" target="_blank">Mobiliarios</a>
      </div>


      <a class="image" href="mobiliarios" target="_blank">
        <img src="{% static 'images/mobiliarios.png' %}">
      </a>

      <div class="content">
       Dentro de infraestructura se pueden pedir entre otras cosas, las necesidades de Mobiliarios. Sobre este  requerimiento trata esta infografía.
      </div>
        <a  class="ui bottom attached teal button" href="mobiliarios" target="_blank">

      <i class="add icon"></i>
      Ver
        </a>
    </div>
    <div class="ui fluid card">
      <div class="content">
        <a class="header" href="agua" target="_blank">Abastecimiento de Agua</a>
      </div>
      <a class="image" href="agua" target="_blank">
        <img src="{% static 'images/agua.png' %}">
      </a>
      <div class="content">
       La fuente de abastecimiento de agua en las escuelas priorizadas para recibir los fondos de FONACIDE es muy variada.
      </div>
        <a  class="ui bottom attached teal button" href="agua" target="_blank">
      <i class="add icon"></i>
      Ver
      </a>
    </div>
    <div class="ui fluid card">
      <div class="content">
        <a class="header" href="dncp" target="_blank">Llamados de FONACIDE en el DNCP</a>
      </div>
      <a class="image" href="dncp" target="_blank">
        <img src="{% static 'images/dncp.png' %}">
      </a>
      <div class="content">
           En esta infografía podrás responder algunas de las preguntas más comunes en torno a las contrataciones referentes a FONACIDE.
      </div>
        <a class="ui bottom attached teal button" href="dncp" target="_blank">
      <i class="add icon"></i>
      Ver
      </a>
    </div>
  </div>
</div>
</div>