Home
Framework
Theme
All
663
Forms
12
Charts
21
Navbars
45
Sidebars
27
Typography
42
Components
51
Tables
34
Cards
70
Contact Us
9
Testimonials
19
Cards Section
37
Features
25
Teams Section
11
Faq
9
Headers
45
Blogs
13
Contacts Section
9
Profiles Section
13
Charts Section
7
Tables Section
15
Contents
18
Logo Areas
12
Projects Section
14
Stats
13
Http Codes
6
Authentication
15
Call To Actions
21
Teams
16
Pricing
13
Http Codes - All Examples
Discover 6 Http Codes examples available in Loopple
Http Code With Text In The Left And Image On The Right
Http Code With Title Subtitle Text And Button
Http Code With Title Description Button And Image
Http Code With Title Description And Button
<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">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><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">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 With Title Description Button And Image
Http Code
<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>;<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>;