{% load static %}
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <!-- CSS only -->
        <!-- link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" -->

    </head>
    <body>
        <h1>Hi again</h1>
        <!--div class="alert alert-warning" role="alert">
            Remember that errors are your friends!
        </div -->
        {% for project in projects%}
            <img src="{% static project.image %}" alt="screenshot of project">
            <h1>{{ project.title }}</h1>
            <p>{{ project.description }}</p>
            <p>{{ project.technology }}</p>
        {% endfor %}
    </body>
</html>