404 not found page

parent 5e179704
......@@ -2,17 +2,11 @@
layout: en/default
class: notfound
permalink: /404.html
theme: dark
---
<section class="hero">
<div class="wrapper">
<h1>Whoops we can't find it</h1>
<em>Please let us know if what you are looking for has completely disappeared</em>
</div>
</section>
<section>
<div class="wrapper">
</div>
<h1 class="display--big theme_type--dark">404</h1>
<h1 class="display theme_type--dark">Houston, we have a problem</h1>
<p class="display--small theme_type--grey">The page you are looking for does not exist</p>
<div class="not-found-hero__image"></div>
</section>
.not-found-hero__image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background-image: url("../images/support/hero.jpg");
background-position: center bottom;
background-repeat: no-repeat;
background-size: 100% auto;
@media screen and (min-width: $tablet) {
bottom: -15%;
}
@media screen and (min-width: 72em) {
top: -10%;
bottom: -40%;
background-position: center top;
}
}
---
---
@import "ui/mixins";
@import "ui/variables";
@import "ui/reset";
@import "ui/typography";
@import "ui/grid";
@import "ui/buttons";
@import "ui/form";
@import "ui/table";
@import "ui/theme";
// Component
@import "components/header";
@import "components/footer";
@import "components/hero";
@import "components/card";
@import "components/divider";
@import "components/spaces";
@import "components/pagination";
@import "components/modal";
@import "components/banner";
// Pages
@import "pages/home";
@import "pages/install";
@import "pages/team";
@import "pages/blog";
@import "pages/free-page";
@import "pages/community";
@import "pages/partner";
@import "pages/contact";
@import "pages/press";
@import "pages/cloud";
@import "pages/support";
---
---
@import "ui/mixins";
@import "ui/variables";
@import "ui/reset";
@import "ui/typography";
@import "ui/grid";
@import "ui/buttons";
@import "ui/form";
@import "ui/table";
@import "ui/theme";
// Component
@import "components/header";
@import "components/footer";
@import "components/hero";
@import "components/card";
@import "components/divider";
@import "components/spaces";
@import "components/pagination";
@import "components/modal";
@import "components/banner";
// Pages
@import "pages/home";
@import "pages/install";
@import "pages/team";
@import "pages/blog";
@import "pages/free-page";
@import "pages/community";
@import "pages/partner";
@import "pages/contact";
@import "pages/press";
@import "pages/cloud";
@import "pages/support";
@import "pages/404";
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment