367 lines
23 KiB
HTML
367 lines
23 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="zh-CN">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|||
|
|
<title>AWS云服务专家 - 解决方案</title>
|
|||
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
|
|||
|
|
<link rel="stylesheet" href="src/css/styles.css">
|
|||
|
|
<style>
|
|||
|
|
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap');
|
|||
|
|
body {
|
|||
|
|
font-family: 'Roboto', sans-serif;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
<body class="bg-white">
|
|||
|
|
<!-- 导航栏 -->
|
|||
|
|
<nav class="bg-[#232F3E] shadow-md fixed w-full z-50">
|
|||
|
|
<div class="container mx-auto px-4 py-4">
|
|||
|
|
<div class="flex items-center justify-between">
|
|||
|
|
<a href="index.html" class="flex items-center text-white">
|
|||
|
|
<i class="fas fa-cloud text-2xl mr-2"></i>
|
|||
|
|
<span class="text-xl font-bold">云服务专家</span>
|
|||
|
|
</a>
|
|||
|
|
<!-- 移动端菜单按钮 -->
|
|||
|
|
<button class="md:hidden text-white mobile-menu-button" aria-label="打开菜单">
|
|||
|
|
<i class="fas fa-bars text-2xl"></i>
|
|||
|
|
</button>
|
|||
|
|
<!-- 桌面端导航 -->
|
|||
|
|
<div class="hidden md:flex space-x-6">
|
|||
|
|
<a href="index.html" class="text-white/85 hover:text-gray-300">首页</a>
|
|||
|
|
<a href="products.html" class="text-white/85 hover:text-gray-300">AWS产品</a>
|
|||
|
|
<a href="solutions.html" class="text-white hover:text-gray-300">解决方案</a>
|
|||
|
|
<a href="cases.html" class="text-white/85 hover:text-gray-300">客户案例</a>
|
|||
|
|
<a href="about.html" class="text-white/85 hover:text-gray-300">关于我们</a>
|
|||
|
|
<a href="contact.html" class="text-white/85 hover:text-gray-300">联系我们</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- 移动端菜单 -->
|
|||
|
|
<div class="md:hidden hidden mobile-menu">
|
|||
|
|
<div class="flex flex-col space-y-4 mt-4">
|
|||
|
|
<a href="index.html" class="text-white hover:text-gray-300">首页</a>
|
|||
|
|
<a href="products.html" class="text-white/85 hover:text-gray-300">AWS产品</a>
|
|||
|
|
<a href="solutions.html" class="text-white hover:text-gray-300">解决方案</a>
|
|||
|
|
<a href="cases.html" class="text-white/85 hover:text-gray-300">客户案例</a>
|
|||
|
|
<a href="about.html" class="text-white/85 hover:text-gray-300">关于我们</a>
|
|||
|
|
<a href="contact.html" class="text-white/85 hover:text-gray-300">联系我们</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</nav>
|
|||
|
|
|
|||
|
|
<!-- 页面标题 -->
|
|||
|
|
<section class="relative bg-gradient-to-b from-[#232F3E]/80 to-[#232F3E]/90 text-white py-24 md:py-32">
|
|||
|
|
<div class="container mx-auto px-4 text-center">
|
|||
|
|
<h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-6 leading-tight">AWS解决方案</h1>
|
|||
|
|
<p class="text-xl md:text-2xl text-white/90 mb-8 leading-relaxed">针对不同行业和业务场景，提供量身定制的AWS云解决方案</p>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- 解决方案列表 -->
|
|||
|
|
<section class="section">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="max-w-4xl mx-auto text-center mb-16">
|
|||
|
|
<h2 class="text-4xl font-bold text-[#333333] mb-4 mt-24">计算服务</h2>
|
|||
|
|
<p class="text-xl text-gray-600 leading-relaxed">灵活、可扩展的计算能力，支持各种工作负载</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
|
|||
|
|
<!-- 网站托管 -->
|
|||
|
|
<div class="bg-white rounded-lg shadow-lg overflow-hidden hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1">
|
|||
|
|
<div class="h-48 bg-gradient-to-br from-[#FF9900]/20 to-[#FF9900]/10 flex items-center justify-center">
|
|||
|
|
<i class="fas fa-server text-6xl text-[#FF9900]"></i>
|
|||
|
|
</div>
|
|||
|
|
<div class="p-8">
|
|||
|
|
<h3 class="text-2xl font-semibold mb-4">网站托管解决方案</h3>
|
|||
|
|
<p class="text-gray-600 leading-relaxed mb-6">基于AWS构建高可用、可扩展、安全的网站托管平台，支持静态和动态网站。</p>
|
|||
|
|
<ul class="space-y-3 mb-6">
|
|||
|
|
<li class="flex items-start">
|
|||
|
|
<i class="fas fa-check text-green-500 mr-3 mt-1"></i>
|
|||
|
|
<span class="text-gray-600">高可用架构，保证业务连续性</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="flex items-start">
|
|||
|
|
<i class="fas fa-check text-green-500 mr-3 mt-1"></i>
|
|||
|
|
<span class="text-gray-600">弹性伸缩，轻松应对流量高峰</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="flex items-start">
|
|||
|
|
<i class="fas fa-check text-green-500 mr-3 mt-1"></i>
|
|||
|
|
<span class="text-gray-600">全球CDN加速，提升访问速度</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="flex items-start">
|
|||
|
|
<i class="fas fa-check text-green-500 mr-3 mt-1"></i>
|
|||
|
|
<span class="text-gray-600">WAF防火墙，增强网站安全性</span>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<a href="#" class="inline-flex items-center text-[#FF9900] hover:text-[#FF9900]/90 font-semibold">
|
|||
|
|
了解详情
|
|||
|
|
<i class="fas fa-arrow-right ml-2"></i>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 企业上云 -->
|
|||
|
|
<div class="bg-white rounded-lg shadow-lg overflow-hidden hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1">
|
|||
|
|
<div class="h-48 bg-gradient-to-br from-[#FF9900]/20 to-[#FF9900]/10 flex items-center justify-center">
|
|||
|
|
<i class="fas fa-cloud-upload-alt text-6xl text-[#FF9900]"></i>
|
|||
|
|
</div>
|
|||
|
|
<div class="p-8">
|
|||
|
|
<h3 class="text-2xl font-semibold mb-4">企业上云迁移方案</h3>
|
|||
|
|
<p class="text-gray-600 leading-relaxed mb-6">为企业提供平滑、安全的上云迁移服务，包括评估、规划、实施和优化。</p>
|
|||
|
|
<ul class="space-y-3 mb-6">
|
|||
|
|
<li class="flex items-start">
|
|||
|
|
<i class="fas fa-check text-green-500 mr-3 mt-1"></i>
|
|||
|
|
<span class="text-gray-600">全面的迁移评估与规划</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="flex items-start">
|
|||
|
|
<i class="fas fa-check text-green-500 mr-3 mt-1"></i>
|
|||
|
|
<span class="text-gray-600">多种迁移策略选择</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="flex items-start">
|
|||
|
|
<i class="fas fa-check text-green-500 mr-3 mt-1"></i>
|
|||
|
|
<span class="text-gray-600">专业的迁移实施与数据同步</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="flex items-start">
|
|||
|
|
<i class="fas fa-check text-green-500 mr-3 mt-1"></i>
|
|||
|
|
<span class="text-gray-600">迁移后的性能优化与成本管理</span>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<a href="#" class="inline-flex items-center text-[#FF9900] hover:text-[#FF9900]/90 font-semibold">
|
|||
|
|
了解详情
|
|||
|
|
<i class="fas fa-arrow-right ml-2"></i>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 灾备方案 -->
|
|||
|
|
<div class="bg-white rounded-lg shadow-lg overflow-hidden hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1">
|
|||
|
|
<div class="h-48 bg-gradient-to-br from-[#FF9900]/20 to-[#FF9900]/10 flex items-center justify-center">
|
|||
|
|
<i class="fas fa-shield-alt text-6xl text-[#FF9900]"></i>
|
|||
|
|
</div>
|
|||
|
|
<div class="p-8">
|
|||
|
|
<h3 class="text-2xl font-semibold mb-4">云上灾备解决方案</h3>
|
|||
|
|
<p class="text-gray-600 leading-relaxed mb-6">利用AWS构建经济高效、可靠的灾难恢复解决方案，保障业务连续性。</p>
|
|||
|
|
<ul class="space-y-3 mb-6">
|
|||
|
|
<li class="flex items-start">
|
|||
|
|
<i class="fas fa-check text-green-500 mr-3 mt-1"></i>
|
|||
|
|
<span class="text-gray-600">多种灾备模式选择</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="flex items-start">
|
|||
|
|
<i class="fas fa-check text-green-500 mr-3 mt-1"></i>
|
|||
|
|
<span class="text-gray-600">低RPO/RTO目标，快速恢复业务</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="flex items-start">
|
|||
|
|
<i class="fas fa-check text-green-500 mr-3 mt-1"></i>
|
|||
|
|
<span class="text-gray-600">跨区域/跨可用区部署</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="flex items-start">
|
|||
|
|
<i class="fas fa-check text-green-500 mr-3 mt-1"></i>
|
|||
|
|
<span class="text-gray-600">自动化灾备演练</span>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<a href="#" class="inline-flex items-center text-[#FF9900] hover:text-[#FF9900]/90 font-semibold">
|
|||
|
|
了解详情
|
|||
|
|
<i class="fas fa-arrow-right ml-2"></i>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 大数据分析 -->
|
|||
|
|
<div class="bg-white rounded-lg shadow-lg overflow-hidden hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1">
|
|||
|
|
<div class="h-48 bg-gradient-to-br from-[#FF9900]/20 to-[#FF9900]/10 flex items-center justify-center">
|
|||
|
|
<i class="fas fa-database text-6xl text-[#FF9900]"></i>
|
|||
|
|
</div>
|
|||
|
|
<div class="p-8">
|
|||
|
|
<h3 class="text-2xl font-semibold mb-4">大数据分析平台</h3>
|
|||
|
|
<p class="text-gray-600 leading-relaxed mb-6">基于AWS构建可扩展、高性能的大数据处理与分析平台，挖掘数据价值。</p>
|
|||
|
|
<ul class="space-y-3 mb-6">
|
|||
|
|
<li class="flex items-start">
|
|||
|
|
<i class="fas fa-check text-green-500 mr-3 mt-1"></i>
|
|||
|
|
<span class="text-gray-600">构建数据湖与数据仓库</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="flex items-start">
|
|||
|
|
<i class="fas fa-check text-green-500 mr-3 mt-1"></i>
|
|||
|
|
<span class="text-gray-600">使用EMR进行大数据处理</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="flex items-start">
|
|||
|
|
<i class="fas fa-check text-green-500 mr-3 mt-1"></i>
|
|||
|
|
<span class="text-gray-600">实时数据流处理</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="flex items-start">
|
|||
|
|
<i class="fas fa-check text-green-500 mr-3 mt-1"></i>
|
|||
|
|
<span class="text-gray-600">机器学习与AI服务</span>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<a href="#" class="inline-flex items-center text-[#FF9900] hover:text-[#FF9900]/90 font-semibold">
|
|||
|
|
了解详情
|
|||
|
|
<i class="fas fa-arrow-right ml-2"></i>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 微服务架构 -->
|
|||
|
|
<div class="bg-white rounded-lg shadow-lg overflow-hidden hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1">
|
|||
|
|
<div class="h-48 bg-gradient-to-br from-[#FF9900]/20 to-[#FF9900]/10 flex items-center justify-center">
|
|||
|
|
<i class="fas fa-cubes text-6xl text-[#FF9900]"></i>
|
|||
|
|
</div>
|
|||
|
|
<div class="p-8">
|
|||
|
|
<h3 class="text-2xl font-semibold mb-4">微服务架构方案</h3>
|
|||
|
|
<p class="text-gray-600 leading-relaxed mb-6">利用AWS容器服务和无服务器构建现代化的微服务架构。</p>
|
|||
|
|
<ul class="space-y-3 mb-6">
|
|||
|
|
<li class="flex items-start">
|
|||
|
|
<i class="fas fa-check text-green-500 mr-3 mt-1"></i>
|
|||
|
|
<span class="text-gray-600">容器化部署与编排</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="flex items-start">
|
|||
|
|
<i class="fas fa-check text-green-500 mr-3 mt-1"></i>
|
|||
|
|
<span class="text-gray-600">API网关管理服务接口</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="flex items-start">
|
|||
|
|
<i class="fas fa-check text-green-500 mr-3 mt-1"></i>
|
|||
|
|
<span class="text-gray-600">服务发现与负载均衡</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="flex items-start">
|
|||
|
|
<i class="fas fa-check text-green-500 mr-3 mt-1"></i>
|
|||
|
|
<span class="text-gray-600">DevOps与CI/CD集成</span>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<a href="#" class="inline-flex items-center text-[#FF9900] hover:text-[#FF9900]/90 font-semibold">
|
|||
|
|
了解详情
|
|||
|
|
<i class="fas fa-arrow-right ml-2"></i>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<!-- 更多解决方案 -->
|
|||
|
|
<div class="bg-white rounded-lg shadow-lg overflow-hidden hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 border-2 border-dashed border-gray-300">
|
|||
|
|
<div class="h-48 bg-gradient-to-br from-[#FF9900]/10 to-[#FF9900]/5 flex items-center justify-center">
|
|||
|
|
<i class="fas fa-ellipsis-h text-6xl text-gray-400"></i>
|
|||
|
|
</div>
|
|||
|
|
<div class="p-8 text-center">
|
|||
|
|
<h3 class="text-2xl font-semibold mb-4">更多定制化方案</h3>
|
|||
|
|
<p class="text-gray-600 leading-relaxed mb-6">我们还可根据您的具体需求，提供更多行业的定制化解决方案。</p>
|
|||
|
|
<a href="contact.html" class="inline-flex items-center text-[#FF9900] hover:text-[#FF9900]/90 font-semibold">
|
|||
|
|
立即咨询
|
|||
|
|
<i class="fas fa-arrow-right ml-2"></i>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- 为什么选择我们 -->
|
|||
|
|
<section class="section bg-gray-50">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="max-w-4xl mx-auto text-center mb-16">
|
|||
|
|
<h2 class="text-4xl font-bold text-[#333333] mb-4">为什么选择我们的解决方案?</h2>
|
|||
|
|
<p class="text-xl text-gray-600 leading-relaxed">结合AWS最佳实践和我们的专业经验，为您打造最优方案</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="grid md:grid-cols-3 gap-8">
|
|||
|
|
<div class="bg-white p-8 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 text-center">
|
|||
|
|
<div class="w-20 h-20 bg-gradient-to-br from-[#0D6EFD]/20 to-[#0D6EFD]/10 rounded-full flex items-center justify-center mx-auto mb-6">
|
|||
|
|
<i class="fas fa-certificate text-[#0D6EFD] text-3xl"></i>
|
|||
|
|
</div>
|
|||
|
|
<h3 class="text-2xl font-semibold mb-4">AWS官方认证</h3>
|
|||
|
|
<p class="text-gray-600 leading-relaxed">拥有多名AWS认证专家，具备深厚的技术实力和项目经验</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="bg-white p-8 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 text-center">
|
|||
|
|
<div class="w-20 h-20 bg-gradient-to-br from-[#0D6EFD]/20 to-[#0D6EFD]/10 rounded-full flex items-center justify-center mx-auto mb-6">
|
|||
|
|
<i class="fas fa-users-cog text-[#0D6EFD] text-3xl"></i>
|
|||
|
|
</div>
|
|||
|
|
<h3 class="text-2xl font-semibold mb-4">客户成功导向</h3>
|
|||
|
|
<p class="text-gray-600 leading-relaxed">深入理解客户业务需求，提供最适合的解决方案，助力客户成功</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="bg-white p-8 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 text-center">
|
|||
|
|
<div class="w-20 h-20 bg-gradient-to-br from-[#0D6EFD]/20 to-[#0D6EFD]/10 rounded-full flex items-center justify-center mx-auto mb-6">
|
|||
|
|
<i class="fas fa-handshake text-[#0D6EFD] text-3xl"></i>
|
|||
|
|
</div>
|
|||
|
|
<h3 class="text-2xl font-semibold mb-4">全程专业服务</h3>
|
|||
|
|
<p class="text-gray-600 leading-relaxed">提供从咨询、设计、实施到运维的全生命周期服务支持</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- 联系我们 -->
|
|||
|
|
<section class="section bg-[#232F3E] text-white">
|
|||
|
|
<div class="container text-center">
|
|||
|
|
<h2 class="text-4xl font-bold mb-6">需要定制化解决方案?</h2>
|
|||
|
|
<p class="text-xl mb-8 max-w-2xl mx-auto leading-relaxed">立即联系我们的解决方案架构师，获取免费咨询和方案设计</p>
|
|||
|
|
<a href="contact.html" class="inline-flex items-center bg-white text-black px-8 py-4 rounded-lg hover:bg-gray-100 transition-colors duration-300 text-lg font-semibold">
|
|||
|
|
免费咨询
|
|||
|
|
<i class="fas fa-headset ml-2"></i>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<!-- 页脚 -->
|
|||
|
|
<footer class="bg-[#232F3E] text-white py-12">
|
|||
|
|
<div class="container">
|
|||
|
|
<div class="grid md:grid-cols-4 gap-8">
|
|||
|
|
<div>
|
|||
|
|
<h5 class="text-lg font-semibold mb-4">云服务专家</h5>
|
|||
|
|
<p class="text-white/50 mb-4">专业的AWS云服务解决方案提供商，致力于帮助企业实现数字化转型</p>
|
|||
|
|
<div class="flex space-x-4">
|
|||
|
|
<a href="#" class="text-white/50 hover:text-white"><i class="fab fa-weixin"></i></a>
|
|||
|
|
<a href="#" class="text-white/50 hover:text-white"><i class="fab fa-weibo"></i></a>
|
|||
|
|
<a href="#" class="text-white/50 hover:text-white"><i class="fab fa-linkedin"></i></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<h5 class="text-lg font-semibold mb-4">AWS产品</h5>
|
|||
|
|
<ul class="space-y-2">
|
|||
|
|
<li><a href="products.html" class="text-white/70 hover:text-white">EC2 云服务器</a></li>
|
|||
|
|
<li><a href="products.html" class="text-white/70 hover:text-white">S3 对象存储</a></li>
|
|||
|
|
<li><a href="products.html" class="text-white/70 hover:text-white">RDS 数据库服务</a></li>
|
|||
|
|
<li><a href="products.html" class="text-white/70 hover:text-white">Lambda 无服务器</a></li>
|
|||
|
|
<li><a href="products.html" class="text-white/70 hover:text-white">更多产品...</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<h5 class="text-lg font-semibold mb-4">解决方案</h5>
|
|||
|
|
<ul class="space-y-2">
|
|||
|
|
<li><a href="solutions.html" class="text-white/70 hover:text-white">网站托管</a></li>
|
|||
|
|
<li><a href="solutions.html" class="text-white/70 hover:text-white">企业上云</a></li>
|
|||
|
|
<li><a href="solutions.html" class="text-white/70 hover:text-white">灾备方案</a></li>
|
|||
|
|
<li><a href="solutions.html" class="text-white/70 hover:text-white">大数据分析</a></li>
|
|||
|
|
<li><a href="solutions.html" class="text-white/70 hover:text-white">微服务架构</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<h5 class="text-lg font-semibold mb-4">联系我们</h5>
|
|||
|
|
<ul class="space-y-2">
|
|||
|
|
<li class="flex items-center">
|
|||
|
|
<i class="fas fa-map-marker-alt mr-2 text-white/50"></i>
|
|||
|
|
<span class="text-white/50">北京市朝阳区某某大厦</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="flex items-center">
|
|||
|
|
<i class="fas fa-phone mr-2 text-white/50"></i>
|
|||
|
|
<span class="text-white/50">400-123-4567</span>
|
|||
|
|
</li>
|
|||
|
|
<li class="flex items-center">
|
|||
|
|
<i class="fas fa-envelope mr-2 text-white/50"></i>
|
|||
|
|
<span class="text-white/50">contact@example.com</span>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="border-t border-white/25 mt-12 pt-8">
|
|||
|
|
<div class="flex flex-col md:flex-row justify-between items-center">
|
|||
|
|
<p class="text-white/50">© 2023 云服务专家. 保留所有权利</p>
|
|||
|
|
<div class="flex space-x-6 mt-4 md:mt-0">
|
|||
|
|
<a href="#" class="text-white/50 hover:text-white">隐私政策</a>
|
|||
|
|
<a href="#" class="text-white/50 hover:text-white">服务条款</a>
|
|||
|
|
<a href="#" class="text-white/50 hover:text-white">网站地图</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</footer>
|
|||
|
|
|
|||
|
|
<script src="src/js/main.js"></script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|