diff --git a/about.html b/about.html new file mode 100644 index 0000000..de9ab5a --- /dev/null +++ b/about.html @@ -0,0 +1,283 @@ + + + + + + AWS云服务专家 - 关于我们 + + + + + + + + + + +
+
+

关于我们

+

专业的AWS云服务解决方案提供商，助力企业数字化转型

+
+
+ + +
+
+
+
+

公司简介

+

云服务专家成立于2018年，是AWS授权的云服务解决方案提供商。我们致力于为企业提供专业的云计算咨询、迁移、运维和优化服务。

+

作为AWS高级合作伙伴，我们拥有丰富的云服务实施经验和专业的技术团队，已成功帮助数百家企业完成云上转型。

+
    +
  • + + AWS高级合作伙伴认证 +
    • +
  • + + 100+成功案例 +
    • +
  • + + 50+AWS认证工程师 +
    • +
+
+
+ +
+
+
+
+ + +
+
+
+

我们的优势

+

专业技术团队，丰富项目经验

+
+
+
+
+ +
+

专业认证

+

AWS官方认证的高级合作伙伴，拥有多项专业认证

+
+
+
+ +
+

专业团队

+

50+位AWS认证工程师，平均5年以上云服务经验

+
+
+
+ +
+

技术实力

+

掌握AWS全线产品，具备丰富的实施和运维经验

+
+
+
+ +
+

服务保障

+

7x24小时技术支持，确保客户业务稳定运行

+
+
+
+
+ + +
+
+
+

企业文化

+

以客户为中心，追求卓越服务

+
+
+
+
+ +
+

企业使命

+

助力企业数字化转型，提供专业可靠的云计算服务

+
+
+
+ +
+

企业愿景

+

成为中国最值得信赖的云服务解决方案提供商

+
+
+
+ +
+

核心价值观

+

专业、创新、诚信、共赢

+
+
+
+
+ + +
+
+
+

发展历程

+

见证我们的成长与进步

+
+
+
+
+

2023年

+
+ +
+

成为AWS高级合作伙伴，服务客户数量突破500家

+
+
+
+
+

2021年

+
+ +
+

获得AWS标准合作伙伴认证，团队规模扩大到50人

+
+
+
+
+

2018年

+
+ +
+

公司成立，开始提供AWS云服务解决方案

+
+
+
+
+
+ + +
+
+

想了解更多关于我们?

+

欢迎联系我们，了解更多公司信息和服务详情

+ + 联系我们 + + +
+
+ + + + + + + \ No newline at end of file diff --git a/cases.html b/cases.html new file mode 100644 index 0000000..1843cd8 --- /dev/null +++ b/cases.html @@ -0,0 +1,262 @@ + + + + + + AWS云服务专家 - 客户案例 + + + + + + + + + + +
+
+

成功案例

+

了解我们的客户如何通过AWS云服务实现业务增长

+
+
+ + +
+
+
+

精选案例

+

探索不同行业的成功实践

+
+ +
+ + + + + +
+
+
+ + +
+
+
+ +
+
+ +
+
+
+ 金融行业 + 2023年12月 +
+

某大型银行数字化转型

+

通过AWS云服务实现核心业务系统上云，提升系统性能和安全性，降低运维成本

+
+ EC2 + RDS + S3 +
+ + 查看详情 + + +
+
+ + +
+
+ +
+
+
+ 电商行业 + 2023年10月 +
+

某知名电商平台架构优化

+

利用AWS云服务实现弹性扩展，应对大促期间流量高峰，提升用户体验

+
+ ECS + DynamoDB + CloudFront +
+ + 查看详情 + + +
+
+ + +
+
+ +
+
+
+ 教育行业 + 2023年8月 +
+

某高校在线教育平台建设

+

基于AWS云服务构建在线教育平台，支持大规模在线课程和直播教学

+
+ Lambda + S3 + CloudFront +
+ + 查看详情 + + +
+
+ + +
+
+ +
+
+
+ 医疗行业 + 2023年6月 +
+

