Error pages
Error pages are shown when the application is in a non-functioning or irregular state. They give the user information about what has happened and what they can do about it. Read more about error pages in the UX Guidelines.
Here are a the error pages we have available in VUD:
Just follow the HTML structure from the code panel to get the design for any of the above pages.
The pictograms for each error page can br downloaded here.
Access denied
![Access denied page](../assets/img/error-pages/AccessDenied.png)
![Access denied page](../assets/img/error-pages/AccessDenied-dark.png)
Server maintenance
![Server maintenance page](../assets/img/error-pages/ServerMaintenance.png)
![Server maintenance page](../assets/img/error-pages/ServerMaintenance-dark.png)
Page not found
![Page not found page](../assets/img/error-pages/PageNotFound.png)
![Page not found page](../assets/img/error-pages/PageNotFound-dark.png)
Server down
![Server down page](../assets/img/error-pages/ServerDown.png)
![Server down page](../assets/img/error-pages/ServerDown-dark.png)
Server error
![Server error page](../assets/img/error-pages/ServerError.png)
![Server error page](../assets/img/error-pages/ServerError-dark.png)
<div class="container" >
<div class="row error-page align-items-center" >
<div class="error-page-content col-12 col-md-6" >
<h1> ... </h1>
<p> ... </p>
<button class="btn btn-primary"> ... </button>
</div>
<div class="error-page-image col-12 col-md-6" >
<img src="..." alt="...">
</div>
</div>
</div>