Framework
Theme
All
683
Forms
16
Charts
21
Navbars
45
Sidebars
27
Typography
42
Components
62
Tables
34
Cards
70
Contact Us
9
Testimonials
19
Features
25
Cards Section
38
Teams Section
11
Faq
9
Headers
47
Blogs
15
Contacts Section
9
Profiles Section
13
Charts Section
7
Tables Section
15
Contents
18
Logo Areas
12
Projects Section
14
Stats
13
Authentication
15
Call To Actions
21
Http Codes
6
Teams
16
Pricing
13
Http Codes - All Examples
Discover 6 Http Codes examples available in Loopple
Http Code With Title Description And Button
Component from
Motion Landing Library
Builder
<div class="w-full draggable">
<div class="container flex flex-col items-center gap-16 mx-auto my-32">
<div class="flex flex-col gap-7">
<div class="flex flex-col gap-2 px-6 text-center w-10/12 mx-auto">
<h2 class="text-3xl font-extrabold leading-tight lg:text-4xl text-dark-grey-900 font-display">Well, shoot! The page you're looking for couldn't be found.</h2>
<p class="text-base font-medium leading-7 text-dark-grey-600">We hit a snag... maybe it's time to head back to our main page.</p>
</div>
<div class="flex items-center justify-center">
<button class="flex items-center justify-center py-4 text-white px-7 rounded-2xl bg-purple-blue-500 hover:bg-purple-blue-600 focus:ring-4 focus:ring-purple-blue-100 transition duration-300">Go back to Homepage</button>
</div>
</div>
</div>
</div>Http Code
Component from
Motion Landing Library React
Builder
<div data-type="div" className="draggable w-full">
<div
data-type="div"
className="container mx-auto my-32 flex flex-col items-center gap-16"
>
<div data-type="div" className="flex flex-col gap-7">
<div
data-type="div"
className="mx-auto flex w-10/12 flex-col gap-2 px-6 text-center"
>
<h2
data-type="h2"
className="text-3xl font-extrabold leading-tight text-dark-grey-900 lg:text-4xl"
>
Well, shoot! The page you're looking for couldn't be found.
</h2>
<p
data-type="p"
className="text-base font-medium leading-7 text-dark-grey-600"
>
We hit a snag... maybe it's time to head back to our main page.
</p>
</div>
<div data-type="div" className="flex items-center justify-center">
<button
data-type="button"
className="flex items-center justify-center rounded-2xl bg-purple-blue-500 px-7 py-4 text-white transition duration-300 hover:bg-purple-blue-600 focus:ring-4 focus:ring-purple-blue-100"
>
Go back to Homepage
</button>
</div>
</div>
</div>
</div>;
