404 Page Bootstrap

Posted onby admin

There are many situations when visitors may stumble across a 404 error page while browsing a website. When this happens, it is important that the 404 page has some key features, such as a connection to the home page that redirects them back to the website.

  1. Sample 404 Error Page
  2. 404 Page Bootstrap Template
  3. 404 Page Bootstrap 2
  4. 404 Page Template Bootstrap 4 Codepen
  5. 404 Page Bootstrap
404 Error Page (PSD)

Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, they’d pay to Fast-forward.

  • Since we do not have any page to link it to, and we do not want to get a '404' message, we put # as the link. In real life it should of course been a real URL to the 'Search' page. Bootstrap 4 provides eight outline/bordered buttons: Primary Secondary Success Info Warning Danger Dark Light.
  • Don’t be afraid to have fun with your 404 page. It can be imaginative and outlandish as.
  • Bootstrap Icons. For the first time ever, Bootstrap has its own open source SVG icon library, designed to work best with our components and documentation. Bootstrap Icons are designed to work best with Bootstrap components, but they’ll work in any project.
  • Erratum – 404 Error Pages Erratum – new, modern and unique template for your business, agency, corporate and startup firm. It has all features to create a super fast responsive site error pages with amazing UI and UX experience. 4 layouts options and modern design based skins allow you to create your own niche agency error pages.
Lost in Space – Error 404

To make sure you have a highly functional and creative 404 page, we decided to gather here some smart 404 page templates that will surely help you out.

Today we selected some of the best free and premium 404-page templates we could find on the web. These awesome top best free 404 page templates come as PSD or even HTML-ready templates which you can use in an instant on your own website or for a client of yours!

You can easily insert a 404 error page into your website by using any of these 20 templates. Simply choose a design, customize it until you are happy with the result and add it to your website. These pre-designed templates offer a great alternative to creating a new design from scratch.

These professional 404 error page templates include many useful features such as changeable colors, font, beautiful icons, vector shapes, high-quality elements, well-organized layers, AI, EPS, PSD file formats, multiple color variations, fully editable smart layers, and more.

Check out these best 404 page templates and download the ones you like most. They can be easily customized because the PSD files are fully layered! Enjoy!

AngryPanda – Responsive 404 & Maintenance Template

404 page bootstrap sample

The AngryPanda is suitable for any type of website. It has a clean and responsive design which will look great on any device and browser. This beautiful 404 and maintenance page has an illustration of an angry panda fishing in a snowy landscape and it will definitely put a smile on people’s faces.

Clean Elegant 404 Error Page PSD Template

This is a really nice freebie with a simple design which uses a blurry image as a background and hairline typography. This is a PSD template which will let you customise it the way you like.

Wordsearch – Responsive 404 Error Pack

Wordsearch is yet another cool template at which you’ll definitely want to have a closer look at. It has a clean, modern and professional error page design. It uses validated HTML5, CSS3, and jQuery which will let you create an animated “word search” effect. If you have a look at the preview, the word search effect includes a grid with random letters. The pack also includes the following errors: 401, 403, 404, 500 and 503.

Fuel 404 page not found

Fuel is a 404 page not found template which was specially designed for company websites, portfolio websites and personal websites. It has a clean flat design which uses a simple colored background and white typography. The”0″ in 404 is designed to look as an oil drop.

404 Error Page (PSD)

If you’re looking for more 404 error page PSDs, here’s a cool one. It has a simple and clean design and uses angled graphics.

Broken – 404 Error Page

This error page template has 2 awesome animated effects and comes in 4 color variations. It uses Google Web Fonts and has a responsive design.

Sample 404 Error Page

Cerberus – Premium, handmade 404 HTML Template

Cerberus is a cute premium and stylish 404 error page that features a subtle preloader, lots of animations and much more. With this template, you can put an end to boring error pages.

Free 404 Error Page HTML Template

This error page has a simple design, with huge white typography for the “404” and a robot illustration that tells you that the page you’re looking for might have been removed.

Free HTML 404 Error Template

This is yet another free HTML template which might come in handy. It uses an cute illustration to convey the message of error or website under construction.

Coffee Break

This is a really nice 404 error page which illustrates and invites you to a coffee break. This theme is HTML and CSS optimised and supports tablet versions.


404 Error Page Responsive web Template

