Sorgente del template base.html

{% load staticfiles %}

<!DOCTYPE html>
{% block extradoctype %}{% endblock extradoctype %}
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>{% block title %}{% endblock title %} Canticorum</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="KODO' SRL">

    {% block extrameta %}
    <meta name="description" content=""/>
	<meta property="og:title" content="" />
	<meta property="og:site_name" content="" />
	<meta property="og:description" content="" />
	<!--<meta property="og:image" content="" />-->
	<meta property="og:url" content="" />
    {% endblock extrameta %}

    {% block basecss %}
    <!-- Le styles -->
    <link href="{% static 'website/css/bootstrap.min.css'%}" rel="stylesheet">
    <link href="{% static 'website/css/bootstrap-responsive.min.css' %}" rel="stylesheet">

    <link href="{% static 'website/css/custom-style.css' %}" rel="stylesheet">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <link href="{% static 'website/css/brand-buttons.css' %}" rel="stylesheet">
    <link href="{% static 'website/css/brand-buttons-inversed.css' %}" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
    <![endif]-->

    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{% static 'website/ico/apple-touch-icon-144-precomposed.png' %}">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{% static 'website/ico/apple-touch-icon-114-precomposed.png' %}">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{% static 'website/ico/apple-touch-icon-72-precomposed.png' %}">
    <link rel="apple-touch-icon-precomposed" href="{% static 'website/ico/apple-touch-icon-57-precomposed.png' %}">
    <link rel="shortcut icon" href="{% static 'ico/favicon.png' %}">

    <style type="text/css" media="screen">
    /*
        color: 710a15 - rosso
        color: 000056 - blue
    */
    a {
        color: #710a15;
    }

    </style>
    {% endblock basecss %}

    {% block extraheader %}{% endblock extraheader %}

  </head>

  <body {% block bodyopts %}{% endblock bodyopts %} id="top">

    <div class="container">

      <div class="masthead">
        <!--<img src="{% static 'website/img/canticorum-logo.png' %}" alt="Associazione culturale Canticorum">-->
        <div class="pull-right"><img src="{% static 'website/img/canticorum-logo-v2.jpg' %}" alt="Associazione culturale Canticorum"></div>
        <div class="clearfix"></div>

        <!--<span class="pull-right">
            <img src="{% static 'website/img/canticorum-logo-ass.jpg' %}">
        </span>-->

        {% block navbar %}
        <div class="navbar navbar-inverse">
          <div class="navbar-inner">
            <div class="container">
              <ul class="nav">
                <li><a href="/">Home</a></li>
                <li><a href="/maestro/">Il Maestro</a></li>
                <li><a href="/coro/">Il Coro</a></li>
                <li><a href="/repertorio/">Repertorio</a></li>
                  <li><a href="/video/">Video</a></li>
                <li><a href="/eventi/">Storico Concerti</a></li>
                <li><a href="/contatti/">Informazioni</a></li>
                <li><a href="/solidarieta/">Solidariet&agrave;</a></li>
                <li><a href="/partners/">Partners</a></li>
              </ul>
              <ul class="nav pull-right">
                  <li class="dropdown">
                      <a class="dropdown-toggle" data-toggle="dropdown" href="#">Area riservata</a>
                      <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                          <li role="presentation"><a href="/reserved/repertorio/studio/">Coristi</a></li>
                          <li class="divider" role="presentation"></li>
                          <li role="presentation"><a href="/admin/">Amministrazione</a></li>
                      </ul>
                  </li>
             </ul>
            </div>
          </div>
        </div><!-- /.navbar -->
        {% endblock navbar %}
      </div>

      {% block slider %}{% endblock slider %}

    {% block main %}{% endblock main %}
      <hr>

      <div class="footer" align="center">
          {% include "footer.html" %}
      </div>

    </div> <!-- /container -->


    {% block basejs %}
        <!-- Le javascript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
        <script src="{% static 'website/js/bootstrap-transition.js' %}"></script>
        <script src="{% static 'website/js/bootstrap-alert.js' %}"></script>
        <script src="{% static 'website/js/bootstrap-modal.js' %}"></script>
        <script src="{% static 'website/js/bootstrap-dropdown.js' %}"></script>
        <script src="{% static 'website/js/bootstrap-scrollspy.js' %}"></script>
        <script src="{% static 'website/js/bootstrap-tab.js' %}"></script>
        <script src="{% static 'website/js/bootstrap-tooltip.js' %}"></script>
        <script src="{% static 'website/js/bootstrap-popover.js' %}"></script>
        <script src="{% static 'website/js/bootstrap-button.js' %}"></script>
        <script src="{% static 'website/js/bootstrap-collapse.js' %}"></script>
        <script src="{% static 'website/js/bootstrap-carousel.js' %}"></script>
        <script src="{% static 'website/js/bootstrap-typeahead.js' %}"></script>
        <script src="{% static 'website/js/holder.js' %}"></script>
    {% endblock basejs %}

    {% block extrabody %}{% endblock extrabody %}

  </body>
</html>