@page
@model IndexModel
@{
    ViewData["Title"] = "Home";
}

<div>
    <h1 style="font-family: righteous; font-size: 100px">Douwco</h1>
    <p>Ow, you are already here? I didnt expect you to be here so soon. I am still working on this website.</p>
    <br>
    <p>Here is a link to my design, so you can see what it will be: 
        <a style="color: #0dcaf0" href="https://design.penpot.app/#/view?file-id=5b786374-066f-8104-8007-0b19376c435e&page-id=acf819fe-142a-80da-8007-875a6f9f5e61&section=interactions&index=0&share-id=9ebbf814-01a1-8050-8007-89e30d4ac951">
            Penpot Design
        </a></p>
    
    <nav>
        <div class="vert_container" style="justify-content: space-around">
            <a class="nav_option" asp-page="/AboutMe">
                <img class="icon" src="~/img/icons/user.png" alt="About Me">
                <p>About <span>Me</span></p>
            </a>
            <a class="nav_option" asp-page="/DouwcoApps">
                <img class="icon" src="~/img/icons/projects_icon.png" alt="Douwco Apps">
                <p>Douwco <span>Apps</span></p>
            </a>
            <a class="nav_option" asp-page="/MyGames">
                <img class="icon" src="~/img/icons/devicegamepad2.png" alt="My Games">
                <p>My <span>Games</span></p>
            </a>
        </div>
    </nav>
</div>