This template was designed using web technologies of HTML5 and CSS3. This theme has a responsive design which will make your error page look great on any device and browser. This example uses huge white typography on a glossy blurred background image.

Green Glossy 404 Page Not Found Mobile Web Template

This template comes in 3 versions, one for the web, another for iPhone and the third for smartphones. The good news is that this template is free to use under the Creative Commons Attribution 3.0 Licence.

Ohh Responsive 404 Mobile Website Template

Ohh is a responsive 404 mobile website template. It is free and it will definitely be a great asset to your arsenal. This template is given as pure HTML and CSS. This template uses cartoon icons on a light grey background to make it look more friendly.

Lost in Space – Error 404

Lost in Space 404 error page has a simple and aesthetic design and uses an animated background. It has a valid HTML and CSS code. This template contains two fully editable PSD files for you to customise as you please.

TheLoop Error Page Template

The Pacman might have just eaten the page you were looking for! This is the message the Loop Error Page will be telling your website’s visitors when you’ll be working on it.

Orange Error Page Design Psd Material

This is a free PSD file of a really nice error page. This template uses a simple design with an orange background and huge white typography.

Stylish 404 error page – 5 color schemes

With this stylish template, you’ll forget about the dull 404/500/503 error pages. It comes in 5 color variations and a well-structured PSD.


This freebie shares its inspiration in the Halloween holiday. You’ll get both the HTML and PSD files which means you can easily customise it.


This is a free PSD of a really nice 404 error page. It has a unique design white large letterpress typography.

You may also like:

Add video to your website with stylish popup video effect! Now for Windows and Mac!

Video LightBox JS is a free wizard program that helps you easily embed video to website, web page or blog, in a few clicks without writing a single line of code.

All it takes is 3 easy steps: 1.Add Video, 2.Select Template, 3.Publish. At the first step, you add a video clip, for example cut-n-paste YouTube url or drag-n-drop video file, then select the template for video popup and video thumbnail appearance and, at the final step, publish the result to a local drive or directly to the Internet via a built-in FTP client.

Video LightBox generates a nice image thumbnail for your clip. On click, this thumbnail expands into a stylish overlay window containing the video. No css, html, javascript coding, no image editing, just a couple of clicks to get the your video added to the Web!

New Bamboo, Scroll, Bookmark, Ionosphere, Turquoise, Monochrome, Route, Ghost, Metro, Modern, Prime Time, Catalyst, Dominion, Android, IPhone, Cloud, Dark Glass, 8b, Windows, Mac, Facebook templates!

  • Embed flv, mp4, 3gp video files
  • Compatible with portable devices (iPhone, iPad, Android) with local MP4 and YouTube videos
  • Responsive pop up window
  • Add Youtube, Facebook, Google Video, Metacafe, Vimeo, MySpace, yahoo! music, Veoh videos
  • Mac & Windows versions
  • XHTML compliant
  • Automatic thumbnail creation
  • Adding caption to thumbnails
  • A lot of gorgeous gallery themes
  • Built-in FTP
  • Compatible with portable devices (iPhone, iPad, Android) with local MP4 and YouTube videos

Video LightBox is FREE for non-commercial use.

A license fee is required for use on a commercial website. Video LightBox Business Edition additionally provides an option to remove the VideoLightBox.com credit line as well as a feature to put your own watermark to videos. After you complete the payment via the secure form, you will receive a license key instantly by email that turns the Video LightBox Free Edition into a Business one. You can select the most suitable payment method: credit card, bank transfer, check, PayPal etc.

Video LightBox v3.0 (Jan 9, 2019)


* New templates: Bamboo, Scroll, Ionosphere and Turquoise:

* Fixed bug with non-removable bootstrap gallery video after closing overlay.

* Fixed compatibility problems with the latest iOS 9 and OS X 10.11 El Capitan.

Video LightBox v2.8 (March 21, 2018)

404 Page Bootstrap Template

* New Bookmark template:

Video LightBox v2.7 (February 19, 2018)

* New templates: Monochrome and Mobirise Web Builder:

* 3 new stylish play buttons for thumbnails:

* Fixed problems with saving settings (selected template and 'Thumbnail titles' option) in the project file.

Video LightBox v2.5

* New templates: Ghost, Metro and Modern:

* Updated templates: Prime Time, Catalyst and Dominion:

* 48 new play buttons for thumbnails:

