ddServer/templates/header.html
Patryk Hegenberg 4f69762b1f improve usability and styling
change table layout for Form to flexbox using bulma tiles
2023-12-05 19:58:13 +01:00

58 lines
1.6 KiB
HTML

{{ define "header" }}
<header>
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<a href="/" class="navbar-item">
Dungeons & Dragons
</a>
<a href="/about" class="navbar-item">
About
</a>
<a href="/contact" class="navbar-item">
Contact
</a>
</div>
<div class="navbar-end">
<div class="navbar-item">
<div class="buttons">
<a class="button is-primary">
<strong>Sign up</strong>
</a>
<a class="button is-light">
Log in
</a>
</div>
</div>
</div>
</div>
</nav>
<div class="tile is-ancestor">
<div class="tile is-parent">
<section class="tile is-child hero box is-widescreen">
<div class="hero-body">
<div class="container has-text-centered">
<div class="hero-background">
<img src="/images/images/banner.jpg" alt="Dungeons-and-Dragons-Banner">
</div>
<p class="title">
Dungeons and Dragons Monster Generator
</p>
</div>
</div>
</section>
</div>
</div>
</header>
{{ end }}