<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{{ site.title }}</title>
<link href="/build/css/app.css" rel="stylesheet">
</head>
<body class="text-black bg-grey-lightest font-sans">
<div class="bg-grey-darkest text-white antialiased block pt-4 pb-10">
<div class="container mx-auto px-4">
<div class="text-center text-4xl">
<img src="assets/images/logo.png" alt="" class="w-24 mb-4">
<p class="uppercase font-bold tracking-wide mb-2">Chris Rees Academy</p>
<p class="uppercase font-bold tracking-wide">Cardiff</p>
</div>
<div class="bg-red text-white">
<div class="container mx-auto">
<nav class="text-center">
<a href="/" class="block sm:inline-block w-full sm:w-auto text-white hover:text-green no-underline hover:underline px-8 py-5 {{ page.url == '//' ? 'text-green' }}">Coaches</a>
<a href="/schedule" class="block sm:inline-block w-full sm:w-auto text-white hover:text-green no-underline hover:underline px-8 py-5 {{ page.url == '/schedule' ? 'text-green' }}">Schedule</a>
<a href="/membership" class="block sm:inline-block w-full sm:w-auto text-white hover:text-green no-underline hover:underline px-8 py-5 {{ page.url == '/membership' ? 'text-green' }}">Membership</a>
<a href="/contact" class="block sm:inline-block w-full sm:w-auto text-white hover:text-green no-underline hover:underline px-8 py-5 {{ page.url == '/contact' ? 'text-green' }}">Contact</a>
</nav>
<div class="leading-normal pt-16 pb-24">
<h1 class="uppercase text-red text-center mb-12 text-bold tracking-wide">
{{ page.title }}
</h1>
{% block content %}{% endblock %}
</body>
</html>
