---

title : 'Page not Found | EmptyWork'

description: "The page that you are looking for does not exist"

layout: 'layouts/secondary.njk'

style: 'error.css'

---

<main id="main" class="main">

<section aria-labelledby="contact" class="contact">

<div class="main-container">

<header class="section-header" data-animation="fade-in">

<span>

<a class="breadcrumb" href="/">Home</a> ›

<span class="breadcrumb">Page Not Found</span>

</span>

<div class="header-title">

<a class="header-title__link" href="#contact">

<span aria-hidden="true">#</span>

<span class="sr-only">Link to heading "Error"</span>

</a>

<h1 id="error">Page Not Found</h1>

</div>

</header>

<div class="error-container">

<div class="error-summary" data-animation="fade-in">

<div class="error-decorative" data-animation="fade-in">

{{ footer.brand.svg | svg | safe }}

<div class="decorative-left">

<p class="decorative decorative-exclamation">!</p>

<p class="decorative decorative-question">?</p>

</div>

</div>

<h2 data-animation="fade-in" data-delay="1">

<mark class="big-text highlight">404</mark> — The page that you are looking for does not exist

</h2>

<p data-animation="fade-in" data-delay="2">

Please <mark class="highlight">make sure that the URL</mark> you typed is correct, if you think that the <mark class="highlight">URL is correct</mark> but you still cannot seems to access it please <a href="mailto:contact@emptywork.my.id">contact me via email</a>.

</p>

</div>

<ul class="error-button">

<li data-animation="fade-in" data-delay="4">

<a class="error-link" href="{{ link.website | development }}">Go to Home</a>

</li>

<li data-animation="fade-in" data-delay="5">

<a class="error-link" onclick="history.back(); return false;">Go Back</a>

</li>

</ul>

</div>

</div>

</section>

</main>