* Bootstrap 4 carousel window is responsive now.

* Fixed problem with local MP4 files on portable devices.

Video LightBox v2.3

* New templates: Prime Time, Catalyst and Dominion.

* New play button for thumbnails:

* Support for new jQuery 1.9 and 1.10.

* Improved 'Insert to Page' wizard.

* Support for short YouTube links, for example: HTML5 Video.

* Fixed problem with AdBlock Plus content-filtering browsers extension.

* Bug fixes.

Video LightBox v2.1

The bugs were fixed:

* Video LightBox plays on iOs 5.0 and Youtube video on Android.

* The 'Overlay shadow' parameter works correctly.

Video LightBox v2.0

* Video LightBox plays as HTML5 video if Flash Player is disabled (iPhone and Android support while using mp4 video).

* The option to fix MP4 meta info is added (for immediate playing of the video).

* Close after play supports YouTube now.

* Dutch, French, German, Italian, Spanish, Danish translations are improved.

* Compatibility with other scripts is improved.

* Bug fixes.

Video LightBox v1.11

* New Android and iPhone Templates!

* Video LightBox supports video from yahoo! music and Veoh now!

* New Português and Suomilanguages are added.

* Loading indicator is added to the local video player.

Video LightBox v1.10

* SWF file support. Now you can add any .swf file to lightbox

* YouTube HD video support

* CloseOnComplete parameter. Closes the overlay when video stops playing

* 'Insert to Page' wizard opens a page in a browser view and you simply click inside the page to select where you want the gallery to appear and press 'Insert After'. No more HTML editing required!

* New Dansk , Deutschand Nederlands languages are added.

* Bug fixes

Video LightBox v1.9

* 'Default sound volume' option

* 'Video details' panel. Shows info about the selected video: size, resolution, codec, duration, description

Video LightBox v1.8

* Video LightBox supports Facebook video now!

Video LightBox v1.7

* New Cloud and Dark Glass templates!

* The option to specify the number of columns in your video gallery.

* Overlay shadow color and page background color.

* You can save thumbnails in PNG or JPG format and specify the quality of the generated images now.

Video LightBox v1.6

* The generated code is fully XHTML compliant now.

* The bug with incorrect position of the content video inside the frame is fixed.

Video LightBox v1.5

* Video LightBox supports flv, mp4, 3gp local video files now! See List of codecs supported by Adobe Flash Player

* The ability to drag & drop flv, mp4, 3gp video files in your gallery is added.

Video LightBox v1.3

* New Windows, Mac and Facebook templates!

* Play button over the thumbnail!

* The ability to change the order of the videos in your gallery using mouse is added.

Video LightBox for MAC earns Apple 'Staff Pick'

Video LightBox MAC version beta

* Video LightBox now available for either Windows or Mac platform. Download Video LightBox for Mac here

Video LightBox v1.2

* Video LightBox supports Google Video, Metacafe, Vimeo, MySpace videos now!

* An option to add watermark over the video is added (for Business Edition only).

Step 1 - Adding video to website gallery.

Copy and paste a direct link to your YouTube video (or Google Video, Metacafe, Vimeo, MySpace) into the 'Video url' field and press 'Add video' button. This video will be automatically added to your website gallery.

If you have included the videos that you do not wish to be in the website gallery, you can easily remove them. Select all videos that you wish to remove from web site gallery, and select 'Delete selected..' button from the toolbar. You can pick and choose videos by holding the CTRL while clicking the videos you like.

404 Page Bootstrap 2

Step 2 - Video Gallery properties.

404 Page Bootstrap

Switch between available templates to select a template you want to use in the gallery.

Control the quality of output thumbnail images by defining 'Thumbnail quality' parameter (0%…100%).
You can establish the various sizes for the thumbnails and video resolution.

Step 3 - Publishing of Video LightBox. Put video on website or local drive.

Publish your website web gallery online or to a local drive.

Now you are ready to publish your website video gallery online or to a local drive for testing. Select the publishing method: publish to folder or publish to FTP server or paste lightbox gallery into existing html page using Insert to Page option.

404 Page Template Bootstrap 4 Codepen

  • publish to folder. To select a folder on your hard drive, just click the Browse folders button and choose a location. Then click Ok. You can also set 'Open web page after publishing' option.
  • publish to FTP server. The FTP Location Manager window enables you to define a number of connections for use when uploading your web site gallery to an FTP.

