I have a webpage structured as follows and I want to have a `background-color: #aa2222` property to apply only to the footer. 

```
<body>
      {% block sidebar %}<!-- insert default navigation text for every page -->{% endblock %}
      {% block content %}<!-- default content text (typically empty) -->
      <!-- Navigation Bar -->
      <section class="navbarSection">
        <div class="topnav" id="myTopnav">
          ...
        </div>
      </section>
      <!-- End of Navigation Bar -->
      <!-- Articles -->
      <section class="articleSection">
        <div class="articles" id="myArticles">
          {% for article in articles %}
          ...
          {% endfor %}
        </div>
      </section>
      <!-- Footer -->
      <footer id="site-footer">
        <div id="footer1">
          <p> footer text </p>
        </div>
      </footer>
      <!-- End of Footer -->
</body>

```

The footer is styled as follows:

```
#footer1 {
background-color: #aa2222;
}

```

At the moment the page is displayed with all the body with `background-color:#aa2222` instead of only the footer.
It seems to be related to Django because using the code in a web editor it applies the background color properly only to the footer.
Could you please help?

**EDIT1**: as suggested, I tried to add a footer.html file in the templates folder as follows

```
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>

  <!-- Footer -->
  <footer id="site-footer">
    <div id="footer1">
      <p> footer text </p>
    </div>
  </footer>
  <!-- End of Footer -->

</body>
</html>

```

Then I have added the tag `{% include "templates/footer.html" %}` in the `index.html` but I receive the error `TemplateDoesNotExist at /home/` when running `python manage.py runserver`