achubb_website/templates/hello.html

<!-- prettier-ignore -->
{% extends "base.html" %}

{% block title %}Hello!{% endblock %}

{% block content %}
<div class="inline-flex flex-row space-x-2 px-8 py-4">
    <h1 class="text-green-500">Howdy!</h1>
    <a
        href="/another-page"
        class="text-indigo-500 underline hover:text-indigo-300"
        >
        Another page
    </a>
     <button
        type="button"
        hx-get="/api/hello"
        hx-swap="innerHtml"
        class="rounded-md bg-indigo-600 px-2.5 py-1.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
        >
        Say hello
    </button>
    <br>
    <div>
        <a href="/navbar">Load Navbar</a>
    </div>
</div>
{% endblock %}