out1.html
{# Curso Django Framework do Zero: https://www.youtube.com/playlist?list=PLFOqHo8oIjzewcT23HCxJV0xWO451CTJe #}
{% extends '_base.html' %} {# herda tudo que já tem em _base.html #}
{% load static %}  {# carrega o módulo static para fornecer arquivos estáticos #}

{# 
       cada bloco abaixo como o mesmo nome terá o conteúdo
        substituído em _base.html, se não existir aqui,  permanecerá 
         com o mesmo conteúdo original herdado de _base.html
#}
{% block head_title %} 
    Django Framework 
{% endblock %}

{% block css %} 
      {# Bootstrap CSS #}
     <link
              rel="stylesheet"
              href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">

      {# CSS do Projeto #}
      {# o comando "static" traduz para o caminho correto para os arquivos estáticos #}
      <link rel="stylesheet" href="{% static 'css/base.css' %}">
{% endblock %}


{% block header %}
<div class="container">
    <header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
      <a href="{% url 'index' %}" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none">
        <span class="fs-4">Django do Zero</span>
      </a>
      <ul class="nav nav-pills">
        <li class="nav-item">
            <a href="{% url 'ola' %}" class="nav-link px-2 link-dark">Sobre</a>
        </li>
      </ul>
    </header>
</div>
{% endblock %}

{% block main %}
    <div class="container">
    {% block content %} 
        <p>Conteúdo padrão...</p>
    {% endblock content %}
    </div>
{% endblock %}

{% block footer %}
    <footer class="footer">
    <div class="container">
        <span class="text-muted">Rodapé...</span>
    </div>
    </footer>
{% endblock %}

{% block javascript %}
    {# Bootstrap JavaScript #}
    <script 
        src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js">
    </script>

    {# JS do Projeto #}
    <script src="{% static 'js/base.js' %}"></script>
{% endblock %}