{% extends "default/base.html.php" %}

{% block title%}MANTENIMIENTO{% endblock %}

{% block css %}
<link rel="stylesheet" type="text/css" href="plantillas/default/css/mantenimiento/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" href="plantillas/default/css/mantenimiento/YTPlayer.css" />
<link rel="stylesheet" type="text/css" href="plantillas/default/css/mantenimiento/supersized.css" />
<link rel="stylesheet" type="text/css" href="plantillas/default/css/mantenimiento/styles.css" />
{% endblock %}

{% block body %}
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="section clearfix separate">
                <img src="plantillas/default/images/Logo-Blanco.png" class="img-rounded" alt="Logo CCSM" width="250" height="250"/>
            </div>
            <div class="section clearfix animated fadeIn" id="countdown">
                <div class="countdown_group">
                    <span class="countdown_value">{dnn}</span> 
                    <span class="countdown_help">{dl}</span>
                </div>
                <div class="countdown_group">
                    <span class="countdown_value">{hnn}</span> 
                    <span class="countdown_help">{hl}</span>
                </div> 
                <div class="countdown_group">
                    <span class="countdown_value">{mnn}</span> 
                    <span class="countdown_help">{ml}</span> 
                </div>
                <div class="countdown_group">
                    <span class="countdown_value">{snn}</span> 
                    <span class="countdown_help">{sl}</span>
                </div>
            </div>
            <div class="section clearfix animated fadeIn" id="contact">
                <h3>En este momento nos encontramos en mantenimiento <br> Gracias por su comprension.</h3>
                <a href="#"><i class="fa fa-envelope-o"></i> email@ccsm.org.co</a>
                <a href="#"><i class="fa fa-phone"></i> (+00) 123 4567</a>
            </div>
            <div class="section clearfix">
                <a href="#" class="btn btn-transparent btn-facebook"><i class="fa fa-facebook fa-fw"></i></a>
                <a href="#" class="btn btn-transparent btn-twitter"><i class="fa fa-twitter fa-fw"></i></a>
                <a href="#" class="btn btn-transparent btn-instagram"><i class="fa fa-instagram fa-fw"></i></a>
            </div>
        </div>
    </div>
</div>
{% endblock %}


{% block js%}
<script src="plantillas/default/js/mantenimiento/jquery.plugin.js"></script>
<script src="plantillas/default/js/mantenimiento/jquery.plugin.js"></script>
<script src="plantillas/default/js/mantenimiento/jquery.countdown.min.js"></script>
<script src="plantillas/default/js/mantenimiento/supersized.min.js"></script>
<script src="plantillas/default/js/mantenimiento/jquery.cycle.min.js"></script>
<script src="plantillas/default/js/mantenimiento/jquery.mb.YTPlayer.js"></script>
<script src="plantillas/default/js/mantenimiento/scripts.js"></script>
{% endblock %}
