Ошибка 500 html шаблон

Bootstrap snippet and html example. 500 page error option

This html snippet was created to help web designers, web developers, front-end and back-end developer save time. Use it for free in your project and build your app faster, You can also download the HTML, CSS, and JS code.
Tags: error404,error500

HTML code

This is the html code used to create this bootstrap snippet, You can copy and paste the following html code inside a page with bootstrap 3.3.6 included, to get the result that you can see in the preview selection

CSS code

This is the css code used to create this bootstrap snippet, You can copy and paste the following css code inside a page with bootstrap 3.3.6 included, to get the result that you can see in the preview selection

.clearfix:before, .clearfix:after < display: table; content: ' '; >.clearfix:after < clear: both; >body < background: #f0f0f0 !important; >.page-404 .outer < position: absolute; top: 0; display: table; width: 100%; height: 100%; >.page-404 .outer .middle < display: table-cell; vertical-align: middle; >.page-404 .outer .middle .inner < width: 300px; margin-right: auto; margin-left: auto; >.page-404 .outer .middle .inner .inner-circle < height: 300px; border-radius: 50%; background-color: #ffffff; >.page-404 .outer .middle .inner .inner-circle:hover i < color: #39bbdb!important; background-color: #f5f5f5; box-shadow: 0 0 0 15px #39bbdb; >.page-404 .outer .middle .inner .inner-circle:hover span < color: #39bbdb; >.page-404 .outer .middle .inner .inner-circle i < font-size: 5em; line-height: 1em; float: right; width: 1.6em; height: 1.6em; margin-top: -.7em; margin-right: -.5em; padding: 20px; -webkit-transition: all .4s; transition: all .4s; text-align: center; color: #f5f5f5!important; border-radius: 50%; background-color: #39bbdb; box-shadow: 0 0 0 15px #f0f0f0; >.page-404 .outer .middle .inner .inner-circle span < font-size: 11em; font-weight: 700; line-height: 1.2em; display: block; -webkit-transition: all .4s; transition: all .4s; text-align: center; color: #e0e0e0; >.page-404 .outer .middle .inner .inner-status < font-size: 20px; display: block; margin-top: 20px; margin-bottom: 5px; text-align: center; color: #39bbdb; >.page-404 .outer .middle .inner .inner-detail

Similar snippets

Find more similar snippets using the following tags:error404,error500

error 404 page example with search input

404 error page with particles

Trending now

bs4 beta user list with badges

About this bootstrap example/template

This example/template, 500 page error option, was published on Sep 8th 2016, 10:52 by Bootdey Admin and it is free.

We hope you will enjoy this awesome snippet and stay tuned for the latest updates, bootdey snippets are already used in thousands of blogs, websites and projects. We believe it will save your precious time and gives trendy look to your next web project.

We always try to offer the best beautiful and responsive source of Bootstrap code examples and components.

This code example currectly have 12.3K views, Using this bootstrap snippet you have the following benefits:

Bootstrap 3.3.6

This code example is based on bootstrap 3.3.6 and the grid system of this framework

Responsive

Based on bootstrap framework makes all the layouts perfectly responsive for all devices

Crossbrowser compatibility

Tested on all major browsers, it works smoothly on all of them

semantic html 5

Built on html / css3 the code quality is really amazing

Simple Integration

This code example can be simply integrated on existing sites and new ones too, all you need to do is copy the code and start working

Источник

500 Error Page HTML Templates

Collection of free 500 error page HTML templates from codepen and other resources. Update of January 2020 collection. 13 new items.

Related Articles

Author

Links

Made with

About a code

Woops. Toast

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About the code

500 — Internal Error

Just another «500 — internal error» page.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About the code

500 — Internal Error Page in HTML

Internal errors make cody sad. Hover over the error code to reset the animation.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About the code

500 — Internal Error

Page that users will see when a web site throws a 500 error.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About the code

500 Error — Animated Text Fill

Animated text fill made with canvas 🙁

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Error-500 / Windows Loader

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

Error 500 — Bug Hunt!

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

