Start.cshtml

@model SchoolAccount.Web.Mvc.Features.Start.StartViewModel
@{
    ViewData["Title"] = "Home Page";
}

<div class="govuk-grid-row">
    <div class="govuk-grid-column-two-thirds">
        <h1 class="govuk-heading-xl">Sign in to school account</h1>

        <p class="govuk-body-l">
            School account brings DfE services and guidance together in one place, helping you understand what you need
            to do and when.
        </p>

        <p class="govuk-body">
            This is an early version that supports the school census. More services and guidance will follow.
        </p>

        <p class="govuk-body">
            You'll need a DfE sign-in account.
        </p>

        <a asp-controller="Account" asp-action="Login" class="govuk-button">
            Sign in or create an account
            <svg class="govuk-button__start-icon" xmlns="http://www.w3.org/2000/svg" width="17.5" height="19"
                 viewBox="0 0 33 40" aria-hidden="true">
                <path fill="currentColor" d="M0 0h13l20 20-20 20H0l20-20z"/>
            </svg>
        </a>

    </div>
</div>

<h2 class="govuk-heading-l govuk-!-margin-top-4">What you'll get</h2>

<dfe-card-grid class="start-now-cards">
    <dfe-card>
        <dfe-card-image src="/assets/images/card-1.jpg" alt=""/>
        Step-by-step guidance to help you complete your statutory returns
    </dfe-card>

    <dfe-card>
        <dfe-card-image src="/assets/images/card-2.jpg" alt=""/>
        Statuses that show where you are in the process
    </dfe-card>

    <dfe-card>
        <dfe-card-image src="/assets/images/card-3.jpg" alt=""/>
        Email notifications when something needs your attention
    </dfe-card>
</dfe-card-grid>