Skip to content

Instantly share code, notes, and snippets.

@sumonst21
Created October 14, 2022 00:27
Show Gist options
  • Save sumonst21/e5e4b97d045ca79c0dccb949d36b161e to your computer and use it in GitHub Desktop.
Save sumonst21/e5e4b97d045ca79c0dccb949d36b161e to your computer and use it in GitHub Desktop.
Site Unavailable
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta charset="utf-8"/>
<title>Site Unavailable</title>
<link rel="stylesheet" type="text/css" href="systempages.css" media="screen, handheld" />
</head>
<body>
<div id="wrapper">
<img src="https://user-images.githubusercontent.com/7096865/195735470-ff1f22ef-695e-4abf-ac13-2353c548f734.png" alt="" />
<h1>This site is currently unavailable.</h1>
<h2>If you're the owner of this website, please contact your hosting provider to get this resolved.</h2>
</div>
</body>
</html>
@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,700|Montserrat:400,700&subset=latin,latin-ext);
body { margin: 0; padding: 0 0 20px; font: 14px/18px Arial, Tahoma, sans-serif; color: #666; text-rendering: optimizeLegibility; }
h1, h2, h3, h4 { line-height: normal; margin: 0; }
dl, dt, dd, ul { margin: 0; padding: 0; list-style: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
a { color: #4b99d0; text-decoration: none; }
a:hover { text-decoration: underline; }
.acenter { text-align: center !important; }
#wrapper { margin: 0 auto; padding: 85px 0; position: relative; width: 980px; text-align: center; font-family: 'Open Sans'; color: #444; }
#wrapper > h1 { font: 700 36px/40px Montserrat; }
#wrapper > h2 { padding: 10px 0 50px; font: italic 300 22px/34px 'Open Sans'; }
#wrapper > h3 { margin: 0 0 30px; font: 300 16px/24px 'Open Sans'; }
#wrapper > img { margin-bottom: 50px; }
#wrapper > p { margin: 30px 0 30px; line-height: 28px; }
#logosg { position: absolute; bottom: 0; left: 50%; margin: 0 0 0 -82px; }
.sep { margin: 0 auto 50px; width: 660px; height: 1px; background: #e8e8e8; }
.siteground_threeboxes .box { margin: 0 25px 0 0; width: 268px; }
.siteground_resources .box { margin: 0 17px 0 0; width: 190px; }
.siteground_resources .box:first-child { padding: 20px 0 20px 20px; width: 210px; }
.siteground_resources .box:first-child h4 { margin: 0 0 0 -15px; }
.box { float: left; box-shadow: 0 2px 1px #d9d9d9; padding: 20px; background: #fcfcfc; border: 1px solid #ccc; border-radius: 6px; text-align: center; }
.box:last-child { margin: 0; float: right; }
.box h4 { padding: 0 0 20px; font: 400 18px/34px 'Montserrat'; }
.box h4 img { margin: 0 10px 0 0; vertical-align: middle; }
.box p { padding: 0 0 25px; font-size: 14px; line-height: 22px; color: #999; }
.box a { font-size: 14px; }
.box ul { text-align: left; font-size: 14px; line-height: 24px; }
.box ul li { position: relative; padding: 0 0 0 15px; }
.box ul li:before { position: absolute; top: 8px; left: 0; content: ""; width: 5px; height: 5px; border-radius: 10px; background: #ccc; }
.large_button { position: relative; display: inline-block; height: 44px; margin: 6px 0 0; padding: 0 20px; color: #fff !important; font: 700 20px/44px Arial, Helvetica, Tahoma, sans-serif; border-radius: 4px; box-shadow: 0 3px 0 rgba(0,0,0,.2); text-align: center; text-shadow: 0 1px 0 rgba(0, 0, 0, .15); text-decoration: none; }
.large_button:hover { color: #fff !important; text-decoration: none !important; }
.large_button:active { top: 3px; box-shadow: 0 1px 0 rgba(0,0,0,.2); }
.bgrey { background: #444; }
.bgrey:hover, .bgrey:active { background: #555; }
.livechat { padding: 19px 19px 19px 110px; border: 1px solid #e3e3e3; border-top: 3px solid #e3e3e3; background: url(img/icon_livechat.png) no-repeat 22px center; }
.livechat p { float: left; width: 690px; margin: 0 26px 0 0; font-size: 18px; line-height: 30px; text-align: left; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment