|
|
<!DOCTYPE html> |
|
|
<html lang="zh-CN"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>腾讯云服务器 CVM - 稳定可靠的云计算服务</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<style> |
|
|
.gradient-bg { |
|
|
background: linear-gradient(135deg, #006EFF 0%, #00C6FF 100%); |
|
|
} |
|
|
.feature-card:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); |
|
|
} |
|
|
.pricing-card:hover { |
|
|
transform: scale(1.03); |
|
|
box-shadow: 0 10px 25px rgba(0, 110, 255, 0.2); |
|
|
} |
|
|
.floating-btn { |
|
|
animation: float 3s ease-in-out infinite; |
|
|
} |
|
|
@keyframes float { |
|
|
0% { transform: translateY(0px); } |
|
|
50% { transform: translateY(-10px); } |
|
|
100% { transform: translateY(0px); } |
|
|
} |
|
|
.faq-content { |
|
|
max-height: 0; |
|
|
overflow: hidden; |
|
|
transition: max-height 0.3s ease-out; |
|
|
} |
|
|
.faq-content.show { |
|
|
max-height: 500px; |
|
|
transition: max-height 0.5s ease-in; |
|
|
} |
|
|
.rotate-icon { |
|
|
transform: rotate(180deg); |
|
|
transition: transform 0.3s ease; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="font-sans bg-gray-50"> |
|
|
|
|
|
<nav class="bg-white shadow-md sticky top-0 z-50"> |
|
|
<div class="container mx-auto px-6 py-3"> |
|
|
<div class="flex items-center justify-between"> |
|
|
<div class="flex items-center"> |
|
|
<img src="https://static.tencentcloud.com/static/portal/logo.svg" alt="腾讯云" class="h-10"> |
|
|
<span class="ml-4 text-xl font-bold text-gray-800">云服务器 CVM</span> |
|
|
</div> |
|
|
<div class="hidden md:flex items-center space-x-8"> |
|
|
<a href="#features" class="text-gray-600 hover:text-blue-600">产品优势</a> |
|
|
<a href="#pricing" class="text-gray-600 hover:text-blue-600">价格方案</a> |
|
|
<a href="#cases" class="text-gray-600 hover:text-blue-600">应用场景</a> |
|
|
<a href="#promotion" class="text-gray-600 hover:text-blue-600">促销活动</a> |
|
|
<a href="#faq" class="text-gray-600 hover:text-blue-600">常见问题</a> |
|
|
</div> |
|
|
<div class="flex items-center space-x-4"> |
|
|
<a href="#contact" class="hidden md:block px-4 py-2 text-blue-600 border border-blue-600 rounded-md hover:bg-blue-50">咨询专家</a> |
|
|
<a href="#buy" class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700">立即购买</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
|
|
|
<section class="gradient-bg text-white"> |
|
|
<div class="container mx-auto px-6 py-20 md:py-32"> |
|
|
<div class="flex flex-col md:flex-row items-center"> |
|
|
<div class="md:w-1/2 mb-10 md:mb-0"> |
|
|
<h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6">腾讯云服务器 CVM</h1> |
|
|
<p class="text-xl mb-8">稳定、安全、高性能的云计算服务，助力企业轻松上云</p> |
|
|
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> |
|
|
<a href="#buy" class="px-8 py-3 bg-white text-blue-600 font-bold rounded-md hover:bg-gray-100 text-center">立即购买</a> |
|
|
<a href="#trial" class="px-8 py-3 border border-white text-white font-bold rounded-md hover:bg-white hover:text-blue-600 text-center">免费试用</a> |
|
|
</div> |
|
|
<div class="mt-8 flex items-center"> |
|
|
<div class="flex -space-x-2"> |
|
|
<img class="w-10 h-10 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/women/12.jpg" alt=""> |
|
|
<img class="w-10 h-10 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/men/32.jpg" alt=""> |
|
|
<img class="w-10 h-10 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/women/45.jpg" alt=""> |
|
|
</div> |
|
|
<div class="ml-4"> |
|
|
<p class="text-sm">已有 <span class="font-bold">1,200,000+</span> 企业选择</p> |
|
|
<div class="flex text-yellow-300"> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<span class="text-white ml-2">4.9/5.0</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="md:w-1/2 relative"> |
|
|
<img src="https://img.freepik.com/free-vector/cloud-computing-concept-illustration_114360-7273.jpg" alt="云服务器" class="rounded-lg shadow-xl w-full"> |
|
|
<div class="absolute -bottom-6 -left-6 bg-white p-4 rounded-lg shadow-lg hidden md:block"> |
|
|
<div class="flex items-center"> |
|
|
<div class="bg-blue-100 p-3 rounded-full"> |
|
|
<i class="fas fa-shield-alt text-blue-600 text-xl"></i> |
|
|
</div> |
|
|
<div class="ml-3"> |
|
|
<p class="font-bold text-gray-800">99.95%</p> |
|
|
<p class="text-sm text-gray-600">服务可用性</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="bg-gray-100 py-12"> |
|
|
<div class="container mx-auto px-6"> |
|
|
<p class="text-center text-gray-500 mb-8">这些企业都在使用腾讯云 CVM</p> |
|
|
<div class="flex flex-wrap justify-center items-center gap-8 md:gap-16"> |
|
|
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/ae/JD_logo_%282021%29.svg/1200px-JD_logo_%282021%29.svg.png" alt="京东" class="h-8 opacity-70 hover:opacity-100 transition"> |
|
|
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/ee/Meituan_logo.svg/1280px-Meituan_logo.svg.png" alt="美团" class="h-8 opacity-70 hover:opacity-100 transition"> |
|
|
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Pinduoduo_Logo.svg/1200px-Pinduoduo_Logo.svg.png" alt="拼多多" class="h-8 opacity-70 hover:opacity-100 transition"> |
|
|
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/Bytedance_Logo.svg/1200px-Bytedance_Logo.svg.png" alt="字节跳动" class="h-8 opacity-70 hover:opacity-100 transition"> |
|
|
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/81/VIP.com_logo.svg/1200px-VIP.com_logo.svg.png" alt="唯品会" class="h-8 opacity-70 hover:opacity-100 transition"> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="features" class="py-20 bg-white"> |
|
|
<div class="container mx-auto px-6"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-4">为什么选择腾讯云 CVM</h2> |
|
|
<p class="text-gray-600 max-w-2xl mx-auto">腾讯云服务器提供高性能、高可靠、安全稳定的计算服务，满足您的各种业务需求</p> |
|
|
</div> |
|
|
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8"> |
|
|
<div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300"> |
|
|
<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6"> |
|
|
<i class="fas fa-bolt text-blue-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3 text-gray-800">高性能计算</h3> |
|
|
<p class="text-gray-600">采用最新一代 Intel/AMD CPU，最高单核睿频 5.3GHz，提供超强计算性能，满足高性能计算需求。</p> |
|
|
</div> |
|
|
<div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300"> |
|
|
<div class="bg-green-100 w-16 h-16 rounded-full flex items-center justify-center mb-6"> |
|
|
<i class="fas fa-shield-alt text-green-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3 text-gray-800">企业级安全</h3> |
|
|
<p class="text-gray-600">免费提供 DDoS 防护、Web 应用防火墙，支持安全组和网络 ACL，全方位保障您的业务安全。</p> |
|
|
</div> |
|
|
<div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300"> |
|
|
<div class="bg-purple-100 w-16 h-16 rounded-full flex items-center justify-center mb-6"> |
|
|
<i class="fas fa-expand-arrows-alt text-purple-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3 text-gray-800">弹性扩展</h3> |
|
|
<p class="text-gray-600">分钟级创建数百台实例，支持随时升降配，按需付费，灵活应对业务高峰与低谷。</p> |
|
|
</div> |
|
|
<div class="feature-card bg-white p-8 rounded-xl shadow-md transition duration-300"> |
|
|
<div class="bg-yellow-100 w-16 h-16 rounded-full flex items-center justify-center mb-6"> |
|
|
<i class="fas fa-headset text-yellow-600 text-2xl"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold mb-3 text-gray-800">专业服务</h3> |
|
|
<p class="text-gray-600">7×24 小时专业运维团队支持，提供从架构设计到运维管理的全生命周期服务。</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-20 bg-gray-50"> |
|
|
<div class="container mx-auto px-6"> |
|
|
<div class="flex flex-col lg:flex-row items-center"> |
|
|
<div class="lg:w-1/2 mb-10 lg:mb-0"> |
|
|
<img src="https://img.freepik.com/free-psd/server-room-isometric-illustration_1284-18692.jpg" alt="云服务器功能" class="rounded-lg shadow-xl w-full"> |
|
|
</div> |
|
|
<div class="lg:w-1/2 lg:pl-16"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-6">全面优化的云计算体验</h2> |
|
|
<div class="space-y-6"> |
|
|
<div class="flex"> |
|
|
<div class="flex-shrink-0 mt-1"> |
|
|
<div class="bg-blue-100 w-8 h-8 rounded-full flex items-center justify-center"> |
|
|
<i class="fas fa-check text-blue-600"></i> |
|
|
</div> |
|
|
</div> |
|
|
<div class="ml-4"> |
|
|
<h3 class="text-lg font-semibold text-gray-800">多种实例类型</h3> |
|
|
<p class="text-gray-600 mt-1">提供标准型、计算型、内存型、大数据型、GPU型等多种实例类型，满足不同业务场景需求。</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex"> |
|
|
<div class="flex-shrink-0 mt-1"> |
|
|
<div class="bg-blue-100 w-8 h-8 rounded-full flex items-center justify-center"> |
|
|
<i class="fas fa-check text-blue-600"></i> |
|
|
</div> |
|
|
</div> |
|
|
<div class="ml-4"> |
|
|
<h3 class="text-lg font-semibold text-gray-800">丰富的镜像市场</h3> |
|
|
<p class="text-gray-600 mt-1">预装正版操作系统和常用软件，支持 Windows、Linux 等多种系统，一键部署应用环境。</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex"> |
|
|
<div class="flex-shrink-0 mt-1"> |
|
|
<div class="bg-blue-100 w-8 h-8 rounded-full flex items-center justify-center"> |
|
|
<i class="fas fa-check text-blue-600"></i> |
|
|
</div> |
|
|
</div> |
|
|
<div class="ml-4"> |
|
|
<h3 class="text-lg font-semibold text-gray-800">灵活的存储选项</h3> |
|
|
<p class="text-gray-600 mt-1">支持高性能云硬盘、SSD 云硬盘和极速型 SSD，最高提供 32TB 单盘容量，满足各种存储需求。</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex"> |
|
|
<div class="flex-shrink-0 mt-1"> |
|
|
<div class="bg-blue-100 w-8 h-8 rounded-full flex items-center justify-center"> |
|
|
<i class="fas fa-check text-blue-600"></i> |
|
|
</div> |
|
|
</div> |
|
|
<div class="ml-4"> |
|
|
<h3 class="text-lg font-semibold text-gray-800">全球部署</h3> |
|
|
<p class="text-gray-600 mt-1">覆盖全球 26 个地域，70+ 可用区，帮助您的业务快速拓展国际市场。</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="cases" class="py-20 bg-white"> |
|
|
<div class="container mx-auto px-6"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-4">典型应用场景</h2> |
|
|
<p class="text-gray-600 max-w-2xl mx-auto">腾讯云 CVM 适用于各种业务场景，为您提供稳定可靠的计算服务</p> |
|
|
</div> |
|
|
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> |
|
|
<div class="bg-gray-50 rounded-xl overflow-hidden shadow-md"> |
|
|
<img src="https://img.freepik.com/free-vector/website-development-banner_33099-1687.jpg" alt="网站应用" class="w-full h-48 object-cover"> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-3 text-gray-800">网站与应用托管</h3> |
|
|
<p class="text-gray-600 mb-4">为各类网站、Web 应用和移动应用提供稳定、安全的运行环境，支持高并发访问。</p> |
|
|
<div class="flex flex-wrap gap-2"> |
|
|
<span class="px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full">电商网站</span> |
|
|
<span class="px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full">企业官网</span> |
|
|
<span class="px-3 py-1 bg-blue-100 text-blue-800 text-sm rounded-full">APP后端</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bg-gray-50 rounded-xl overflow-hidden shadow-md"> |
|
|
<img src="https://img.freepik.com/free-vector/database-storage-concept-illustration_114360-784.jpg" alt="数据库" class="w-full h-48 object-cover"> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-3 text-gray-800">数据库服务</h3> |
|
|
<p class="text-gray-600 mb-4">为 MySQL、SQL Server、Oracle 等数据库提供高性能运行环境，确保数据安全可靠。</p> |
|
|
<div class="flex flex-wrap gap-2"> |
|
|
<span class="px-3 py-1 bg-green-100 text-green-800 text-sm rounded-full">MySQL</span> |
|
|
<span class="px-3 py-1 bg-green-100 text-green-800 text-sm rounded-full">SQL Server</span> |
|
|
<span class="px-3 py-1 bg-green-100 text-green-800 text-sm rounded-full">Oracle</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bg-gray-50 rounded-xl overflow-hidden shadow-md"> |
|
|
<img src="https://img.freepik.com/free-vector/artificial-intelligence-isometric-flowchart_1284-18093.jpg" alt="AI与大数据" class="w-full h-48 object-cover"> |
|
|
<div class="p-6"> |
|
|
<h3 class="text-xl font-bold mb-3 text-gray-800">AI 与大数据</h3> |
|
|
<p class="text-gray-600 mb-4">提供 GPU 实例和计算优化型实例，满足机器学习、深度学习和大数据分析需求。</p> |
|
|
<div class="flex flex-wrap gap-2"> |
|
|
<span class="px-3 py-1 bg-purple-100 text-purple-800 text-sm rounded-full">机器学习</span> |
|
|
<span class="px-3 py-1 bg-purple-100 text-purple-800 text-sm rounded-full">图像识别</span> |
|
|
<span class="px-3 py-1 bg-purple-100 text-purple-800 text-sm rounded-full">数据分析</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="pricing" class="py-20 bg-gray-50"> |
|
|
<div class="container mx-auto px-6"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-4">灵活的价格方案</h2> |
|
|
<p class="text-gray-600 max-w-2xl mx-auto">根据您的业务需求选择合适的计费方式，降低成本，提高效率</p> |
|
|
</div> |
|
|
<div class="grid md:grid-cols-3 gap-8 max-w-5xl mx-auto"> |
|
|
<div class="pricing-card bg-white p-8 rounded-xl shadow-md border border-gray-200 transition duration-300"> |
|
|
<div class="text-center mb-6"> |
|
|
<h3 class="text-xl font-bold text-gray-800 mb-2">包年包月</h3> |
|
|
<p class="text-gray-600">长期稳定业务首选</p> |
|
|
</div> |
|
|
<div class="text-center mb-6"> |
|
|
<span class="text-4xl font-bold text-blue-600">¥89</span> |
|
|
<span class="text-gray-600">/月起</span> |
|
|
</div> |
|
|
<ul class="space-y-3 mb-8"> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check text-green-500 mr-2"></i> |
|
|
<span class="text-gray-700">长期使用成本最低</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check text-green-500 mr-2"></i> |
|
|
<span class="text-gray-700">1-5年合约可选</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check text-green-500 mr-2"></i> |
|
|
<span class="text-gray-700">适合稳定业务负载</span> |
|
|
</li> |
|
|
</ul> |
|
|
<a href="#buy" class="block w-full py-3 px-6 text-center bg-blue-600 text-white rounded-md hover:bg-blue-700">立即购买</a> |
|
|
</div> |
|
|
<div class="pricing-card bg-white p-8 rounded-xl shadow-lg border-2 border-blue-500 transform scale-105 relative transition duration-300"> |
|
|
<div class="absolute top-0 right-0 bg-blue-600 text-white text-xs font-bold px-3 py-1 rounded-bl-lg rounded-tr-lg">最受欢迎</div> |
|
|
<div class="text-center mb-6"> |
|
|
<h3 class="text-xl font-bold text-gray-800 mb-2">按量付费</h3> |
|
|
<p class="text-gray-600">灵活弹性业务首选</p> |
|
|
</div> |
|
|
<div class="text-center mb-6"> |
|
|
<span class="text-4xl font-bold text-blue-600">¥0.28</span> |
|
|
<span class="text-gray-600">/小时起</span> |
|
|
</div> |
|
|
<ul class="space-y-3 mb-8"> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check text-green-500 mr-2"></i> |
|
|
<span class="text-gray-700">按秒计费，灵活弹性</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check text-green-500 mr-2"></i> |
|
|
<span class="text-gray-700">随时创建释放</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check text-green-500 mr-2"></i> |
|
|
<span class="text-gray-700">适合业务波动场景</span> |
|
|
</li> |
|
|
</ul> |
|
|
<a href="#buy" class="block w-full py-3 px-6 text-center bg-blue-600 text-white rounded-md hover:bg-blue-700">立即购买</a> |
|
|
</div> |
|
|
<div class="pricing-card bg-white p-8 rounded-xl shadow-md border border-gray-200 transition duration-300"> |
|
|
<div class="text-center mb-6"> |
|
|
<h3 class="text-xl font-bold text-gray-800 mb-2">竞价实例</h3> |
|
|
<p class="text-gray-600">成本敏感型业务</p> |
|
|
</div> |
|
|
<div class="text-center mb-6"> |
|
|
<span class="text-4xl font-bold text-blue-600">¥0.12</span> |
|
|
<span class="text-gray-600">/小时起</span> |
|
|
</div> |
|
|
<ul class="space-y-3 mb-8"> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check text-green-500 mr-2"></i> |
|
|
<span class="text-gray-700">价格最低可至1折</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check text-green-500 mr-2"></i> |
|
|
<span class="text-gray-700">适合容错性高的业务</span> |
|
|
</li> |
|
|
<li class="flex items-center"> |
|
|
<i class="fas fa-check text-green-500 mr-2"></i> |
|
|
<span class="text-gray-700">批处理、渲染等场景</span> |
|
|
</li> |
|
|
</ul> |
|
|
<a href="#buy" class="block w-full py-3 px-6 text-center bg-blue-600 text-white rounded-md hover:bg-blue-700">立即购买</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-12 text-center"> |
|
|
<a href="#" class="text-blue-600 hover:text-blue-800 font-medium flex items-center justify-center"> |
|
|
<span>查看详细价格计算器</span> |
|
|
<i class="fas fa-arrow-right ml-2"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="promotion" class="py-20 bg-white"> |
|
|
<div class="container mx-auto px-6"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-4">限时促销活动</h2> |
|
|
<p class="text-gray-600 max-w-2xl mx-auto">新用户专享优惠，助力您的业务快速上云</p> |
|
|
</div> |
|
|
<div class="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto"> |
|
|
<div class="bg-gradient-to-r from-blue-500 to-blue-700 rounded-xl p-8 text-white shadow-xl"> |
|
|
<div class="flex items-center justify-between mb-6"> |
|
|
<h3 class="text-xl font-bold">新用户专享礼包</h3> |
|
|
<div class="bg-white text-blue-600 px-3 py-1 rounded-full text-sm font-bold">限时</div> |
|
|
</div> |
|
|
<p class="mb-6">新用户注册即送价值 ¥2000 代金券，可用于购买云服务器等产品。</p> |
|
|
<div class="flex items-center mb-6"> |
|
|
<div class="bg-white bg-opacity-20 p-3 rounded-lg mr-4"> |
|
|
<i class="fas fa-gift text-2xl"></i> |
|
|
</div> |
|
|
<div> |
|
|
<p class="font-bold text-lg">¥2000</p> |
|
|
<p class="text-sm opacity-80">代金券礼包</p> |
|
|
</div> |
|
|
</div> |
|
|
<a href="#trial" class="inline-block px-6 py-3 bg-white text-blue-600 font-bold rounded-md hover:bg-gray-100">立即领取</a> |
|
|
</div> |
|
|
<div class="bg-gradient-to-r from-purple-500 to-purple-700 rounded-xl p-8 text-white shadow-xl"> |
|
|
<div class="flex items-center justify-between mb-6"> |
|
|
<h3 class="text-xl font-bold">首购特惠</h3> |
|
|
<div class="bg-white text-purple-600 px-3 py-1 rounded-full text-sm font-bold">1折起</div> |
|
|
</div> |
|
|
<p class="mb-6">新用户首购云服务器享1折起优惠，多款配置可选，数量有限。</p> |
|
|
<div class="flex items-center mb-6"> |
|
|
<div class="bg-white bg-opacity-20 p-3 rounded-lg mr-4"> |
|
|
<i class="fas fa-percentage text-2xl"></i> |
|
|
</div> |
|
|
<div> |
|
|
<p class="font-bold text-lg">1折起</p> |
|
|
<p class="text-sm opacity-80">首购优惠</p> |
|
|
</div> |
|
|
</div> |
|
|
<a href="#buy" class="inline-block px-6 py-3 bg-white text-purple-600 font-bold rounded-md hover:bg-gray-100">立即抢购</a> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mt-12 bg-yellow-50 border border-yellow-200 rounded-lg p-6 max-w-4xl mx-auto"> |
|
|
<div class="flex items-start"> |
|
|
<div class="flex-shrink-0 bg-yellow-100 p-3 rounded-full mr-4"> |
|
|
<i class="fas fa-exclamation-circle text-yellow-600"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-lg font-bold text-gray-800 mb-2">活动说明</h3> |
|
|
<p class="text-gray-600">1. 新用户指从未购买过腾讯云付费产品的个人或企业用户；2. 代金券有效期为30天，请在有效期内使用；3. 首购特惠活动每个用户限购1台；4. 活动最终解释权归腾讯云所有。</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="trial" class="py-20 bg-blue-50"> |
|
|
<div class="container mx-auto px-6"> |
|
|
<div class="flex flex-col lg:flex-row items-center"> |
|
|
<div class="lg:w-1/2 mb-10 lg:mb-0"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-4">免费试用腾讯云 CVM</h2> |
|
|
<p class="text-gray-600 mb-8">现在注册腾讯云，即可免费体验云服务器产品，零成本体验云计算魅力。</p> |
|
|
<ul class="space-y-4 mb-8"> |
|
|
<li class="flex items-start"> |
|
|
<div class="flex-shrink-0 bg-blue-100 p-2 rounded-full mr-4"> |
|
|
<i class="fas fa-check text-blue-600"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="font-semibold text-gray-800">7天免费试用</h3> |
|
|
<p class="text-gray-600">提供标准型云服务器7天免费试用，体验完整功能。</p> |
|
|
</div> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<div class="flex-shrink-0 bg-blue-100 p-2 rounded-full mr-4"> |
|
|
<i class="fas fa-check text-blue-600"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="font-semibold text-gray-800">无附加条件</h3> |
|
|
<p class="text-gray-600">无需绑定信用卡，注册即可试用，试用到期自动停止。</p> |
|
|
</div> |
|
|
</li> |
|
|
<li class="flex items-start"> |
|
|
<div class="flex-shrink-0 bg-blue-100 p-2 rounded-full mr-4"> |
|
|
<i class="fas fa-check text-blue-600"></i> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="font-semibold text-gray-800">专业技术支持</h3> |
|
|
<p class="text-gray-600">试用期间享受与付费用户同等的技术支持服务。</p> |
|
|
</div> |
|
|
</li> |
|
|
</ul> |
|
|
<a href="#" class="inline-block px-8 py-3 bg-blue-600 text-white font-bold rounded-md hover:bg-blue-700">立即免费试用</a> |
|
|
</div> |
|
|
<div class="lg:w-1/2 lg:pl-16 relative"> |
|
|
<img src="https://img.freepik.com/free-vector/cloud-hosting-illustration_24877-51050.jpg" alt="免费试用" class="rounded-lg shadow-xl w-full"> |
|
|
<div class="absolute -bottom-6 -right-6 bg-white p-6 rounded-lg shadow-lg hidden lg:block floating-btn"> |
|
|
<div class="flex items-center"> |
|
|
<div class="bg-green-100 p-3 rounded-full mr-4"> |
|
|
<i class="fas fa-user-plus text-green-600 text-xl"></i> |
|
|
</div> |
|
|
<div> |
|
|
<p class="font-bold text-gray-800">今日已有 <span class="text-blue-600">1,248</span> 人申请</p> |
|
|
<p class="text-sm text-gray-600">免费试用名额有限</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="buy" class="py-20 bg-white"> |
|
|
<div class="container mx-auto px-6"> |
|
|
<div class="max-w-4xl mx-auto bg-gray-50 rounded-xl p-8 md:p-12 shadow-md"> |
|
|
<div class="text-center mb-10"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-4">立即购买腾讯云 CVM</h2> |
|
|
<p class="text-gray-600">简单三步，快速开启您的云计算之旅</p> |
|
|
</div> |
|
|
<div class="grid md:grid-cols-3 gap-8 mb-12"> |
|
|
<div class="text-center"> |
|
|
<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
|
|
<span class="text-blue-600 font-bold text-xl">1</span> |
|
|
</div> |
|
|
<h3 class="font-bold text-gray-800 mb-2">选择配置</h3> |
|
|
<p class="text-gray-600">根据业务需求选择实例规格、地域和镜像</p> |
|
|
</div> |
|
|
<div class="text-center"> |
|
|
<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
|
|
<span class="text-blue-600 font-bold text-xl">2</span> |
|
|
</div> |
|
|
<h3 class="font-bold text-gray-800 mb-2">设置网络</h3> |
|
|
<p class="text-gray-600">配置网络、安全组和登录方式</p> |
|
|
</div> |
|
|
<div class="text-center"> |
|
|
<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
|
|
<span class="text-blue-600 font-bold text-xl">3</span> |
|
|
</div> |
|
|
<h3 class="font-bold text-gray-800 mb-2">确认购买</h3> |
|
|
<p class="text-gray-600">选择计费方式，确认订单并支付</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="text-center"> |
|
|
<a href="#" class="inline-block px-8 py-4 bg-blue-600 text-white font-bold rounded-md hover:bg-blue-700 text-lg">前往控制台购买</a> |
|
|
<p class="mt-4 text-gray-600">或 <a href="#contact" class="text-blue-600 hover:underline">联系销售顾问</a> 获取定制化方案</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="faq" class="py-20 bg-gray-50"> |
|
|
<div class="container mx-auto px-6"> |
|
|
<div class="text-center mb-16"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-4">常见问题</h2> |
|
|
<p class="text-gray-600 max-w-2xl mx-auto">以下是用户最关心的一些问题，如有其他疑问，请联系我们</p> |
|
|
</div> |
|
|
<div class="max-w-3xl mx-auto"> |
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden mb-6"> |
|
|
<button class="faq-toggle w-full flex items-center justify-between p-6 text-left"> |
|
|
<h3 class="font-bold text-gray-800">腾讯云服务器 CVM 支持哪些操作系统？</h3> |
|
|
<i class="fas fa-chevron-down text-gray-500 transition-transform"></i> |
|
|
</button> |
|
|
<div class="faq-content px-6 pb-6"> |
|
|
<p class="text-gray-600">腾讯云 CVM 支持多种主流操作系统，包括但不限于：</p> |
|
|
<ul class="list-disc pl-5 mt-2 text-gray-600 space-y-1"> |
|
|
<li>Windows Server 2008/2012/2016/2019/2022</li> |
|
|
<li>CentOS 7/8</li> |
|
|
<li>Ubuntu 16.04/18.04/20.04</li> |
|
|
<li>Debian 9/10</li> |
|
|
<li>openSUSE</li> |
|
|
<li>FreeBSD</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden mb-6"> |
|
|
<button class="faq-toggle w-full flex items-center justify-between p-6 text-left"> |
|
|
<h3 class="font-bold text-gray-800">如何选择合适的云服务器配置？</h3> |
|
|
<i class="fas fa-chevron-down text-gray-500 transition-transform"></i> |
|
|
</button> |
|
|
<div class="faq-content px-6 pb-6"> |
|
|
<p class="text-gray-600">选择云服务器配置需根据您的业务需求：</p> |
|
|
<ul class="list-disc pl-5 mt-2 text-gray-600 space-y-1"> |
|
|
<li><strong>网站/应用：</strong>中小型网站可选择1-4核CPU，2-8GB内存</li> |
|
|
<li><strong>数据库：</strong>建议选择内存优化型实例，8GB以上内存</li> |
|
|
<li><strong>大数据/AI：</strong>选择计算优化型或GPU型实例</li> |
|
|
<li><strong>企业应用：</strong>根据应用需求和并发量选择配置，可咨询我们的架构师</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden mb-6"> |
|
|
<button class="faq-toggle w-full flex items-center justify-between p-6 text-left"> |
|
|
<h3 class="font-bold text-gray-800">CVM 的数据安全性如何保障？</h3> |
|
|
<i class="fas fa-chevron-down text-gray-500 transition-transform"></i> |
|
|
</button> |
|
|
<div class="faq-content px-6 pb-6"> |
|
|
<p class="text-gray-600">腾讯云提供多层次安全防护：</p> |
|
|
<ul class="list-disc pl-5 mt-2 text-gray-600 space-y-1"> |
|
|
<li>免费提供5Gbps的DDoS基础防护</li> |
|
|
<li>支持安全组和网络ACL，精确控制访问权限</li> |
|
|
<li>提供Web应用防火墙保护网站安全</li> |
|
|
<li>支持数据加密存储和传输</li> |
|
|
<li>主机安全防护，防病毒、防入侵</li> |
|
|
<li>99.95%的服务可用性SLA保障</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden mb-6"> |
|
|
<button class="faq-toggle w-full flex items-center justify-between p-6 text-left"> |
|
|
<h3 class="font-bold text-gray-800">免费试用有哪些限制？</h3> |
|
|
<i class="fas fa-chevron-down text-gray-500 transition-transform"></i> |
|
|
</button> |
|
|
<div class="faq-content px-6 pb-6"> |
|
|
<p class="text-gray-600">免费试用的限制如下：</p> |
|
|
<ul class="list-disc pl-5 mt-2 text-gray-600 space-y-1"> |
|
|
<li>试用时长为7天，到期后自动停止</li> |
|
|
<li>每个用户限试用1台1核2GB的云服务器</li> |
|
|
<li>试用期间如需更高级配置，可直接升级为付费用户</li> |
|
|
<li>试用期间的所有操作都会被保留，如需继续使用请及时付费</li> |
|
|
<li>试用资源数量有限，先到先得</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bg-white rounded-xl shadow-md overflow-hidden"> |
|
|
<button class="faq-toggle w-full flex items-center justify-between p-6 text-left"> |
|
|
<h3 class="font-bold text-gray-800">如何获取技术支持？</h3> |
|
|
<i class="fas fa-chevron-down text-gray-500 transition-transform"></i> |
|
|
</button> |
|
|
<div class="faq-content px-6 pb-6"> |
|
|
<p class="text-gray-600">腾讯云提供多种技术支持渠道：</p> |
|
|
<ul class="list-disc pl-5 mt-2 text-gray-600 space-y-1"> |
|
|
<li><strong>在线工单系统：</strong>7×24小时专业技术支持响应</li> |
|
|
<li><strong>客服热线：</strong>4009-100-100</li> |
|
|
<li><strong>在线咨询：</strong>官网在线客服系统</li> |
|
|
<li><strong>文档中心：</strong>详细的产品文档和教程</li> |
|
|
<li><strong>社区支持：</strong>技术社区专家答疑</li> |
|
|
<li>大客户可享受专属技术经理服务</li> |
|
|
</ul> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="contact" class="py-20 bg-white"> |
|
|
<div class="container mx-auto px-6"> |
|
|
<div class="max-w-4xl mx-auto bg-gray-50 rounded-xl p-8 md:p-12 shadow-md"> |
|
|
<div class="text-center mb-10"> |
|
|
<h2 class="text-3xl font-bold text-gray-800 mb-4">联系我们</h2> |
|
|
<p class="text-gray-600">我们的云专家将为您提供专业咨询和服务</p> |
|
|
</div> |
|
|
<div class="grid md:grid-cols-3 gap-8 mb-12"> |
|
|
<div class="text-center"> |
|
|
<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
|
|
<i class="fas fa-phone-alt text-blue-600 text-xl"></i> |
|
|
</div> |
|
|
<h3 class="font-bold text-gray-800 mb-2">电话咨询</h3> |
|
|
<p class="text-gray-600 mb-2">4009-100-100</p> |
|
|
<p class="text-sm text-gray-500">7×24小时服务热线</p> |
|
|
</div> |
|
|
<div class="text-center"> |
|
|
<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
|
|
<i class="fas fa-comments text-blue-600 text-xl"></i> |
|
|
</div> |
|
|
<h3 class="font-bold text-gray-800 mb-2">在线咨询</h3> |
|
|
<p class="text-gray-600 mb-2">官网在线客服</p> |
|
|
<p class="text-sm text-gray-500">工作日9:00-18:00</p> |
|
|
</div> |
|
|
<div class="text-center"> |
|
|
<div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-4"> |
|
|
<i class="fas fa-envelope text-blue-600 text-xl"></i> |
|
|
</div> |
|
|
<h3 class="font-bold text-gray-800 mb-2">邮件联系</h3> |
|
|
<p class="text-gray-600 mb-2">sales@tencentcloud.com</p> |
|
|
<p class="text-sm text-gray-500">24小时内回复</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bg-blue-50 rounded-lg p-6"> |
|
|
<h3 class="font-bold text-gray-800 mb-4">获取定制化方案</h3> |
|
|
<form> |
|
|
<div class="grid md:grid-cols-2 gap-6 mb-6"> |
|
|
<div> |
|
|
<label for="name" class="block text-sm font-medium text-gray-700 mb-1">姓名</label> |
|
|
<input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"> |
|
|
</div> |
|
|
<div> |
|
|
<label for="company" class="block text-sm font-medium text-gray-700 mb-1">公司</label> |
|
|
<input type="text" id="company" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"> |
|
|
</div> |
|
|
<div> |
|
|
<label for="phone" class="block text-sm font-medium text-gray-700 mb-1">电话</label> |
|
|
<input type="tel" id="phone" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"> |
|
|
</div> |
|
|
<div> |
|
|
<label for="email" class="block text-sm font-medium text-gray-700 mb-1">邮箱</label> |
|
|
<input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mb-6"> |
|
|
<label for="message" class="block text-sm font-medium text-gray-700 mb-1">需求描述</label> |
|
|
<textarea id="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500"></textarea> |
|
|
</div> |
|
|
<button type="submit" class="w-full py-3 px-6 bg-blue-600 text-white font-bold rounded-md hover:bg-blue-700">提交需求</button> |
|
|
</form> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<footer class="bg-gray-900 text-white py-12"> |
|
|
<div class="container mx-auto px-6"> |
|
|
<div class="grid md:grid-cols-4 gap-12"> |
|
|
<div> |
|
|
<img src="https://static.tencentcloud.com/static/portal/logo-white.svg" alt="腾讯云" class="h-10 mb-4"> |
|
|
<p class="text-gray-400">腾讯云提供全球领先的云计算服务，助力企业数字化转型</p> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-lg font-bold mb-4">产品中心</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">云服务器 CVM</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">云数据库 MySQL</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">对象存储 COS</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">内容分发网络 CDN</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">云安全中心</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-lg font-bold mb-4">支持与帮助</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">文档中心</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">开发者社区</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">API Explorer</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">产品咨询</a></li> |
|
|
<li><a href="#" class="text-gray-400 hover:text-white">备案服务</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
<div> |
|
|
<h3 class="text-lg font-bold mb-4">关注我们</h3> |
|
|
<div class="flex space-x-4 mb-6"> |
|
|
<a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-blue-600"> |
|
|
<i class="fab fa-weixin"></i> |
|
|
</a> |
|
|
<a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-blue-500"> |
|
|
<i class="fab fa-weibo"></i> |
|
|
</a> |
|
|
<a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-black"> |
|
|
<i class="fab fa-github"></i> |
|
|
</a> |
|
|
<a href="#" class="w-10 h-10 rounded-full bg-gray-800 flex items-center justify-center hover:bg-red-600"> |
|
|
<i class="fab fa-youtube"></i> |
|
|
</a> |
|
|
</div> |
|
|
<p class="text-gray-400">客服热线：4009-100-100</p> |
|
|
<p class="text-gray-400">7×24小时为您服务</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-400 text-sm"> |
|
|
<p>© 2023 腾讯云计算(北京)有限责任公司 版权所有 京ICP备11018762号 京公网安备11010802020424</p> |
|
|
<p class="mt-2"><a href="#" class="hover:text-white">法律声明</a> | <a href="#" class="hover:text-white">隐私政策</a> | <a href="#" class="hover:text-white">服务协议</a></p> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
<script> |
|
|
|
|
|
document.querySelectorAll('.faq-toggle').forEach(button => { |
|
|
button.addEventListener('click', () => { |
|
|
const content = button.nextElementSibling; |
|
|
const icon = button.querySelector('i'); |
|
|
|
|
|
content.classList.toggle('show'); |
|
|
icon.classList.toggle('rotate-icon'); |
|
|
|
|
|
|
|
|
document.querySelectorAll('.faq-content').forEach(item => { |
|
|
if (item !== content && item.classList.contains('show')) { |
|
|
item.classList.remove('show'); |
|
|
item.previousElementSibling.querySelector('i').classList.remove('rotate-icon'); |
|
|
} |
|
|
}); |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
document.querySelectorAll('a[href^="#"]').forEach(anchor => { |
|
|
anchor.addEventListener('click', function (e) { |
|
|
e.preventDefault(); |
|
|
|
|
|
const target = document.querySelector(this.getAttribute('href')); |
|
|
if (target) { |
|
|
window.scrollTo({ |
|
|
top: target.offsetTop - 100, |
|
|
behavior: 'smooth' |
|
|
}); |
|
|
} |
|
|
}); |
|
|
}); |
|
|
</script> |
|
|
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - <a href="https://enzostvs-deepsite.hf.space?remix=topjace/ruyi" style="color: #fff;text-decoration: underline;" target="_blank" >🧬 Remix</a></p></body> |
|
|
</html> |
