whatsapp web is vary amazing coding for edu purpus
| <!DOCTYPE html> | |
| <html class="no-js" dir="ltr" loc="hi"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
| <title>WhatsApp Web</title> | |
| <meta name="viewport" content="width=device-width"> | |
| <meta name="google" content="notranslate"> | |
| <meta name="format-detection" content="telephone=no"/> | |
| <meta name="description" content="Quickly send and receive WhatsApp messages right from your computer."> | |
| <meta name="og:description" content="Quickly send and receive WhatsApp messages right from your computer."/> | |
| <meta name="og:url" content="https://web.whatsapp.com/"/> | |
| <meta name="og:title" content="WhatsApp Web"/> | |
| <meta name="og:image" content="https://www.whatsapp.com/img/whatsapp-promo.png"/> | |
| <link id="favicon" rel="shortcut icon" href="/img/favicon/1x/favicon.png" type="image/png" /> | |
| <link id="favicon" rel="shortcut icon" href="https://whatsapp.net/favicon_web.png" type="image/png" /> | |
| <link rel="apple-touch-icon" sizes="194x194" href="/apple-touch-icon.png" type="image/png" /> | |
| <link rel="stylesheet" href="/cssm_99362fa8365d8e39028c84edca18e758.css"> | |
| <style> | |
| html, body, #app { | |
| height: 100%; | |
| width: 100%; | |
| overflow: hidden; | |
| padding: 0; | |
| margin: 0; | |
| } | |
| #app { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| } | |
| #startup, #initial_startup { | |
| width: 100%; | |
| height: 100%; | |
| position: fixed; | |
| background-color: #f2f2f2; | |
| -moz-user-select: none; | |
| -webkit-user-select: none; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| display: -webkit-box; | |
| display: -webkit-flex; | |
| -webkit-align-items: center; | |
| -webkit-justify-content: center; | |
| flex-direction: column; | |
| -webkit-flex-direction: column; | |
| } | |
| .spinner-container { | |
| -webkit-animation: rotate 2s linear infinite; | |
| animation: rotate 2s linear infinite; | |
| z-index: 2; | |
| } | |
| .spinner-path { | |
| stroke-dasharray: 1,150; | |
| stroke-dashoffset: 0; | |
| stroke: #acb9bf; | |
| stroke-linecap: round; | |
| -webkit-animation: dash 1.5s ease-in-out infinite; | |
| animation: dash 1.5s ease-in-out infinite; | |
| } | |
| @keyframes rotate { | |
| 100% { transform: rotate(360deg); } | |
| } | |
| @-webkit-keyframes rotate{ | |
| 100% { -webkit-transform: rotate(360deg); } | |
| } | |
| @keyframes dash { | |
| 0% { | |
| stroke-dasharray: 1,150; | |
| stroke-dashoffset: 0; | |
| } | |
| 50% { | |
| stroke-dasharray: 90,150; | |
| stroke-dashoffset: -35; | |
| } | |
| 100% { | |
| stroke-dasharray: 90,150; | |
| stroke-dashoffset: -124; | |
| } | |
| } | |
| @-webkit-keyframes dash { | |
| 0% { | |
| stroke-dasharray: 1,150; | |
| stroke-dashoffset: 0; | |
| } | |
| 50% { | |
| stroke-dasharray: 90,150; | |
| stroke-dashoffset: -35; | |
| } | |
| 100% { | |
| stroke-dasharray: 90,150; | |
| stroke-dashoffset: -124; | |
| } | |
| } | |
| .progress-container { | |
| width: 360px; | |
| position: fixed; | |
| padding-top: 120px; | |
| top: 50%; | |
| left: 50%; | |
| margin-left: -180px; | |
| } | |
| progress { | |
| -webkit-appearance: none; | |
| appearance: none; | |
| width: 100%; | |
| height: 3px; | |
| border: none; | |
| margin: 0; | |
| color: #02d1a4; | |
| background-color: #e0e4e5; | |
| } | |
| progress[value]::-webkit-progress-bar { | |
| background-color: #e0e4e5; | |
| } | |
| progress[value]::-webkit-progress-value { | |
| background-color: #02d1a4; | |
| } | |
| progress[value]::-moz-progress-bar { | |
| background-color: #02d1a4; | |
| } | |
| </style> | |
| </head> | |
| <body class="web"> | |
| <div id="app"></div> | |
| <div id="initial_startup"> | |
| <svg class="spinner-container" width="50" height="50" viewBox="0 0 44 44"> | |
| <circle class="spinner-path" cx="22" cy="22" r="20" fill="none" stroke-width="4"></circle> | |
| </svg> | |
| <div class="progress-container"> | |
| <progress id=progressbar value="329" max="3293.75" dir="ltr"> </progress> | |
| </div> | |
| </div> | |
| <script src="/progress.5363a6cd3ab30ce786644f04e468f605.js"></script> | |
| <div id="hard_expire_time" data-time=1570320801.241></div> | |
| <script src="/locales/hi.8647b8b15467961cf1b1.js"></script> | |
| </body> | |
| </html> | |
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon