MentorKit Pattern Library

500 

<div class="container flex h-screen items-center text-center justify-center">
    <div class="container flex h-screen items-center text-center justify-center">
        <div class="flex flex-col items-center">
            <div class="mb-20">
                <img src="/front-end/images/logo.svg" width="126" height="91" />
            </div>
            <div class="mb-2">
                <svg class="fill-current w-24 h-20 text-alpha">
                    <use href="/front-end/sprite.svg#icon-error"></use>
                </svg>
            </div>
            <h1 class="text-alpha leading-tight mb-4 font-bold text-6xl">500 error</h1>
            <h2 class="text-3xl text-bravo leading-tight font-heading mb-2 font-bold">Sorry, we've encountered an unexpected error</h2>
            <div class="prose prose-xl">
                <p>We are working on fixing the problem - be back soon!</p>
            </div>
        </div>
    </div>
</div>
 
<div class="container flex h-screen items-center text-center justify-center">
   <div class="container flex h-screen items-center text-center justify-center">
        <div class="flex flex-col items-center">
            <div class="mb-20">
                <img src="{{ 'images/logo.svg' | asset }}" width="126" height="91" />
            </div>
            <div class="mb-2">
                 {% render "@icon", { name: "icon-error", modifier: "fill-current w-24 h-20 text-alpha"  } %}
            </div>
            <h1 class="text-alpha leading-tight mb-4 font-bold text-6xl">500 error</h1>
            <h2 class="text-3xl text-bravo leading-tight font-heading mb-2 font-bold">Sorry, we've encountered an unexpected error</h2>
            <div class="prose prose-xl">
                <p>We are working on fixing the problem - be back soon!</p>
            </div>
        </div>
    </div>
</div>
 
{
  "siteName": "MentorKit Pattern Library"
}

No notes defined.