Pages

404 page

19 Sep 2022

404 page
HTML
SCSS
                            <main class="main single-page-404" id="content">
    <h1 class="title-404 animated slide-down">Page not found</h1>
    <p class="text-404 animated slide-right">
      The page may have changed the address or never existed
    </p>
    <a class="btn animated slide-up" href="./index.html"> Home page </a>
</main>
                        
                            .single-page-404 {
  padding: 100px 20px;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  .title-404 {
    font-size: ac(60px, 35px);
  }
  .text-404 {
    font-size: ac(24px, 20px);
  }
}
                        
0