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

{% block breadcrumbs %}
{{ block.super }}
    <li class="active"><i class="icol-mouse"></i>Tutoriales</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-youtube"></i>
                    Tutoriales
                </span>
            </div>
            <div class="dgtic-panel-content dgtic-form-container">
                <div align="center" class="dgtic-panel-content with-padding">
                    <h3>Procedimiento para registrar un usuario</h3>
                    <div class="embed-responsive embed-responsive-16by9">
                      <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/7v4GVJAR0h4?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
                    </div>
                    <hr>
                    <h3>Procedimiento para registrar una actividad</h3>
                    <div class="embed-responsive embed-responsive-16by9">
                      <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/u0rjT3ZxQSY?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
                    </div>
                    <hr>
                    <h3>Procedimiento para confirmar una actividad</h3>
                    <div class="embed-responsive embed-responsive-16by9">
                      <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/eRXAu-f8PB8?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock%}