某三甲医院医疗云平台

+

利用AWS云服务构建医疗云平台，实现医疗数据安全存储和共享

+
+ RDS + S3 + KMS +
+ + 查看详情 + + +
+
+
+
+
+ + +
+
+

想了解更多成功案例?

+

联系我们的解决方案专家，获取更多行业案例和定制化方案

+ + 免费咨询 + + +
+
+ + + + + + + \ No newline at end of file diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..65e64ae --- /dev/null +++ b/contact.html @@ -0,0 +1,361 @@ + + + + + + AWS云服务专家 - 联系我们 + + + + + + + + + + + +
+
+

联系我们

+

随时欢迎您的咨询，我们将为您提供专业的云服务解决方案

+
+
+ + +
+
+
+
+
+ +
+

电话咨询

+

周一至周日 9:00-21:00

+

400-123-4567

+
+
+
+ +
+

邮件咨询

+

7*24小时邮件支持

+

contact@example.com

+
+
+
+ +
+

微信咨询

+

扫描下方二维码

+
+ +
+
+
+ +
+ +
+

在线咨询

+
+
+
+ + +
+
+ + +
+
+
+
+ + +
+
+ + +
+
+
+ + +
+
+ + +
+ +
+
+ + +
+
+

公司地址

+
+
+
+ +
+
+

北京总部

+

北京市朝阳区某某大厦10层

+
+
+
+
+ +
+
+

交通方式

+

地铁6号线某某站A出口步行5分钟

+
+
+
+
+ +
+
+

办公时间

+

周一至周五: 9:00-18:00

+
+
+
+
+ +
+
+
+
+
+ + +
+
+

常见问题

+

解答您最关心的问题

+
+
+

如何开始使用AWS云服务？

+

您可以通过我们的咨询服务，获取专业的AWS云服务解决方案建议。我们的团队将根据您的具体需求，为您提供最适合的云服务方案。

+
+
+

如何获取技术支持？

+

我们提供7*24小时技术支持服务，您可以通过电话、邮件或在线咨询等方式联系我们的技术支持团队。

+
+
+

如何计算使用成本？

+

我们提供详细的成本评估服务，可以根据您的具体使用场景和需求，为您提供准确的成本预估和优化建议。

+
+
+

如何申请试用服务？

+

您可以通过在线咨询或直接联系我们的销售团队，申请AWS云服务的试用。我们将为您提供专业的试用方案和技术支持。

+
+
+
+
+ + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..26f62e1 --- /dev/null +++ b/index.html @@ -0,0 +1,356 @@ + + + + + + AWS云服务专家 - 首页 + + + + + + + + + + +
+ + +
+
+
+

AWS云服务器专业代理商

+

为您的企业提供专业的AWS云服务解决方案，助力数字化转型

+
+ 了解AWS优势 + 联系顾问 +
+
+
+
+ + +
+
+
+

AWS产品与服务

+

全面的云计算产品线，满足您的各种业务需求

+

作为AWS授权代理商，我们提供全系列AWS产品和服务，并为您提供专业的咨询
和支持，帮助您选择最适合的产品组合。

+
+ +
+
+
+ +
+

安全可靠

+

AWS提供业界领先的安全服务，包括加密、防火墙和身份验证，保障您的数据安全

+
+ +
+
+ +
+

高性能

+

全球数据中心网络，低延迟高带宽，确保您的应用程序高效运行

+
+ +
+
+ +
+

成本优化

+

按需付费模式，无需前期投资，降低IT运营成本

+
+
+
+
+ + +
+
+
+

我们的服务优势

+

作为AWS授权合作伙伴，我们提供全方位的专业服务

+
+ +
+
+
+
+ +
+
+

官方授权

+

我们是AWS官方授权的合作伙伴，可提供正规授权和发票

+
+
+
+ +
+
+
+ +
+
+

价格优势

+

相比直接采购，我们能提供更具竞争力的价格和灵活的付款方式

