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

    {% block extrahead %}
    <meta charset="utf-8">

    <!-- Bootstrap Stylesheet -->
    <link rel="stylesheet" href="{% static "bootstrap/css/bootstrap.min.css" %}" media="screen">
    <!-- Theme Stylesheet -->
    <link rel="stylesheet" href="{% static "assets/css/dandelion.theme.css" %}" media="screen">
    <!-- Icon Stylesheet -->
    <link rel="stylesheet" href="{% static "assets/css/fonts/glyphicons/style.css" %}" media="screen">
    <!--  Main Stylesheet -->
    <link rel="stylesheet" href="{% static "assets/css/dandelion.css" %}" media="screen">
    <!-- Demo Stylesheet -->
    <link rel="stylesheet" href="{% static "assets/css/demo.css" %}" media="screen">

    <!-- Login Stylesheet -->
    <link rel="stylesheet" href="{% static "assets/css/form.css" %}" media="screen">
    <link rel="stylesheet" href="{% static "assets/css/login.css" %}" media="screen">

    <link rel="stylesheet" href="{% static "plugins/zocial/zocial.css" %}" media="screen">

    {% endblock %}

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


    <div class="row-fluid">
        <div class="span12">
            <div class="dgtic-panel">
                <div class="dgtic-panel-header">
                                    	<span class="dgtic-panel-title">
                                            <i class="icon-display"></i>
                                            1<sup>a</sup> Jornada Tabasqueña del Conocimiento
                                        </span>

                </div>
                <div id="dgtic-ex-tabs"  style="text-align:justify">
                    <ul>
                        <li><a href="#tabs-1">{{jornada.titulo}}</a></li>
                        <!--<li><a href="#tabs-3">Organización</a></li>-->
                    </ul>



                    <div id="tabs-1">
                        <img src="{{jornada.logo.url}}" alt="" width="100"  height="100" class="left" style="float:left"; />{{jornada.descripcion}}.</p>
                    </div>

                    <!--<div id="tabs-3">-->
                        <!--<h3>Organización</h3>-->

                        <!--El Consejo Nacional de Ciencia y Tecnología (CONACYT) coordina la Semana Nacional de Ciencia y Tecnología con el apoyo de las autoridades educativas estatales.-->
                        <!--En Tabasco, la Secretaría de Educación y el Consejo de Ciencia y Tecnología del Estado de Tabasco coordinan este importante evento en el que participan Universidades, Instituciones Educativas de todos los niveles, Centros de Investigación, Asociaciones Civiles, Empresas e Instancias gubernamentales, Clubes de ciencia, entre otros.<br>-->
                        <!--Al igual que en años anteriores en Tabasco, se estableció una doble estructura organizativa: El Comité Organizador Estatal y los Subcomités Municipales.<br>-->
                        <!--El Comité Organizador Estatal recopila el conjunto de programas por institución o nivel educativo, según sea el caso, establece la orientación general de las actividades de la Semana, organiza el programa de la sede estatal, incluyendo las ceremonias de inauguración y clausura.<br>-->
                        <!--Los Subcomités Organizadores Municipales establecen la coordinación de las actividades que los planteles educativos, organizaciones productivas y autoridades locales desarrollarán durante la Semana. En este nivel se estructura el programa municipal, bajo la coordinación de una instancia educativa del nivel medio superior o superior o Instancia gubernamental designada por el Comité Organizador Estatal.-->
                    <!--</div>-->

                </div>
            </div>
        </div>
    </div>


{% endblock%}
{% block extralibs%}

    <script src="{% static "assets/js/libs/jquery-1.8.3.min.js"%}"></script>
    <script src="{% static "assets/js/libs/jquery.placeholder.min.js" %}"></script>
    <script src="{% static "assets/js/libs/jquery.mousewheel.min.js" %}"></script>

    <!-- JS Bootstrap -->
    <script src="{% static "bootstrap/js/bootstrap.min.js" %}"></script>
    
    <!-- jQuery-UI JavaScript Files -->
    <script src="{% static "assets/jui/js/jquery-ui-1.9.2.min.js"%}"></script>
    <script src="{% static "assets/jui/jquery.ui.timepicker.min.js" %}"></script>
    <script src="{% static "assets/jui/jquery.ui.touch-punch.min.js" %}"></script>
    <link rel="stylesheet" type="text/css" href="{% static "assets/jui/css/jquery.ui.all.css" %}" media="screen">

    <link rel="stylesheet" href="plugins/elrte/css/elrte.css" media="screen">
    <link rel="stylesheet" href="plugins/elfinder/css/elfinder.css" media="screen">

    <!-- JS Plugins -->

    <!-- Validation Plugin -->
    <script src="{% static "plugins/validate/jquery.validate.min.js" %}"></script>

    <!-- jGrowl Plugin -->
    <script src="{% static "plugins/jgrowl/jquery.jgrowl.min.js" %}"></script>
    <link rel="stylesheet" href="{% static "plugins/jgrowl/jquery.jgrowl.css" %}" media="screen">

    <!-- JS Demo -->
    <script src="{% static "assets/js/demo/demo.ui.js" %}"></script>

    <!-- JS Template -->
    <script src="{% static "assets/js/core/dandelion.core.js" %}"></script>

    <!-- JS Customizer -->
    <script src="{% static "assets/js/core/dandelion.customizer.js" %}"></script>

{% endblock %}