{% load static %}

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="{% static 'main.css' %}">
        <link rel="icon" type="image/png" href="{% static 'favicon.ico' %}">
        <title>
            {% block title %}Urban Exploration{% endblock %}
        </title>
    </head>
    <body>
        <header class="LP-Header">
            <div class="LP-Header__Logo">
                <a class="LP-Link" href="#">
                    <img class="LP-Logo" src="{% static 'logo.png' %}" />
                </a>
            </div>
            <div class="LP-Header__Navigation">
                <nav class="LP-Menu">
                    <ul class="LP-Menu__List">
                        <li class="LP-Menu__Item"><a href="" class="LP-Link"><span class="LP-Link__Text">Home</span></a></li>
                        <li class="LP-Menu__Item"><a href="" class="LP-Link"><span class="LP-Link__Text">About</span></a></li>
                        <li class="LP-Menu__Item"><a href="" class="LP-Link"><span class="LP-Link__Text">Contact</span></a></li>
                    </ul>
                </nav>
            </div>
        </header>
        <article class="LP-MainContainer">
            {% block maincontent %}
          
            {% endblock maincontent %}
        </article>
    </body>
</html>