+
+
+
+ +
+
+
+ +
+
+

技术支持

+

专业的技术团队提供咨询、部署和运维服务，解决您的技术难题

+
+
+
+ +
+
+
+ +
+
+

培训服务

+

为您的团队提供专业的AWS技术培训，提升技术能力

+
+
+
+
+
+
+ + +
+
+
+

AWS核心产品服务

+

全面的云服务产品线，满足各种业务需求

+
+ +
+
+
+ +
+
+

EC2 云服务器

+

可扩展的计算能力，适用于各种工作负载，从小型网站到企业级应用

+ + 了解详情 + + +
+
+ +
+
+ +
+
+

S3 对象存储

+

安全、可靠的对象存储服务，适用于备份、归档和数据湖等场景

+ + 了解详情 + + +
+
+ +
+
+ +
+
+

RDS 关系型数据库

+

易于部署和管理的关系型数据库服务，支持多种主流数据库引擎

+ + 了解详情 + + +
+
+
+ +
+ + 查看全部AWS产品 + + +
+
+
+ + +
+
+

成功客户案例

+

看看其他企业如何利用AWS云服务提升业务价值

+ +
+
+
+
+

某金融科技公司

+

通过迁移到AWS云服务，该公司将应用响应时间缩短了40%，并节省了30%的IT运营成本

+ 阅读详情 +
+
+
+
+
+

某大型电商平台

+

利用AWS弹性伸缩功能，该平台在促销活动期间轻松应对流量激增，确保了平台稳定性

+ 阅读详情 +
+
+
+ +
+ + 查看更多客户案例 + + +
+
+
+ + +
+
+

准备开启您的云计算之旅?

+

联系我们的顾问，获取专业的AWS云服务方案和优惠报价

+ + 免费咨询 + + +
+
+ + + + + + + \ No newline at end of file diff --git a/products.html b/products.html new file mode 100644 index 0000000..a77c70a --- /dev/null +++ b/products.html @@ -0,0 +1,393 @@ + + + + + + AWS云服务专家 - 产品服务 + + + + + + + + + + +
+
+

AWS产品服务

+

全面的AWS云服务产品线，满足您的各种业务需求

+
+
+ + +
+
+
+

计算服务

+

灵活、可扩展的计算能力，支持各种工作负载

+
+ +
+
+
+ +
+
+

EC2 云服务器

+

可扩展的计算能力，适用于各种工作负载，从小型网站到企业级应用

+
    +
  • + + 多种实例类型选择 +
    • +
  • + + 按需付费模式 +
    • +
+ + 了解详情 + + +
+
+ +
+
+ +
+
+

ECS 容器服务

+

高度可扩展的容器管理服务，支持Docker容器部署和管理

+
    +
  • + + 完全托管的容器服务 +
    • +
  • + + 自动扩展和负载均衡 +
    • +
+ + 了解详情 + + +
+
+ +
+
+ +
+
+

Lambda 无服务器

+

无需管理服务器即可运行代码，按实际使用量付费

+
    +
  • + + 自动扩展和负载均衡 +
    • +
  • + + 按使用量计费 +
    • +
+ + 了解详情 + + +
+
+
+
+
+ + +
+
+
+

存储服务

+

安全、可靠、可扩展的存储解决方案

+
+ +
+
+
+ +
+
+

S3 对象存储

+

安全、可靠的对象存储服务，适用于备份、归档和数据湖等场景

+
    +
  • + + 99.999999999%的持久性 +
    • +
  • + + 无限扩展的存储空间 +
    • +
+ + 了解详情 + + +
+
+ +
+
+ +
+
+

EBS 块存储

+

高性能的块存储服务，为EC2实例提供持久化存储

+
    +
  • + + 多种存储类型选择 +
    • +
  • + + 支持快照备份 +
    • +
+ + 了解详情 + + +
+
+ +
+
+ +
+
+

Glacier 归档存储

+

经济高效的归档存储服务，适合长期数据保存

+
    +
  • + + 极低的存储成本 +
    • +
  • + + 安全的数据归档 +
    • +
