<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js" integrity="sha384-eMNCOe7tC1doHpGoWe/6oMVemdAVTMs2xqW4mwXrXsW0L84Iytr2wi5v2QjrP/xp" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.min.js" integrity="sha384-cn7l7gDp0eyniUwwAZgrzD06kc/tftFf19TOAs2zVinnD/C7E91j9yyk5//jjpt/" crossorigin="anonymous"></script>
</head>
<body>
<nav class="navbar navbar-light container">
<a class="navbar-brand text-primary" href="/">goddit</a>
<div class="flex-fill"></div>
<a class="text-primary text-primary" href="/register">Register</a>
</nav>
<div class="header bg-light border-bottom border-top py-5">
<div class="container">
{{block "header" .}}{{end}}
</div>
<div class="container py-5">
<div class="row">
<div class="col-xl-8 order-1 order-xl-0">
{{with .FlashMessage}}
<div id="my-alert" class="alert alert-primary alert-dismissible fade show" role="alert">
{{.}}
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
{{end}}
{{block "content" .}}{{end}}
<div class="col-xl-4 order-0 order-xl-1">
{{block "sidebar" .}}{{end}}
</body>
</html>
