{% extends "dashboard_base.html" %}
{% load staticfiles %}

{% block breadcrumbs %}
{{ block.super }}
<li class="active"><a href="/"><i class="icol-calendar-2"></i>Convocatorias</a></li>
{% endblock %} 
{% block maincontent %}

<div class="row-fluid">
                        	<div class="span12">
                            	<div class="dgtic-panel collapsible">
                                	<div class="dgtic-panel-header">
                                    	<span class="dgtic-panel-title">
                                            <i class="icol-photos"></i>
                                            Graficos
                                        </span>
                                        
                                    </div>
                                    <div class="dgtic-panel-content with-padding">
                                            <h5>Descarga los elementos gráficos aquí</h5>
                                            <ul id="enlaces">
                                                <li><a href="http://www.conacyt.mx/images/conacyt/comunicacion/semana/Manual_de_Uso_de_Imagen_XXIV_SNCyT_2017_baja.pdf" target="_blank">Manual de Uso de Imagen
                                                </a></li>
                                            </ul>
                                            <a href="http://www.conacyt.gob.mx/index.php/comunicacion/semana-nacional-de-ciencia-y-tecnologia" target="_blank">Link de descarga de las imagenes
                                            </a>

                                        {% for p in graf %}
                                        <ul class="dgtic-summary-stat">
                                            <li>
                                                <a href="#">
                                                    <span class="dgtic-summary-icon" style="background-color:#FFFFFF;">
                                                        <img class="dgtic-summary-image" src="{{ MEDIA_URL }}{{p.imagen}}" alt="image">
                                                    </span>     
                                                    <span class="dgtic-summary-text">         
                                                        <span class="">&nbsp&nbsp&nbsp{{p.descripcion}}</span>
                                                    </span>
                                                    </a>
                                            </li>
                                        </ul><br>
                                        {% endfor %}
                                        
                                    </div>
                                </div>
                            </div>
                        </div>


{% endblock%}