+ + 了解详情 + + +
+
+
+
+
+ + +
+
+
+

数据库服务

+

全托管的数据库服务，支持多种数据库引擎

+
+ +
+
+
+ +
+
+

RDS 关系型数据库

+

易于部署和管理的关系型数据库服务，支持多种主流数据库引擎

+
    +
  • + + 支持多种数据库引擎 +
    • +
  • + + 自动备份和恢复 +
    • +
+ + 了解详情 + + +
+
+ +
+
+ +
+
+

DynamoDB NoSQL数据库

+

完全托管的NoSQL数据库服务，提供毫秒级延迟

+
    +
  • + + 自动扩展和负载均衡 +
    • +
  • + + 毫秒级延迟 +
    • +
+ + 了解详情 + + +
+
+ +
+
+ +
+
+

Elasticache 缓存服务

+

全托管的缓存服务，支持Redis和Memcached

+
    +
  • + + 支持Redis和Memcached +
    • +
  • + + 自动扩展和备份 +
    • +
+ + 了解详情 + + +
+
+
+
+
+ + +
+
+

需要了解更多AWS产品?

+

联系我们的产品专家，获取专业的AWS产品咨询和方案建议

+ + 免费咨询 + + +
+
+ + + + + + + \ No newline at end of file diff --git a/solutions.html b/solutions.html new file mode 100644 index 0000000..7083223 --- /dev/null +++ b/solutions.html @@ -0,0 +1,367 @@ + + + + + + AWS云服务专家 - 解决方案 + + + + + + + + + + +
+
+

AWS解决方案

+

针对不同行业和业务场景，提供量身定制的AWS云解决方案

+
+
+ + +
+
+
+

计算服务

+

灵活、可扩展的计算能力，支持各种工作负载

+
+ +
+ +
+
+ +
+
+

网站托管解决方案

+

基于AWS构建高可用、可扩展、安全的网站托管平台，支持静态和动态网站。

+
    +
  • + + 高可用架构，保证业务连续性 +
    • +
  • + + 弹性伸缩，轻松应对流量高峰 +
    • +
  • + + 全球CDN加速，提升访问速度 +
    • +
  • + + WAF防火墙，增强网站安全性 +
    • +
+ + 了解详情 + + +
+
+ + +
+
+ +
+
+

企业上云迁移方案

+

为企业提供平滑、安全的上云迁移服务，包括评估、规划、实施和优化。

+
    +
  • + + 全面的迁移评估与规划 +
    • +
  • + + 多种迁移策略选择 +
    • +
  • + + 专业的迁移实施与数据同步 +
    • +
  • + + 迁移后的性能优化与成本管理 +
    • +
+ + 了解详情 + + +
+
+ + +
+
+ +
+
+

云上灾备解决方案

+

利用AWS构建经济高效、可靠的灾难恢复解决方案，保障业务连续性。

+
    +
  • + + 多种灾备模式选择 +
    • +
  • + + 低RPO/RTO目标，快速恢复业务 +
    • +
  • + + 跨区域/跨可用区部署 +
    • +
  • + + 自动化灾备演练 +
    • +
+ + 了解详情 + + +
+
+ + +
+
+ +
+
+

大数据分析平台

+

基于AWS构建可扩展、高性能的大数据处理与分析平台，挖掘数据价值。

+
    +
  • + + 构建数据湖与数据仓库 +
    • +
  • + + 使用EMR进行大数据处理 +
    • +
  • + + 实时数据流处理 +
    • +
  • + + 机器学习与AI服务 +
    • +
+ + 了解详情 + + +
+
+ + +
+
+ +
+
+

微服务架构方案

+

利用AWS容器服务和无服务器构建现代化的微服务架构。

+
    +
  • + + 容器化部署与编排 +
    • +
  • + + API网关管理服务接口 +
    • +
  • + + 服务发现与负载均衡 +
    • +
  • + + DevOps与CI/CD集成 +
    • +
