<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Example</title>
        <meta
            name="viewport"
            content="width=device-width, initial-scale=1.0, shrink-to-fit=no"
        >
	<!-- Django LiveView FrontEnd -->
	<!-- https://django-liveview.andros.dev/docs/ -->
	<script defer type="module" src="https://cdn.jsdelivr.net/gh/Django-LiveView/frontend/js/main.js"></script>
    </head>
    <body
        data-controller="page"
    >
        <header>
            <h1>FastAPI with LiveView</h1>
	    <nav>
		<ul>
		   <li>
		       <a
			   href="#"
			   data-action="click->page#changePage"
			   data-page="home"
			   role="button"
			>Home</a>
		   </li>
		   <li>
		       <a
			   href="#"
			   data-action="click->page#changePage"
			   data-page="about_us"
			   role="button"
		       >About Us</a>
		</ul>
	    </nav>
        </header>
        <main id="main"></main>
        <footer></footer>
    </body>
</html>