Следующий HTML-код работал до того, как добавить Django. Я ничего не менял, но теперь, когда я его выполняю, в верхней части страницы появляется отступ, а внутри тега body появляется хром в заголовке тела. Я пытался изменить положение некоторого синтаксиса Django, но это ничего не изменило.
+ код внутри блока
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name = "viewport" content="width=device-width">
<meta name="description" content="Help Pets. We care about animals.">
<meta name="keywords" content="charity, foundation, help pets, adoption">
<meta name="author" content="Irina Gorbacheva">
<title>Help Pets | Home page</title>
<link rel="stylesheet" href="{% static 'style.css' %}">
</head>
<body>
<header class="header">
<div class="container">
<img src="{% static 'imgs/footprint.png' %}">
<div id="logo">
<h1><span>Help</span> Pets</h1>
</div>
<div>
<button id ="popupclick">Donate</button>
</div>
<nav id="navbar" class="topnav">
<a href="{% url 'home' %}" id="cur">Home</a>
<a href="{% url 'help' %}">Help</a>
<a href="{% url 'adoption' %}">Rehoming</a>
<a href="{% url 'reports' %}">Reports</a>
<a href="{% url 'about' %}">About us</a>
<a href="javascript:void(0);" class="icon" onclick="responsive()">
<svg width="30" height="30">
<path d="M0,5 30,5" stroke="#fff" stroke-width="5"/>
<path d="M0,14 30,14" stroke="#fff" stroke-width="5"/>
<path d="M0,23 30,23" stroke="#fff" stroke-width="5"/>
</svg>
</a>
</nav>
</div>
</header>
{% block content %}
{% endblock content %}
</body>
</html>