You are able to add a new FTP site by clicking 'Edit' to the right of the 'Publish to FTP server' drop down list. FTP Location Manager window will appear. Now type in a meaningful (this is not the actual hostname) name for your site and fill in the FTP details in the appropriate fields. You will have to type in your hostname, e.g. domain. The FTP port is normally located on port 21 thus this has been prefilled for you already. If your web site uses another port, you will have to enter it here.

Type in your username and password for the connection. If you do not fill in this information, Video LightBox is unable to connect to your site and thus not able to upload your videos to website. If this website enables anonymous connections, just type in anonymous as the username and your e-mail address as the password.

You might want to change the Directory as well if you need to have your uploaded images placed in e.g. 'www/gallery/'. You can specify it in the FTP Folder field on the Publish Gallery window.

404 Page Bootstrap

Notice: Write the name of the folder where your website video gallery will be placed on the server. Notice that you should specify this field; otherwise your website video gallery will be uploaded into the root folder of your server!

  • Insert to page.To select a html page, just click the Open HTML page button and choose page where you want to install web site album. Then click Open.

Click inside the page to select where you want you gallery to appear. Click 'Insert After' button and 'Publish button'. Notice that it is not posible to insert more than one gallery on the same page.

Save your web video gallery as project file.

When you exit Video LightBox, you'll be asked if you want to save your project. The project consists of the videos you choose to put on your website video gallery and all your settings. It's a good idea to save the project, because that will allow you to change the project in case you decide to do something different with future galleries. So click Yes, then enter a name for your project. To select the location of your project, just click the Browse folders button and choose a different location. Then click Save.

Step 4 - Add Video LightBox inside your own page.

Video LightBox generates a special code. You can paste it in any place on your page where you want to add video popup.

* Export your LightBox gallery using Video LightBox app in any test folder on a local drive.
* Open the generated index.html file in any text editor.
* Copy all code for Video LightBox from the HEAD and BODY tags and paste it on your page in the HEAD tag and in the place where you want to have a gallery (inside the BODY tag).
<!-- Start VideoLightBox.com HEAD section -->
<!-- End VideoLightBox.com HEAD section -->
... </head>
<!-- Start VideoLightBox.com BODY section -->
<!-- End VideoLightBox.com BODY section -->

* Upload generated folder with VideoLightBox files on your server.

  • Lightbox video code renewal notice

    Why am I getting renewal notices that state I am expiring this month.Think your system is a bit confusing, and not sure if I will fall for the renewal next year. thought I bought a lifetime license for what I had.

  • Jquery video pop up in Xara Web Designer 10 is shown fullscreen.

    I'm having problems getting videos to display in popup windows on our website. The gallery page that Video LightBox generates works fine - videos popup in a window when the thumbnails are clicked.

  • Getting new templates for lighbox video.

    Can you please confirm that it will allow me to get all the newtemplates that have come out since I last updated? I didn't realize thatthe updates were new templates, and never updated after the initialdownload a year ago.

  • Video player html code doesn't work on website

    Good afternoonI installed a commercial paid version and it works only in browser offline.I uploaded to website but online does not work. The videos don't work in website but work offline.Best regards.

  • The lightbox popup video is pre-loaded

    Hi there,I’ve tried VideoLightBox for the first time .Why does it load the entire movie, before playback starts?Regards.

  • Add html video plugin in WordPress

    How can I add a video to pages WordPress, or your program can not do it?I think to buy the full version, but have not yet figured out how to work with WordPress.

  • Move the lightbox to play video to another pc

    Hello, we have purchased a unlimted license but now I have a new pc I want to move to. How can I move my app?

  • Html video streaming can not be opened because it is from unidentified developer

    I’m having trouble opening the application. 'VideoLightBox' can not be opened because it is from unidentified developer.Any suggestions?

  • Single or Unlimited embed a video Websites licenses

    Hi,I'd like to order your app. But I'm not sure what license I should buy. What is difference between Single Website and Unlimited Websites licenses?Thanks.

  • Remove logo from jquery lightbox video gallery

    Once I Purchase your product for personal use, will your names and all be removed from the videos?

For troubleshooting, feature requests, and general help, contact Customer Support at .
Make sure to include details on your browser, operating system, Video LightBox version, and a link (or relevant code). In most cases you'll get a reply within 1 business day.