NiceSnippets.com
502 Bad Gateway page design usign html,css
Here we provide 502 Bad Gateway single page design usign html and css. new Bad Gateway page design usign html and css. this page design also you can use in bootstrap. you can also customized 502 Bad Gateway page design. nicesnippets provide free source code.
We allows to free snippets of 502 bad gateway page design , you can download full code of 502 bad gateway nginx layout. Here in this post i will give you example of error page design usign html and css snippet and you will get simple code of html, css and jquery. In new error page design snippet i give you three tab with html, css and js, you can easily get code of 401 error page design layout.
<!DOCTYPE html>
<html>
<head>
<link href="https://fonts.googleapis.com/css?family=Ropa+Sans" rel="stylesheet">
</head>
<body>
<div class="error-main">
<div class="error-heading">
<h1>502</h1>
</div>
<h2>Bad Gateway</h2>
<p>The server encountered a temporary error and could not complete your request.</p>
</div>
</body>
</html>
body{
font-family: 'Ropa Sans', sans-serif;
margin: 0px;
background-color: #e1e1e1;
}
.error-main{
margin: 150px auto;
text-align: center;
}
.error-heading{
margin: 0 auto;
width: 250px;
border-radius: 5px;
box-shadow: 0px 7px 15px -10px #000;
}
.error-heading h1{
margin: 0;
background-color: #C81F3E;
font-size: 120px;
color: #f1f1f1;
}
.error-main h2{
font-size: 36px;
color: #C81F3E;
text-shadow: 1px 2px 1px #c1c1c1;
}
.error-main p{
color: #797979;
}
