CINXE.COM
error
<!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" /> <title>error</title> <style> @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap'); html,body{margin:0; padding:0; width:100%; height:100%;} *{margin:0; padding:0; font-family: 'Roboto', sans-serif; box-sizing:border-box;} .error-wrap .cf:after{content: '';display: block;clear: both;} .error-wrap img{max-width:471px;} .error-wrap {width:1520px; margin:0 auto; overflow:hidden; display:table; padding-top:150px;} .error-wrap > div{position:relative; display:table-cell; vertical-align:top;} .error-wrap .left-box{letter-spacing:-1px; vertical-align:middle;} .error-wrap .left-box p.error-tit{display:block; font-weight:bold; font-size:47px; margin-bottom:10px;} .error-wrap .left-box p.error-txt{font-size:35px;} @media screen and (max-width:1520px) { .error-wrap {width:100%; display:block; padding:30px 15px;} .error-wrap > div{display:block;} .error-wrap .right-box{padding-top:30px; text-align:center;} .error-wrap .right-box img{width:50%;} .error-wrap .left-box{letter-spacing:-0.6px;} .error-wrap .left-box p.error-tit{font-size:35px;} .error-wrap .left-box p.error-txt{font-size:22px;} } @media screen and (max-width:768px) { .error-wrap .left-box p.error-tit{font-size:26px;} .error-wrap .left-box p.error-txt{font-size:18px;} .error-wrap .btn{font-size:16px; margin-right:5px;} } </style> </head> <body> <div class="error-wrap"> <div class="left-box"> <p class="error-tit">We can鈥檛 seem to find the page</p> <p class="error-txt">You accessed it with the wrong path, or it is a temporary error.</p> </div> <div class="right-box"> <img src="http://u9.inforang.com/error.png" alt=""> </div> </div> </body> </html>