HTTP codes Components in Metis library

HTTP codes from Metis

<section class="section">
  <div class="container">
    <div class="is-max-w-md mx-auto has-text-centered">
      <img class="mb-5 is-fullwidth p-4" src="metis-assets/illustrations/error1.png" alt="">
      <span class="title has-text-primary">Whoops!</span>
      <h2 class="title is-spaced">Something went wrong!</h2>
      <p class="subtitle">Sorry, but we are unable to open this page.</p>
      <div class="buttons is-centered"><a class="button is-primary" href="#">Go back to Homepage</a><a class="button is-light" href="#">Try Again</a></div>
    </div>
  </div>
</section>

HTTP codes from Metis

Bootstrap

Metis

<section class="py-5">
  <div class="container text-center">
    <div class="row mb-5">
      <div class="col-12 col-md-8 col-lg-5 mx-auto">
        <img class="img-fluid" src="metis-assets/illustrations/error1.png" alt="">
      </div>
    </div>
    <span class="fs-1 fw-bold text-primary">Whoops!</span>
    <h2 class="mb-4 fs-1 fw-bold">Something went wrong!</h2>
    <p class="mb-4 text-muted">Sorry, but we are unable to open this page.</p>
    <div><a class="btn btn-primary me-2" href="#">Go back to Homepage</a><a class="btn btn-light" href="#">Try Again</a></div>
  </div>
</section>

HTTP codes from Metis

Tailwind CSS

Metis

<section class="py-20">
  <div class="container px-4 mx-auto text-center">
    <img class="md:max-w-md mx-auto mb-12" src="metis-assets/illustrations/error1.png" alt="">
    <span class="text-4xl text-blue-600 font-bold font-heading">Whoops!</span>
    <h2 class="mb-2 text-4xl font-bold font-heading">Something went wrong!</h2>
    <p class="mb-6 text-blueGray-400">Sorry, but we are unable to open this page.</p>
    <div><a class="block sm:inline-block py-4 px-8 mb-4 sm:mb-0 sm:mr-3 text-xs text-white text-center font-semibold leading-none bg-blue-600 hover:bg-blue-700 rounded" href="#">Go back to Homepage</a><a class="block sm:inline-block py-4 px-8 text-xs text-blueGray-500 hover:text-blueGray-800 text-center font-semibold leading-none bg-blueGray-50 hover:bg-blueGray-100 rounded" href="#">Try Again</a></div>
  </div>
</section>

Http Codes Components by Shuffle

Choose from 18 variations of HTTP codes UI components. Presented here are variants available in Metis library.

You will also find many other types of components in Shuffle Editor that will be in the same style. Each library has been designed by a professional designer and coded by our team of developers.

Get access to all HTTP codes UI components, code and our visual editor. Try the demo for free!

Try for Free →

Redirecting to PayPal

Supporting tools

Plans

Http Codes Components in Metis library

Framework

UI Library

Components

HTTP codes from Metis

HTTP codes from Metis

HTTP codes from Metis

Http Codes Components by Shuffle

The easiest way to create beautiful websites

How many people?

monthly

annual

lifetime

Create an account

From idea to live website in minutes.

Why the Lifetime License price is changing

New in your Lifetime License

AI Agent

Multi-AI Designer

Make it yours with AI

Sign in to create with AI

Add images & videos

How it works

Products

UI Components

Extensions

Support

Company

Redirecting to PayPal

Shuffle's Editors

Supporting tools

Plans

Shuffle’s design systems

Most popular ui libraries

Flex

Zanrly

Saturn

Flaro

Gradia

Basko

Artemis

Vendia

Http Codes Components in Metis library

Framework

UI Library

Components

HTTP codes from Metis

HTTP codes from Metis

HTTP codes from Metis

Http Codes Components by Shuffle

The easiest way to create beautiful websites

How many people?

monthly

annual

lifetime

Create an account

From idea to live website in minutes.

Products

UI Components

Extensions

Support

Company