<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <link rel="icon" type="image/png" href="/curling_logo.png"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Curling E-Portfolio</title>
</head>
<body class="bg-primary flex flex-col min-h-screen">

{{> nav homeActive=true }}

<div class="home grow">
    <h1 class="flex justify-center text-center">Welcome to the world of Curling!</h1>

    <div class="flex h-auto bg-banner md:flex-row flex-col justify-center my-5">
        {{> banneritem
        href="rules.html"
        img="/rules.svg"
        imgalt="Regeln"
        text="Regeln"}}

        {{> banneritem
        href="spiritofcurling.html"
        img="/spirit.svg"
        imgalt="Spirit of Curling"
        text="Spirit of Curling"}}

        {{> banneritem
        href="impressions.html"
        img="/extension.svg"
        imgalt="Beispiele"
        text="Beispiele"}}
    </div>
</div>

{{> footer }}
<script type="module" src="/main.js"></script>
</body>
</html>