Tourist Attractions with Templates -"Looking for one of endblock" error

Hello, i have a persistent problem of extending base template in Django. It is strange that i get this despite obviously it is have the closure block tag for block content. not sure what cause this. Really appreciate if you can show any clues.

Error during template rendering

In template /home/ccuser/workspace/Django-Tourist_Attractions/tourist_attractions/templates/tourist_attractions/home.html, error at line 8

Unclosed tag on line 8: ‘block’. Looking for one of: endblock.

1 {% extends ‘tourist_attractions/base.html’ %}
2 {% load static %}
3
4 {% block head %}
5
6 {% endblock %}
7
8 {% block content %}
9

This is a list of attraction in America!

10 (% endblock %}

Meanwhile, the base template itself is this:

<!DOCTYPE html>

<html>
  <head>
    {% block head %}
    {% endblock %}
  </head>
  <body>
    <a href='{% url "home" %}'> Take me home </a>
    {% block content %} 
    {% endblock %}
  </body>
</html>

I’m sure i have got them all correct in home.html.
No other reason for this error to happen except when the endblock block tag is absent or improperly written.

I have actually finish written the code for all the remaining tasks, but no way to confirm it (there is no CodeAcademy video for this project, and the only similiar situation was from 2021_discussion_django which still unanswered to this day.

Should i test in local? i really want to skip this
N.B: My whole scripts is

  1. base.html
<!DOCTYPE html>

<html>
  <head>
    {% block head %}
    {% endblock %}
  </head>
  <body>
    <a href='{% url "home" %}'> Take me home </a>
    {% block content %} 
    {% endblock %}
  </body>
</html>
  1. home.html
{% extends 'tourist_attractions/base.html' %}
{% load static %}

{% block head %}
<link rel="stylesheet" href="{% static 'tourist_attractions/style.css' %}">
{% endblock %}

{% block content %}
  <h1> This is a list of attraction in America! </h1>
  <table>
    <thead>
      <tr>
        <th scope="col">Attraction</th>
        <th scope="col">State</th>
        <th scope="col">State details</th>
      </tr>
    </thead>
    <tbody>
      {% for item in attractions|dictsort:"state" %}
        <tr>
          <td>{{item.attraction_name}}</td>
          <td>{{item.state}}</td>
          <td><a href='{% url "details" item.state|slugify %}'>State details</a></td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
(% endblock %}
  1. details.html
{% extends 'tourist_attractions/base.html' %}
{% load static %}

{% block head %}
<link rel="stylesheet" href="{% static 'tourist_attractions/style.css' %}">
{% endblock %}

{% block content %}
  <h1> This is a list of tourist attractions for {{statename|filter}} </h1>
  <table>
    <thead>
      <tr>
        <th span="col">Attraction</th>
        <th span="col">State</th>
      </tr>
    <tbody>
      {% for item in attractions|dictsort:"state" %}
        {% if item.state|lower == statename%}
          <tr>
            <td>{{item.attraction_name}}</td>
            <td>{{item.state}}</td>
          </tr>
          {{% break}}
        {% else %}
          {% continue %}
        {% endif %}
      {% endfor %}  
    </tbody>
  </table>
{% endblock %}

Actually, it is only typo in the endblock. parentheses instead brackets. tyvm.