{% extends "principal.html" %}
{% load staticfiles %}
{% block title %}Institucion{% endblock %}
{% block extrahead %}

    <!-- 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">
    
    <link rel="stylesheet" href="{% static "assets/js/plugins/swipebox/css/swipebox.css" %}" media="screen">

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

    <!-- 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">

 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

    {% endblock %}

{% block headertoolbar %}

{% endblock %}


{% block breadcrumbs %}
{{ block.super }}
<li class="active"><a href=""><i class="icon-bank"></i>Institucion</a></li>
{% endblock %}
{% block maincontent %}


<div class="row-fluid">
    <div class="span15">

        <div class="dgtic-panel collapsible">
            <div class="dgtic-panel-header">
                <span class="dgtic-panel-title">
                <i class="icol-grid"></i>
                Videos 
                </span>
                <div class="dgtic-panel-toggler"></div></div>
                <div class="dgtic-panel-inner-wrap"><div class="dgtic-panel-content dgtic-table-container">

            </div>
        </div>
    </div>
    <div>
        <a class="video ui-button" rel="youtube" href="https://www.youtube.com/watch?v=-_R4tOiR4CU">Registro por primera vez</a>
        <a class="video ui-button" rel="youtube" href="https://www.youtube.com/watch?v=Ln16vRRrAd0">Crear actividad</a>
    </div>
</div>



{% endblock%}

{% block extralibs %}
        <!-- JS Libs -->
        <!-- JS Libs -->
    <script type="text/javascript" src="{% static "assets/js/libs/jquery-1.8.3.min.js" %}"></script>

    <!-- JS Bootstrap -->
    <script type="text/javascript" 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/js/plugins/swipebox/js/jquery.swipebox.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">

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

    <script>
        $(function(){
            $('.video').swipebox();
        });
    </script>


{% endblock %}