| Server IP : 210.245.233.93 / Your IP : 216.73.216.226 Web Server : Apache/2.2.15 (CentOS) System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : apache ( 48) PHP Version : 5.3.3 Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/onesolution.com.hk/en/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex, nofollow">
<title>Download - Clickway | One Solution</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: 'Inter', 'Segoe UI', sans-serif;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
margin: 0;
background: linear-gradient(135deg, #008cd6 0%, #00275e 100%);
padding: 20px;
}
.download-card {
text-align: center;
background: #fff;
padding: 50px 40px;
border-radius: 20px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
max-width: 480px;
width: 100%;
position: relative;
overflow: hidden;
}
.download-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, #008cd6, #00275e);
}
.download-icon {
width: 72px;
height: 72px;
background: linear-gradient(135deg, #008cd6 0%, #00275e 100%);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 24px;
box-shadow: 0 8px 24px rgba(0, 140, 214, 0.3);
}
.download-icon svg {
width: 36px;
height: 36px;
fill: #fff;
}
.download-title {
font-size: 36px;
font-weight: 700;
color: #1a1a2e;
margin-bottom: 12px;
line-height: 1.3;
}
.download-subtitle {
font-size: 14px;
color: #666;
margin-bottom: 30px;
line-height: 1.5;
}
.download-btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 36px;
background: linear-gradient(135deg, #008cd6 0%, #00275e 100%);
color: #fff;
text-decoration: none;
border-radius: 12px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
border: none;
transition: all 0.3s ease;
box-shadow: 0 8px 24px rgba(0, 140, 214, 0.35);
letter-spacing: 0.3px;
}
.download-btn:hover {
transform: translateY(-2px);
box-shadow: 0 12px 32px rgba(0, 140, 214, 0.5);
}
.download-btn:active {
transform: translateY(0);
}
.download-btn:disabled {
opacity: 0.6;
cursor: not-allowed;
transform: none;
box-shadow: 0 4px 12px rgba(0, 140, 214, 0.2);
}
.download-btn svg {
width: 20px;
height: 20px;
fill: #fff;
}
.download-meta {
display: flex;
justify-content: center;
gap: 24px;
margin-top: 28px;
padding-top: 24px;
border-top: 1px solid #eef0f5;
}
.meta-item {
display: flex;
flex-direction: column;
align-items: center;
}
.meta-value {
font-size: 20px;
font-weight: 700;
color: #008cd6;
}
.meta-label {
font-size: 12px;
color: #999;
margin-top: 4px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.download-status {
margin-top: 16px;
font-size: 13px;
color: #0eaf24;
min-height: 20px;
transition: opacity 0.3s;
}
@media (max-width: 520px) {
.download-card {
padding: 36px 24px;
}
.download-title {
font-size: 28px;
}
.download-btn {
padding: 14px 28px;
font-size: 15px;
}
}
</style>
</head>
<body>
<div class="download-card">
<div class="download-icon">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zM6 20V4h7v5h5v11H6z" />
<path d="M12 18l4-4h-3V9h-2v5H8l4 4z" />
</svg>
</div>
<h1 class="download-title">香港中小企 AI 升級轉型<br>與落地實戰指南</h1>
<p class="download-subtitle">Free PDF guide for Hong Kong SMEs on AI digital transformation and practical implementation strategies.</p>
<button class="download-btn" id="downloadBtn">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z" />
</svg>
Download PDF
</button>
<div class="download-status" id="status"></div>
<div class="download-meta">
<div class="meta-item">
<span class="meta-value" id="countDisplay">--</span>
<span class="meta-label">Downloads</span>
</div>
<div class="meta-item">
<span class="meta-value">PDF</span>
<span class="meta-label">Format</span>
</div>
<div class="meta-item">
<span class="meta-value">Free</span>
<span class="meta-label">Price</span>
</div>
</div>
</div>
<script>
(function() {
var redirectUrl = "../images/pdf/Ai_download.pdf";
var countEl = document.getElementById("countDisplay");
var statusEl = document.getElementById("status");
var btn = document.getElementById("downloadBtn");
// Load current count on page load
var xhr = new XMLHttpRequest();
xhr.open("GET", "count_clickway.php?t=" + Date.now(), true);
xhr.onload = function() {
try {
var data = JSON.parse(xhr.responseText);
countEl.textContent = data.Clickway || 0;
} catch (e) {
countEl.textContent = "0";
}
};
xhr.onerror = function() {
countEl.textContent = "0";
};
xhr.send();
// Handle download button click
btn.addEventListener("click", function() {
btn.disabled = true;
statusEl.textContent = "Preparing download...";
var post = new XMLHttpRequest();
post.open("POST", "count_clickway.php", true);
post.setRequestHeader("X-Requested-With", "XMLHttpRequest");
post.onloadend = function() {
try {
var resp = JSON.parse(post.responseText);
if (resp.Clickway) {
countEl.textContent = resp.Clickway;
}
} catch (e) {}
statusEl.textContent = "Download started ✓";
window.open(redirectUrl, "_blank");
btn.disabled = false;
setTimeout(function() {
statusEl.textContent = "";
}, 3000);
};
post.onerror = function() {
window.open(redirectUrl, "_blank");
btn.disabled = false;
statusEl.textContent = "";
};
post.timeout = 3000;
post.ontimeout = function() {
window.open(redirectUrl, "_blank");
btn.disabled = false;
statusEl.textContent = "";
};
post.send();
});
})();
</script>
</body>
</html>