Skip to content

Instantly share code, notes, and snippets.

@zaxbux

zaxbux/403.html

Created June 16, 2019 07:04
Show Gist options
  • Save zaxbux/fdebe5c294a015e70d3cab663d8f12fc to your computer and use it in GitHub Desktop.
Save zaxbux/fdebe5c294a015e70d3cab663d8f12fc to your computer and use it in GitHub Desktop.
Download ZIP
IE6 Style Error Pages (HTML5)
Raw
403.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
background-color: #fff;
color: #000;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 8pt;
line-height: 11pt;
}
.container {
max-width: 400px;
margin: 0 auto;
padding: 10px;
}
h1 {
font-style: normal;
font-weight: normal;
font-size: 13pt;
line-height: 15pt;
margin-top: 0;
}
h2 {
font-style: normal;
font-weight: normal;
font-size: 8pt;
line-height: 11pt;
margin-top: 35px;
}
.errorIcon {
width: 25px;
height: 33px;
display: inline-block;
vertical-align: top;
margin-right: 10px;
background-image: url('data:image/gif;base64,R0lGODlhGQAhAKL/AP///8zMzICAgAAA/wAAAAAAAAAAAAAAACwAAAAAGQAhAEADgyi63AwwikirpYFMO7ofF5Bt1WdaGaGubOuyZGhNgUBAMSV8eTTKp8tPRoQMizqbDll59Yy7gSAQOjJRGuCnmg0Fsc+rqCuuWJnKZXmaBoRlm9rtzTyXx+FoJ2yH7qlCZHdGghhfZoUUhxiJEYs+jSImgIh0SH1imFcjAZ2en6ChnQQJADuaBAkAOw==');
background-position: center;
background-repeat: no-repeat;
image-rendering: pixelated;
}
img {
image-rendering: pixelated;
}
hr {
margin: 15px 0;
border: 0;
border-top: 2px solid #c0c0c0;
}
a:link,
a:visited {
font: 8pt/11pt verdana;
color: red
}
</style>
<title>403 Forbidden</title>
<link rel="icon" href="/favicon.png">
</head>
<body>
<div class="container">
<div class="errorTitle">
<h1><span class="errorIcon"></span>You are not authorized to view this page</h1>
</div>
<div class="errorMessage">You might not have permission to view this directory or page using the credentials you supplied.</div>
<div class="errorContent">
<hr>
<p>Please try the following:</p>
<ul>
<li>
Click the <a href="javascript:location.reload()" target="_self"><img src="data:image/gif;base64,R0lGODlhDQAQAJH/AP///4CAgAAAAAAAACwAAAAADQAQAEACK5SPoKKh74B5LS4G7aWU+VZ1WAhEE8ed6DmCUlIF8nNG2svZWzzvUIoIIgoAOw=="> Refresh</a> button, or try again later.
</li>
<li>
If you typed the page address in the Address bar, make sure that it is spelled correctly.
</li>
<li>
Open the
<a href="/"><img src="data:image/gif;base64,R0lGODlhEAAQAPcAAP//////zP//mf//Zv//M///AP/M///MzP/Mmf/MZv/MM//MAP+Z//+ZzP+Zmf+ZZv+ZM/+ZAP9m//9mzP9mmf9mZv9mM/9mAP8z//8zzP8zmf8zZv8zM/8zAP8A//8AzP8Amf8AZv8AM/8AAMz//8z/zMz/mcz/Zsz/M8z/AMzM/8zMzMzMmczMZszMM8zMAMyZ/8yZzMyZmcyZZsyZM8yZAMxm/8xmzMxmmcxmZsxmM8xmAMwz/8wzzMwzmcwzZswzM8wzAMwA/8wAzMwAmcwAZswAM8wAAJn//5n/zJn/mZn/Zpn/M5n/AJnM/5nMzJnMmZnMZpnMM5nMAJmZ/5mZzJmZmZmZZpmZM5mZAJlm/5lmzJlmmZlmZplmM5lmAJkz/5kzzJkzmZkzZpkzM5kzAJkA/5kAzJkAmZkAZpkAM5kAAGb//2b/zGb/mWb/Zmb/M2b/AGbM/2bMzGbMmWbMZmbMM2bMAGaZ/2aZzGaZmWaZZmaZM2aZAGZm/2ZmzGZmmWZmZmZmM2ZmAGYz/2YzzGYzmWYzZmYzM2YzAGYA/2YAzGYAmWYAZmYAM2YAADP//zP/zDP/mTP/ZjP/MzP/ADPM/zPMzDPMmTPMZjPMMzPMADOZ/zOZzDOZmTOZZjOZMzOZADNm/zNmzDNmmTNmZjNmMzNmADMz/zMzzDMzmTMzZjMzMzMzADMA/zMAzDMAmTMAZjMAMzMAAAD//wD/zAD/mQD/ZgD/MwD/AADM/wDMzADMmQDMZgDMMwDMAACZ/wCZzACZmQCZZgCZMwCZAABm/wBmzABmmQBmZgBmMwBmAAAz/wAzzAAzmQAzZgAzMwAzAAAA/wAAzAAAmQAAZgAAMwAAAICAAIAAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAANoALAAAAAAQABAAAAhXALUJHEiwoMGB1wRmS3hQ4DVsCRc21PawAESJBytis3iNYUGNFjkaBLmxpEeKHVOqTEnwGoCXMGGepBiz5kyXL1PK/CizAE4AN3v+DJrT586WK1dOnBgQADs=" alt=""> home page</a>, and then look for links to the information you want.
</li>
<li>
Click the
<a href="javascript:history.back(1)"><img src="data:image/gif;base64,R0lGODlhEAAQAPcAAAAAADFj/zGc/zHO/5z///8A/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wAAAL8AAAC/AL+/AAAAv78AvwC/v8DAwICAgP8AAAD/AP//AAAA//8A/wD//////wAAAAAAAAAAAAAAACH5BAEAAPkALAAAAAAQABAAAAhGAPMJHEiwoMGDCBMm/KeQYACGDfMFIABR4USKATJqrCiRgMePHwVw/CdggICTKE9yzEdS5L+XMFeyFBlR4MuaNnHq3BkxIAA7" alt=""> Back</a> button to try another link.
</li>
</ul>
<h2>HTTP 403 - Forbidden</h2>
<!-- Footer text here -->
</div>
</div>
</body>
</html>
Raw
404.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
background-color: #fff;
color: #000;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 8pt;
line-height: 11pt;
}
.container {
max-width: 400px;
margin: 0 auto;
padding: 10px;
}
h1 {
font-style: normal;
font-weight: normal;
font-size: 13pt;
line-height: 15pt;
margin-top: 0;
}
h2 {
font-style: normal;
font-weight: normal;
font-size: 8pt;
line-height: 11pt;
margin-top: 35px;
}
.errorIcon {
width: 25px;
height: 33px;
display: inline-block;
vertical-align: top;
margin-right: 10px;
background-image: url('data:image/gif;base64,R0lGODlhGQAhAKL/AP///8zMzICAgAAA/wAAAAAAAAAAAAAAACwAAAAAGQAhAEADgyi63AwwikirpYFMO7ofF5Bt1WdaGaGubOuyZGhNgUBAMSV8eTTKp8tPRoQMizqbDll59Yy7gSAQOjJRGuCnmg0Fsc+rqCuuWJnKZXmaBoRlm9rtzTyXx+FoJ2yH7qlCZHdGghhfZoUUhxiJEYs+jSImgIh0SH1imFcjAZ2en6ChnQQJADuaBAkAOw==');
background-position: center;
background-repeat: no-repeat;
image-rendering: pixelated;
}
img {
image-rendering: pixelated;
}
hr {
margin: 15px 0;
border: 0;
border-top: 2px solid #c0c0c0;
}
a:link,
a:visited {
font: 8pt/11pt verdana;
color: red
}
</style>
<title>404 Not Found</title>
<link rel="icon" href="/favicon.png">
</head>
<body>
<div class="container">
<div class="errorTitle">
<h1><span class="errorIcon"></span>The page cannot be displayed</h1>
</div>
<div class="errorMessage">The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.</div>
<div class="errorContent">
<hr>
<p>Please try the following:</p>
<ul>
<li>
Click the <a href="javascript:location.reload()" target="_self"><img src="data:image/gif;base64,R0lGODlhDQAQAJH/AP///4CAgAAAAAAAACwAAAAADQAQAEACK5SPoKKh74B5LS4G7aWU+VZ1WAhEE8ed6DmCUlIF8nNG2svZWzzvUIoIIgoAOw=="> Refresh</a> button, or try again later.
</li>
<li>
If you typed the page address in the Address bar, make sure that it is spelled correctly.
</li>
<li>
Open the
<a href="/"><img src="data:image/gif;base64,R0lGODlhEAAQAPcAAP//////zP//mf//Zv//M///AP/M///MzP/Mmf/MZv/MM//MAP+Z//+ZzP+Zmf+ZZv+ZM/+ZAP9m//9mzP9mmf9mZv9mM/9mAP8z//8zzP8zmf8zZv8zM/8zAP8A//8AzP8Amf8AZv8AM/8AAMz//8z/zMz/mcz/Zsz/M8z/AMzM/8zMzMzMmczMZszMM8zMAMyZ/8yZzMyZmcyZZsyZM8yZAMxm/8xmzMxmmcxmZsxmM8xmAMwz/8wzzMwzmcwzZswzM8wzAMwA/8wAzMwAmcwAZswAM8wAAJn//5n/zJn/mZn/Zpn/M5n/AJnM/5nMzJnMmZnMZpnMM5nMAJmZ/5mZzJmZmZmZZpmZM5mZAJlm/5lmzJlmmZlmZplmM5lmAJkz/5kzzJkzmZkzZpkzM5kzAJkA/5kAzJkAmZkAZpkAM5kAAGb//2b/zGb/mWb/Zmb/M2b/AGbM/2bMzGbMmWbMZmbMM2bMAGaZ/2aZzGaZmWaZZmaZM2aZAGZm/2ZmzGZmmWZmZmZmM2ZmAGYz/2YzzGYzmWYzZmYzM2YzAGYA/2YAzGYAmWYAZmYAM2YAADP//zP/zDP/mTP/ZjP/MzP/ADPM/zPMzDPMmTPMZjPMMzPMADOZ/zOZzDOZmTOZZjOZMzOZADNm/zNmzDNmmTNmZjNmMzNmADMz/zMzzDMzmTMzZjMzMzMzADMA/zMAzDMAmTMAZjMAMzMAAAD//wD/zAD/mQD/ZgD/MwD/AADM/wDMzADMmQDMZgDMMwDMAACZ/wCZzACZmQCZZgCZMwCZAABm/wBmzABmmQBmZgBmMwBmAAAz/wAzzAAzmQAzZgAzMwAzAAAA/wAAzAAAmQAAZgAAMwAAAICAAIAAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAANoALAAAAAAQABAAAAhXALUJHEiwoMGB1wRmS3hQ4DVsCRc21PawAESJBytis3iNYUGNFjkaBLmxpEeKHVOqTEnwGoCXMGGepBiz5kyXL1PK/CizAE4AN3v+DJrT586WK1dOnBgQADs=" alt=""> home page</a>, and then look for links to the information you want.
</li>
<li>
Click the
<a href="javascript:history.back(1)"><img src="data:image/gif;base64,R0lGODlhEAAQAPcAAAAAADFj/zGc/zHO/5z///8A/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wAAAL8AAAC/AL+/AAAAv78AvwC/v8DAwICAgP8AAAD/AP//AAAA//8A/wD//////wAAAAAAAAAAAAAAACH5BAEAAPkALAAAAAAQABAAAAhGAPMJHEiwoMGDCBMm/KeQYACGDfMFIABR4USKATJqrCiRgMePHwVw/CdggICTKE9yzEdS5L+XMFeyFBlR4MuaNnHq3BkxIAA7" alt=""> Back</a> button to try another link.
</li>
</ul>
<h2>HTTP 404 - Not Found</h2>
<!-- Footer text here -->
</div>
</div>
</body>
</html>
Raw
418.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
background-color: #fff;
color: #000;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 8pt;
line-height: 11pt;
}
.container {
max-width: 400px;
margin: 0 auto;
padding: 10px;
}
h1 {
font-style: normal;
font-weight: normal;
font-size: 13pt;
line-height: 15pt;
margin-top: 0;
}
h2 {
font-style: normal;
font-weight: normal;
font-size: 8pt;
line-height: 11pt;
margin-top: 35px;
}
.errorIcon {
width: 32px;
height: 33px;
display: inline-block;
vertical-align: top;
margin-right: 10px;
background-image: url('data:image/gif;base64,R0lGODlhIAAhALMMAFVVVSIiIqqqqoiIiHd3d+7u7ru7u93d3ZmZmczMzAAAAP///////wAAAAAAAAAAACH5BAEAAAwALAAAAAAgACEAAAT/kMlJq7046827/+CljOGmLIehlJgyHItBrNZImkoxGIZAqDTbYShY2SqjhbJAaPJSo2HqOZItaIzToFBQog6JBK8ZEBSjI8Lwml0UDoNBWMyTEQQIQCB4MCoMMCdLBQZxcU0Ebwl4MxIKfRN/cF1LXpZuioxGkI4JMFuXoZhgeJtYj4ALoKKWmXlVpykHOgasraR5AQdFkVOfMLZuuHqcjlOeW5Ssrnq8vXVwBsqizHs1dAk706HVWL1iCT/brZkz3hSPBwBPtm+kAOdI64Djg2AGCPFIgLPUXMP6kMzaxuWfGASNOrgYWFCRGDzwPjw6BGhOjybrArYYUmgAoiYDFASoKGGjjskjLBzZQJmypcuXKSMAADs=');
background-position: center;
background-repeat: no-repeat;
image-rendering: pixelated;
}
img {
image-rendering: pixelated;
}
hr {
margin: 15px 0;
border: 0;
border-top: 2px solid #c0c0c0;
}
a:link,
a:visited {
font: 8pt/11pt verdana;
color: red
}
</style>
<title>418 I'm a teapot</title>
<link rel="icon" href="/favicon.png">
</head>
<body>
<div class="container">
<div class="errorTitle">
<h1><span class="errorIcon"></span>Hyper Text Coffee Pot Control Protocol</h1>
</div>
<div class="errorMessage">The requested entity body is short and stout. You attempted to brew coffee with a teapot. Tip me over and pour me out.</div>
<div class="errorContent">
<hr>
<p>Please try the following:</p>
<ul>
<li>
Click the <a href="javascript:location.reload()" target="_self"><img src="data:image/gif;base64,R0lGODlhDQAQAJH/AP///4CAgAAAAAAAACwAAAAADQAQAEACK5SPoKKh74B5LS4G7aWU+VZ1WAhEE8ed6DmCUlIF8nNG2svZWzzvUIoIIgoAOw=="> Refresh</a> button, or try again later.
</li>
<li>
If you typed the page address in the Address bar, make sure that it is spelled correctly.
</li>
<li>
Open the
<a href="/"><img src="data:image/gif;base64,R0lGODlhEAAQAPcAAP//////zP//mf//Zv//M///AP/M///MzP/Mmf/MZv/MM//MAP+Z//+ZzP+Zmf+ZZv+ZM/+ZAP9m//9mzP9mmf9mZv9mM/9mAP8z//8zzP8zmf8zZv8zM/8zAP8A//8AzP8Amf8AZv8AM/8AAMz//8z/zMz/mcz/Zsz/M8z/AMzM/8zMzMzMmczMZszMM8zMAMyZ/8yZzMyZmcyZZsyZM8yZAMxm/8xmzMxmmcxmZsxmM8xmAMwz/8wzzMwzmcwzZswzM8wzAMwA/8wAzMwAmcwAZswAM8wAAJn//5n/zJn/mZn/Zpn/M5n/AJnM/5nMzJnMmZnMZpnMM5nMAJmZ/5mZzJmZmZmZZpmZM5mZAJlm/5lmzJlmmZlmZplmM5lmAJkz/5kzzJkzmZkzZpkzM5kzAJkA/5kAzJkAmZkAZpkAM5kAAGb//2b/zGb/mWb/Zmb/M2b/AGbM/2bMzGbMmWbMZmbMM2bMAGaZ/2aZzGaZmWaZZmaZM2aZAGZm/2ZmzGZmmWZmZmZmM2ZmAGYz/2YzzGYzmWYzZmYzM2YzAGYA/2YAzGYAmWYAZmYAM2YAADP//zP/zDP/mTP/ZjP/MzP/ADPM/zPMzDPMmTPMZjPMMzPMADOZ/zOZzDOZmTOZZjOZMzOZADNm/zNmzDNmmTNmZjNmMzNmADMz/zMzzDMzmTMzZjMzMzMzADMA/zMAzDMAmTMAZjMAMzMAAAD//wD/zAD/mQD/ZgD/MwD/AADM/wDMzADMmQDMZgDMMwDMAACZ/wCZzACZmQCZZgCZMwCZAABm/wBmzABmmQBmZgBmMwBmAAAz/wAzzAAzmQAzZgAzMwAzAAAA/wAAzAAAmQAAZgAAMwAAAICAAIAAAP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAANoALAAAAAAQABAAAAhXALUJHEiwoMGB1wRmS3hQ4DVsCRc21PawAESJBytis3iNYUGNFjkaBLmxpEeKHVOqTEnwGoCXMGGepBiz5kyXL1PK/CizAE4AN3v+DJrT586WK1dOnBgQADs=" alt=""> home page</a>, and then look for links to the information you want.
</li>
<li>
Click the
<a href="javascript:history.back(1)"><img src="data:image/gif;base64,R0lGODlhEAAQAPcAAAAAADFj/zGc/zHO/5z///8A/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wAAAL8AAAC/AL+/AAAAv78AvwC/v8DAwICAgP8AAAD/AP//AAAA//8A/wD//////wAAAAAAAAAAAAAAACH5BAEAAPkALAAAAAAQABAAAAhGAPMJHEiwoMGDCBMm/KeQYACGDfMFIABR4USKATJqrCiRgMePHwVw/CdggICTKE9yzEdS5L+XMFeyFBlR4MuaNnHq3BkxIAA7" alt=""> Back</a> button to try another link.
</li>
</ul>
<h2>HTTP 418 - I'm a teapot</h2>
<!-- Footer text here -->
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment