forked from JioSaavn/Jio-Saavn-Downloader
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoffline.html
1 lines (1 loc) · 2.2 KB
/
offline.html
1
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>Offline - JioSaavn</title><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="msapplication-TileColor" content="#da532c"><meta name="theme-color" content="#ffffff"><link href="https://fonts.googleapis.com/css?family=Montserrat:200,400,700" rel="stylesheet"><style>*{-webkit-box-sizing:border-box;box-sizing:border-box}body{padding:0;margin:0}#notfound{position:relative;height:100vh}#notfound .notfound{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound{max-width:520px;width:100%;line-height:1.4;text-align:center}.notfound .notfound-404{position:relative;height:200px;margin:0px auto 20px;z-index:-1}.notfound .notfound-404 h1{font-family:'Montserrat',sans-serif;font-size:236px;font-weight:200;margin:0px;color:#211b19;text-transform:uppercase;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.notfound .notfound-404 h2{font-family:'Montserrat',sans-serif;font-size:28px;font-weight:400;text-transform:uppercase;color:#211b19;background:#fff;padding:10px 5px;margin:auto;display:inline-block;position:absolute;bottom:0px;left:0;right:0}.notfound a{font-family:'Montserrat',sans-serif;display:inline-block;font-weight:700;text-decoration:none;color:#fff;text-transform:uppercase;padding:13px 23px;background:#ff6300;font-size:18px;-webkit-transition:0.2s all;transition:0.2s all}.notfound a:hover{color:#ff6300;background:#211b19}@media only screen and (max-width: 767px){.notfound .notfound-404 h1{font-size:148px}}@media only screen and (max-width: 480px){.notfound .notfound-404{height:148px;margin:0px auto 10px}.notfound .notfound-404 h1{font-size:86px}.notfound .notfound-404 h2{font-size:16px}.notfound a{padding:7px 15px;font-size:14px}}</style></head><body><div id="notfound"><div class="notfound"><div class="notfound-404"><h1>Oops!</h1><h2>No Internet Connection</h2></div> <a onclick="myFunction()">Try Again</a></div></div> <script>function myFunction(){location.reload();}</script> </body></html>