{% extends 'base.html' %}

{% block content %}

<div class="h-100 d-flex align-items-center justify-content-center">
    <div class="w-50 center">
        <div class="page-header d-flex justify-content-center">
            <h1>Notes</h1>
        </div>
        {% for note in notes %}
        <div class="card">
            <div class="card-body row justify-content-between  align-items-center">
                <h4 class="card-title col-6">{{ note.title }}</h5>
                <div class="col-auto