+ + 了解详情 + + +
+
+ + +
+
+ +
+
+

更多定制化方案

+

我们还可根据您的具体需求，提供更多行业的定制化解决方案。

+ + 立即咨询 + + +
+
+
+
+
+ + +
+
+
+

为什么选择我们的解决方案?

+

结合AWS最佳实践和我们的专业经验，为您打造最优方案

+
+ +
+
+
+ +
+

AWS官方认证

+

拥有多名AWS认证专家，具备深厚的技术实力和项目经验

+
+
+
+ +
+

客户成功导向

+

深入理解客户业务需求，提供最适合的解决方案，助力客户成功

+
+
+
+ +
+

全程专业服务

+

提供从咨询、设计、实施到运维的全生命周期服务支持

+
+
+
+
+ + +
+
+

需要定制化解决方案?

+

立即联系我们的解决方案架构师，获取免费咨询和方案设计

+ + 免费咨询 + + +
+
+ + + + + + + \ No newline at end of file diff --git a/src/css/styles.css b/src/css/styles.css new file mode 100644 index 0000000..f7d211c --- /dev/null +++ b/src/css/styles.css @@ -0,0 +1,202 @@ +@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap'); + +:root { + --primary-color: #232F3E; + --secondary-color: #FF9900; + --accent-color: #0D6EFD; + --text-color: #333333; + --light-gray: #F8F9FA; + --white: #FFFFFF; +} + +body { + font-family: 'Roboto', sans-serif; + color: var(--text-color); +} + +/* 通用样式 */ +.container { + @apply max-w-7xl mx-auto px-6 lg:px-8; + margin-left: auto; + margin-right: auto; + width: 100%; +} + +.section { + @apply py-16; +} + +.heading-1 { + @apply text-5xl font-bold mb-6; +} + +.heading-2 { + @apply text-3xl font-medium mb-4; +} + +.heading-3 { + @apply text-2xl font-medium mb-2; +} + +.btn-primary { + @apply inline-block bg-[#FF9900] text-white px-6 py-3 rounded hover:bg-[#FF9900]/90; +} + +.btn-secondary { + @apply inline-block border border-white text-white px-6 py-3 rounded hover:bg-white/10; +} + +/* 响应式布局 */ +@media (max-width: 768px) { + .container { + @apply px-4; + margin-left: auto; + margin-right: auto; + width: 100%; + } + + .heading-1 { + @apply text-4xl; + } + + .heading-2 { + @apply text-2xl; + } + + .heading-3 { + @apply text-xl; + } +} + +/* 页面加载动画 */ +.page-loader { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #fff; + display: flex; + justify-content: center; + align-items: center; + z-index: 9999; + transition: opacity 0.5s; +} + +.loader-spinner { + width: 50px; + height: 50px; + border: 4px solid #f3f3f3; + border-top: 4px solid #FF9900; + border-radius: 50%; + animation: spin 1s linear infinite; +} + +@keyframes spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } +} + +/* 导航栏样式 */ +.nav-scrolled { + background-color: rgba(35, 47, 62, 0.95); + -webkit-backdrop-filter: blur(8px); + backdrop-filter: blur(8px); + box-shadow: 0 2px 4px rgba(0,0,0,0.1); +} + +/* 响应式优化 */ +@media (max-width: 768px) { + .container { + padding-left: 1rem; + padding-right: 1rem; + } + + .heading-1 { + font-size: 2rem; + line-height: 1.2; + } + + .heading-2 { + font-size: 1.75rem; + line-height: 1.2; + } + + .section { + padding: 3rem 0; + } +} + +/* 表单样式优化 */ +.form-input:focus { + outline: none; + border-color: #FF9900; + box-shadow: 0 0 0 2px rgba(255, 153, 0, 0.2); +} + +/* 动画效果 */ +.hover-scale { + transition: transform 0.3s ease; +} + +.hover-scale:hover { + transform: scale(1.02); +} + +/* 卡片悬浮效果 */ +.card-hover { + transition: all 0.3s ease; +} + +.card-hover:hover { + transform: translateY(-5px); + box-shadow: 0 4px 20px rgba(0,0,0,0.1); +} + +/* 按钮动画 */ +.btn-primary { + position: relative; + overflow: hidden; + transition: all 0.3s ease; +} + +.btn-primary:after { + content: ''; + position: absolute; + top: 50%; + left: 50%; + width: 0; + height: 0; + background: rgba(255,255,255,0.2); + border-radius: 50%; + transform: translate(-50%, -50%); + transition: width 0.6s ease, height 0.6s ease; +} + +.btn-primary:hover:after { + width: 300%; + height: 300%; +} + +/* 地图容器样式 */ +#map-container { + transition: all 0.3s ease; + border: 1px solid #e5e7eb; +} + +#map-container:hover { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); +} + +/* 信息窗体样式 */ +.amap-info-content { + padding: 1rem !important; + border-radius: 0.5rem; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); +} + +.amap-info-close { + color: #4B5563 !important; + top: 0.5rem !important; + right: 0.5rem !important; +} \ No newline at end of file diff --git a/src/js/main.js b/src/js/main.js new file mode 100644 index 0000000..167aa4d --- /dev/null +++ b/src/js/main.js @@ -0,0 +1,101 @@ +// 表单提交处理 +document.addEventListener('DOMContentLoaded', function() { + const contactForm = document.querySelector('form'); + if (contactForm) { + contactForm.addEventListener('submit', async function(e) { + e.preventDefault(); + + // 显示加载状态 + const submitButton = this.querySelector('button[type="submit"]'); + const originalText = submitButton.textContent; + submitButton.innerHTML = '提交中...'; + submitButton.disabled = true; + + // 收集表单数据 + const formData = new FormData(this); + const data = Object.fromEntries(formData.entries()); + + try { + // 这里替换为您的实际API端点 + const response = await fetch('/api/contact', { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + }, + body: JSON.stringify(data) + }); + + if (response.ok) { + showNotification('提交成功！我们会尽快与您联系。', 'success'); + contactForm.reset(); + } else { + throw new Error('提交失败'); + } + } catch (error) { + showNotification('抱歉，提交失败，请稍后重试。', 'error'); + } finally { + submitButton.innerHTML = originalText; + submitButton.disabled = false; + } + }); + } +}); + +// 页面加载动画 +window.addEventListener('load', function() { + const loader = document.querySelector('.page-loader'); + if (loader) { + loader.style.opacity = '0'; + setTimeout(() => { + loader.style.display = 'none'; + }, 500); + } +}); + +// 导航栏交互 +const mobileMenuButton = document.querySelector('.mobile-menu-button'); +const mobileMenu = document.querySelector('.mobile-menu'); + +if (mobileMenuButton && mobileMenu) { + mobileMenuButton.addEventListener('click', function() { + mobileMenu.classList.toggle('hidden'); + }); +} + +// 滚动效果 +window.addEventListener('scroll', function() { + const nav = document.querySelector('nav'); + if (window.scrollY > 100) { + nav.classList.add('nav-scrolled'); + } else { + nav.classList.remove('nav-scrolled'); + } +}); + +// 通知提示框 +function showNotification(message, type = 'success') { + const notification = document.createElement('div'); + notification.className = `fixed top-4 right-4 p-4 rounded-lg shadow-lg ${ + type === 'success' ? 'bg-green-500' : 'bg-red-500' + } text-white z-50 transform transition-all duration-300 translate-y-0`; + notification.textContent = message; + + document.body.appendChild(notification); + + setTimeout(() => { + notification.style.transform = 'translateY(-100%)'; + setTimeout(() => { + document.body.removeChild(notification); + }, 300); + }, 3000); +} + +// 平滑滚动 +document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function (e) { + e.preventDefault(); + document.querySelector(this.getAttribute('href')).scrollIntoView({ + behavior: 'smooth' + }); + }); +}); \ No newline at end of file