CSS Potato 500

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About a code

500 Error Page

Eyes following the cursor. Designed in a 500 error page.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Links

Made with

About the code

500 Error: Log File

This weeks code-doodle is just a little 500 error page mockup. Tried to capture the feeling of going through stack traces and lines and lines of log-files in an aesthetically pleasing way. — wanted to mess around with css variables so likely doesn’t work too well in ie 🙂

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Author

Источник

Saved searches

Use saved searches to filter your results more quickly

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

HTML Templates for HTTP errors (404, 500, 503 and 504).

License

PecceG2/HTML_Template_http_codes

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

HTML Templates for HTTP status codes

HTML Template HTTP Codes is a HTML templates to decorate your HTTP web server responses/errors
Change default nginx/apache templates for a responsive and more attractive design
View all my projects »

Just clone/download the git repository (The html files are included on error number folder, example «500/index.html» for 500 Internal Server Error)

NGINX supports custom error-pages using multiple error_page directives.

Example — assumes HttpErrorPages are located into /var/html/www/ErrorPages .

server < listen 80; server_name localhost; root /var/html/www; index index.html; location / < try_files $uri $uri/ =404; # add one directive for each http status code error_page 404 /ErrorPages/404/index.html; error_page 500 /ErrorPages/500/index.html; error_page 503 /ErrorPages/503/index.html; error_page 503 /ErrorPages/504/index.html; > # redirect the virtual ErrorPages path the real path location /ErrorPages/ < alias /var/html/www/ErrorPages/; internal; >

Apache Httpd 2.x supports custom error-pages using multiple ErrorDocument directives.

File: httpd.conf or .htaccess

Example — assumes HttpErrorPages are located into your document root /var/www/. docroot../ErrorPages .

ErrorDocument 404 /ErrorPages/404/index.html ErrorDocument 500 /ErrorPages/500/index.html ErrorDocument 503 /ErrorPages/503/index.html ErrorDocument 504 /ErrorPages/504/index.html

You can check out the full license here

This project is licensed under the terms of the MIT license.

About

HTML Templates for HTTP errors (404, 500, 503 and 504).

Источник

How to Use a Custom 500 Error Template in Django

Django is a powerful web framework that makes it easy to build complex web applications. However, even the best applications can sometimes encounter errors. When this happens, Django provides a default error page that is displayed to the user.

However, you may want to customize this error page to better match your application’s design and branding. In this tutorial, we’ll show you how to use a custom 500 error template in Django.

1. Create the Custom Error Template

The first step is to create the custom error template. In this example, we’ll create a template called 500.html .

Create a new file called 500.html in your project’s templates directory. If the directory doesn’t exist, create it.

   
Internal server Error 500
  

In the 500.html file, you can include any HTML or CSS you like to customize the appearance of the error page. For example, you might include a custom header, footer, or background image.

2. Update the Django Settings

Next, you need to update your Django settings to tell Django to use your custom error template.

Open your project’s settings.py file and add the following code:

TEMPLATES = [ < . 'OPTIONS': < 'debug': DEBUG, 'context_processors': [ . ], 'builtins': [ . ], 'libraries': < . >, 'string_if_invalid': '', 'exception_handler': 'django.views.debug.server_error', 'template_name': '500.html', # , >, ]

This tells Django to use the 500.html template for 500 server errors.

3. Test the Custom Error Template

Finally, you should test your custom error template to make sure it’s working correctly.

To do this, you can raise an exception in your code to trigger a 500 server error. For example, you could add the following line to one of your views:

raise Exception('This is a test error')

When you visit the page that triggers the error, you should see your custom error template instead of the default Django error page.

def my_view(request): # Some code that might cause an error if some_condition: raise Exception('This is a test error') else: # Some code that runs if there's no error pass

In this example, my_view is a Django view function that might encounter an error under certain conditions. If some_condition is true, the view raises an exception with the message “This is a test error”. This will cause Django to display the custom 500 error template instead of the default error page. If some_condition is false, the view continues to execute normally without raising an exception.

Источник