<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>MauFlix</title>

    {% load static %}
    <link rel="shortcut icon" href="{% static 'img/favicon.png' %}">
    <link rel="stylesheet" href="{% static 'css/bulma.min.css' %}" type="text/css">
    <link rel="stylesheet" href="{% static 'css/main.css' %}" type="text/css">
    <script type="text/javascript" src="{% static 'js/jquery-3.4.1.min.js' %}" ></script>
    <script type="text/javascript" src="{% static 'js/main.js' %}" ></script>
    {% block media %}{% endblock %}

    <script>
    $(document).ready(function() {
    });
    </script>
</head>

</head>

<body>

    <section class="hero is-light">
      <div class="hero-body">
        <div class="container">
          <h2 class="title"> MauFlix </h1>
            <p class="subtitle">
                Otras plataformas tienen todas las películas, excepto las que nos gustan  :)
            </p>
        </div>
      </div>
    </section>

    <div id="movies">
        {% block content %}{% endblock %}
    </div>

<footer class="footer">
  <div class="content has-text-centered">
    <p>
      Site develop thanks to:
      <a href="https://python.org" target='_blank'>Python</a>,
      <a href="https://djangoproject.com/" target='_blank'>Django</a>,
      <a href="https://bulma.io/" target='_blank'>Bulma</a>.
      The website content is licensed <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/" target='_blank'>CC BY NC SA 4.0</a>.
    </p>
  </div>
</footer>

</body>

</html>
