{% extends "base.html" %}
{% block content %}

<div class="container py-4">

    <div class="card bg-light p-3 mb-4">
        <form method="post" class="row g-2 align-items-center">
            <div class="col">
                <input type="text" name="query" class="form-control" placeholder="Enter text">
            </div>
            <div class="col-auto">
                <button type="submit" class="btn btn-primary">Submit</button>
            </div>
        </form>
    </div>

    <div class="card bg-light p-3">
        <ul class="list-group">
            {% for item in items %}
                <li class="list-group-item">
                    <a href="#" class="text-decoration-none">{{ item }}</a>
                </li>
            {% endfor %}
        </ul>
    </div>

</div>

{ % endblock % }