┌────────────────────────────────┐ │ ░░░ ░░▓ ░▓▓ ███ ▓▓░ ▓░░ │ │ ~ M O O N ~ │ └────────────────────────────────┘
prd-web-01.centraldc.gr
LOCATION:
/var/www/html/adconect/wp-content/plugins/download-plugin/designs
☗ ROOT
↻ REFRESH
✎ EDIT FILE
EDITING: download-plugin-pro-modal-single-file.html
<!doctype html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Download Plugin Pro Welcome Modal</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:wght,FILL@400,0" /> <style> :root { --dp-bg: #f5f7fb; --dp-surface: #ffffff; --dp-border: #d9e2ef; --dp-text: #1f2a37; --dp-muted: #5c6b7f; --dp-primary: #1f6fb2; --dp-primary-dark: #175b90; --dp-accent: #f3b23d; --dp-accent-soft: #fff6e6; --dp-success: #178a53; --dp-shadow: 0 24px 70px rgba(16, 24, 40, 0.16); } body { background: rgba(17, 24, 39, 0.35); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; color: var(--dp-text); } .dp-modal-shell { max-width: 1080px; border: 0; border-radius: 20px; box-shadow: var(--dp-shadow); overflow: hidden; background: #ffffff; } .dp-modal-header { padding: 28px 30px 0 30px; border: 0; } .dp-title { font-size: clamp(1.8rem, 3vw, 2.65rem); line-height: 1.08; font-weight: 800; margin: 18px 0 12px; letter-spacing: -0.03em; } .dp-subtitle { color: var(--dp-muted); font-size: 1.08rem; line-height: 1.6; margin: 0; width: 100%; } .dp-body { padding: 26px 30px 18px; } .dp-panel { background: var(--dp-surface); border: 1px solid var(--dp-border); border-radius: 18px; padding: 22px 22px 18px; height: 100%; box-shadow: 0 1px 0 rgba(16, 24, 40, 0.02); } .dp-panel.pro { border-color: rgba(243, 178, 61, 0.8); background: linear-gradient(180deg, rgba(255, 250, 236, 0.98), rgba(255, 255, 255, 0.95)), linear-gradient(135deg, rgba(243, 178, 61, 0.10), rgba(31, 111, 178, 0.05)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 10px 24px rgba(243, 178, 61, 0.08); } .dp-panel-title { font-size: 0.92rem; font-weight: 800; margin-bottom: 14px; display: flex; align-items: center; gap: 10px; text-transform: uppercase; letter-spacing: 0.08em; } .dp-panel-title .dot { width: 10px; height: 10px; border-radius: 50%; background: var(--dp-primary); flex: 0 0 auto; } .dp-panel.pro .dot { background: var(--dp-accent); } .dp-feature-list { list-style: none; padding: 0; margin: 0; } .dp-feature-list li { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 14px; color: var(--dp-text); line-height: 1.45; font-size: 0.98rem; } .dp-check { width: 24px; height: 24px; border-radius: 50%; background: var(--dp-success); color: #ffffff; flex: 0 0 24px; margin-top: 1px; display: inline-flex; align-items: center; justify-content: center; } .dp-panel:not(.pro) .dp-check { background: #e9f6ef; color: #2f7d57; } .material-symbols-rounded { font-family: "Material Symbols Rounded"; font-size: 18px; line-height: 1; display: inline-flex; align-items: center; justify-content: center; -webkit-font-smoothing: antialiased; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; } .dp-feature-text strong { display: block; font-weight: 700; margin-bottom: 2px; } .dp-feature-text span { color: var(--dp-muted); display: block; font-size: 0.87rem; line-height: 1.45; } .dp-footer { padding: 0 30px 30px; border: 0; } .dp-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; } .btn-dp-primary { background: var(--dp-primary); border-color: var(--dp-primary); color: #fff; font-weight: 700; padding: 12px 22px; border-radius: 12px; } .btn-dp-primary:hover { background: var(--dp-primary-dark); border-color: var(--dp-primary-dark); color: #fff; } .btn-dp-secondary { background: #fff; border: 1px solid #c9d6e4; color: var(--dp-primary); font-weight: 700; padding: 12px 20px; border-radius: 12px; } .btn-dp-secondary:hover { background: #f7fbff; color: var(--dp-primary-dark); } .dp-note { color: var(--dp-muted); font-size: 0.92rem; margin-top: 10px; } .dp-hero-accent { height: 6px; background: linear-gradient(90deg, #f3b23d 0%, #f7d27a 35%, #d7e7f6 70%, #f3b23d 100%); background-size: 220% 100%; width: 100%; animation: dpAccentFlow 7s linear infinite; } @keyframes dpAccentFlow { 0% { background-position: 0% 50%; } 100% { background-position: 220% 50%; } } .btn-close:focus { box-shadow: none; } @media (max-width: 767.98px) { .dp-modal-header, .dp-body, .dp-footer { padding-left: 18px; padding-right: 18px; } .dp-panel { padding: 18px 16px 16px; } .dp-title { font-size: 1.7rem; } } </style> </head> <body> <div class="modal fade show" id="downloadPluginWelcomeModal" tabindex="-1" aria-modal="true" role="dialog" style="display:block;"> <div class="modal-dialog modal-dialog-centered modal-xl modal-dialog-scrollable"> <div class="modal-content dp-modal-shell"> <div class="dp-hero-accent"></div> <div class="modal-header dp-modal-header d-flex align-items-start justify-content-between"> <div class="pe-4"> <h1 class="dp-title">Welcome to Download Plugin</h1> <p class="dp-subtitle"> Start with the Free Version for fast plugin downloads and quick site administration, then upgrade to Pro for backup, restore, import, export, and recovery workflows. </p> </div> <button type="button" class="btn-close" aria-label="Close"></button> </div> <div class="modal-body dp-body"> <div class="row g-4"> <div class="col-12 col-lg-6"> <div class="dp-panel"> <div class="dp-panel-title"><span class="dot"></span>What you get in the Free Version</div> <ul class="dp-feature-list"> <li><span class="dp-check"><span class="material-symbols-rounded">check</span></span><div class="dp-feature-text"><strong>Download single plugins with one click</strong><span>Save any installed plugin as a ZIP file directly from the Plugins screen.</span></div></li> <li><span class="dp-check"><span class="material-symbols-rounded">check</span></span><div class="dp-feature-text"><strong>Download multiple plugins in bulk</strong><span>Select several plugins and download them together from the bulk actions menu.</span></div></li> <li><span class="dp-check"><span class="material-symbols-rounded">check</span></span><div class="dp-feature-text"><strong>Upload and install multiple plugins</strong><span>Bring in plugin ZIP files quickly from the Plugins Add New screen.</span></div></li> <li><span class="dp-check"><span class="material-symbols-rounded">check</span></span><div class="dp-feature-text"><strong>Download themes, users, content, and media</strong><span>Work with themes, users, posts, pages, comments, attachments, and custom post types.</span></div></li> </ul> </div> </div> <div class="col-12 col-lg-6"> <div class="dp-panel pro"> <div class="dp-panel-title"><span class="dot"></span>What Pro adds</div> <ul class="dp-feature-list"> <li><span class="dp-check"><span class="material-symbols-rounded">check</span></span><div class="dp-feature-text"><strong>Full site backup export and restore</strong><span>Create downloadable backups and restore them when you need a recovery path.</span></div></li> <li><span class="dp-check"><span class="material-symbols-rounded">check</span></span><div class="dp-feature-text"><strong>CSV import and export for content</strong><span>Move posts, pages, users, comments, and taxonomies in and out of your site.</span></div></li> <li><span class="dp-check"><span class="material-symbols-rounded">check</span></span><div class="dp-feature-text"><strong>Media ZIP import with useful metadata</strong><span>Import media files with title, caption, alt text, description, and taxonomy details.</span></div></li> <li><span class="dp-check"><span class="material-symbols-rounded">check</span></span><div class="dp-feature-text"><strong>Backup package management and recovery workflow</strong><span>Keep recent backup packages organized for easier recovery and reuse.</span></div></li> </ul> </div> </div> </div> <div class="dp-note mt-3"> Pro is the natural next step if you need stronger backup, migration, import, and recovery tools, and you can start with the Free Version and upgrade anytime. </div> </div> <div class="modal-footer dp-footer justify-content-between align-items-center"> <div class="dp-actions"> <a href="https://theeventprime.com/checkout/?download_id=43730&edd_action=add_to_cart&edd_options[price_id][]=1" class="btn btn-dp-primary">Upgrade to Pro</a> <button type="button" class="btn btn-dp-secondary">Continue with the Free Version</button> </div> </div> </div> </div> </div> <div class="modal-backdrop fade show"></div> </body> </html>
CANCEL
Name
Type
Size
Modified
Actions
↩ ..
DIR
—
—
📄 download-plugin-pro-modal-single-file.html
HTML
9.8 KB
2026-04-17 23:34
EDIT
📄 download-plugin-pro-notice-single-file.html
HTML
3.3 KB
2026-04-17 23:34
EDIT