283 lines
17 KiB
HTML
283 lines
17 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/85 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 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/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/85 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 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">关于我们</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="grid md:grid-cols-2 gap-12 items-center">
|
||
<div>
|
||
<h2 class="text-4xl font-bold text-[#333333] mb-8 mt-24">公司简介</h2>
|
||
<p class="text-gray-600 mb-4 text-lg leading-relaxed">云服务专家成立于2018年，是AWS授权的云服务解决方案提供商。我们致力于为企业提供专业的云计算咨询、迁移、运维和优化服务。</p>
|
||
<p class="text-gray-600 mb-8 text-lg leading-relaxed">作为AWS高级合作伙伴，我们拥有丰富的云服务实施经验和专业的技术团队，已成功帮助数百家企业完成云上转型。</p>
|
||
<ul class="space-y-4">
|
||
<li class="flex items-center text-lg">
|
||
<i class="fas fa-check-circle text-green-500 mr-3"></i>
|
||
<span class="text-gray-700">AWS高级合作伙伴认证</span>
|
||
</li>
|
||
<li class="flex items-center text-lg">
|
||
<i class="fas fa-check-circle text-green-500 mr-3"></i>
|
||
<span class="text-gray-700">100+成功案例</span>
|
||
</li>
|
||
<li class="flex items-center text-lg">
|
||
<i class="fas fa-check-circle text-green-500 mr-3"></i>
|
||
<span class="text-gray-700">50+AWS认证工程师</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="bg-gradient-to-br from-[#FF9900]/20 to-[#FF9900]/10 h-80 rounded-lg flex items-center justify-center">
|
||
<i class="fas fa-building text-8xl text-[#FF9900]"></i>
|
||
</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 mt-24">我们的优势</h2>
|
||
<p class="text-xl text-gray-600 leading-relaxed">专业技术团队，丰富项目经验</p>
|
||
</div>
|
||
<div class="grid md:grid-cols-4 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-[#FF9900]/20 to-[#FF9900]/10 rounded-full flex items-center justify-center mx-auto mb-6">
|
||
<i class="fas fa-award text-[#FF9900] text-3xl"></i>
|
||
</div>
|
||
<h3 class="text-xl font-semibold mb-4">专业认证</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-[#FF9900]/20 to-[#FF9900]/10 rounded-full flex items-center justify-center mx-auto mb-6">
|
||
<i class="fas fa-users text-[#FF9900] text-3xl"></i>
|
||
</div>
|
||
<h3 class="text-xl font-semibold mb-4">专业团队</h3>
|
||
<p class="text-gray-600 leading-relaxed">50+位AWS认证工程师，平均5年以上云服务经验</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-[#FF9900]/20 to-[#FF9900]/10 rounded-full flex items-center justify-center mx-auto mb-6">
|
||
<i class="fas fa-tools text-[#FF9900] text-3xl"></i>
|
||
</div>
|
||
<h3 class="text-xl font-semibold mb-4">技术实力</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-[#FF9900]/20 to-[#FF9900]/10 rounded-full flex items-center justify-center mx-auto mb-6">
|
||
<i class="fas fa-headset text-[#FF9900] text-3xl"></i>
|
||
</div>
|
||
<h3 class="text-xl font-semibold mb-4">服务保障</h3>
|
||
<p class="text-gray-600 leading-relaxed">7x24小时技术支持，确保客户业务稳定运行</p>
|
||
</div>
|
||
</div>
|
||
</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-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">
|
||
<div class="w-20 h-20 bg-gradient-to-br from-[#FF9900]/20 to-[#FF9900]/10 rounded-full flex items-center justify-center mx-auto mb-6">
|
||
<i class="fas fa-bullseye text-[#FF9900] text-3xl"></i>
|
||
</div>
|
||
<h3 class="text-xl font-semibold mb-4 text-center">企业使命</h3>
|
||
<p class="text-gray-600 leading-relaxed text-center">助力企业数字化转型，提供专业可靠的云计算服务</p>
|
||
</div>
|
||
<div class="bg-white p-8 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1">
|
||
<div class="w-20 h-20 bg-gradient-to-br from-[#FF9900]/20 to-[#FF9900]/10 rounded-full flex items-center justify-center mx-auto mb-6">
|
||
<i class="fas fa-eye text-[#FF9900] text-3xl"></i>
|
||
</div>
|
||
<h3 class="text-xl font-semibold mb-4 text-center">企业愿景</h3>
|
||
<p class="text-gray-600 leading-relaxed text-center">成为中国最值得信赖的云服务解决方案提供商</p>
|
||
</div>
|
||
<div class="bg-white p-8 rounded-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1">
|
||
<div class="w-20 h-20 bg-gradient-to-br from-[#FF9900]/20 to-[#FF9900]/10 rounded-full flex items-center justify-center mx-auto mb-6">
|
||
<i class="fas fa-heart text-[#FF9900] text-3xl"></i>
|
||
</div>
|
||
<h3 class="text-xl font-semibold mb-4 text-center">核心价值观</h3>
|
||
<p class="text-gray-600 leading-relaxed text-center">专业、创新、诚信、共赢</p>
|
||
</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 mt-24">发展历程</h2>
|
||
<p class="text-xl text-gray-600 leading-relaxed">见证我们的成长与进步</p>
|
||
</div>
|
||
<div class="space-y-8">
|
||
<div class="flex flex-col md:flex-row items-center gap-8">
|
||
<div class="w-full md:w-1/4 text-right">
|
||
<h3 class="text-2xl font-semibold text-[#FF9900]">2023年</h3>
|
||
</div>
|
||
<div class="w-px h-16 bg-[#FF9900] hidden md:block"></div>
|
||
<div class="w-full md:w-3/4">
|
||
<p class="text-gray-600 text-lg leading-relaxed">成为AWS高级合作伙伴，服务客户数量突破500家</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex flex-col md:flex-row items-center gap-8">
|
||
<div class="w-full md:w-1/4 text-right">
|
||
<h3 class="text-2xl font-semibold text-[#FF9900]">2021年</h3>
|
||
</div>
|
||
<div class="w-px h-16 bg-[#FF9900] hidden md:block"></div>
|
||
<div class="w-full md:w-3/4">
|
||
<p class="text-gray-600 text-lg leading-relaxed">获得AWS标准合作伙伴认证，团队规模扩大到50人</p>
|
||
</div>
|
||
</div>
|
||
<div class="flex flex-col md:flex-row items-center gap-8">
|
||
<div class="w-full md:w-1/4 text-right">
|
||
<h3 class="text-2xl font-semibold text-[#FF9900]">2018年</h3>
|
||
</div>
|
||
<div class="w-px h-16 bg-[#FF9900] hidden md:block"></div>
|
||
<div class="w-full md:w-3/4">
|
||
<p class="text-gray-600 text-lg leading-relaxed">公司成立，开始提供AWS云服务解决方案</p>
|
||
</div>
|
||
</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-arrow-right 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> |