-
ABOUT
- 主题云
-
- 专业的全球云产品服务供应商，提供公有云、私有云、混合云全栈式服务矩阵。
- 深耕基础云计算领域，助力中小企业数智化转型升级。
-
ABOUT US
+ 关于我们
-
-
-
- 10年+
- 行业经验
-
-
- 10W+
- 注册用户
-
-
- 60+
- 全球可用区
-
-
+ 99.99%
- 服务可用性
-
+
-
- {if ( isset($data.honor) && !empty($data.honor) ) }
- 我们是一家专注于云计算基础设施服务的技术型企业，致力于为全球用户提供稳定、高效、安全的云端解决方案。自创立以来，团队始终秉持技术驱动的理念，围绕计算、存储、网络、安全等核心领域持续深耕，打造覆盖多种业务场景的云产品服务体系。
+我们在全球多个地区部署了数据中心节点，依托自研调度平台与成熟的运维体系，为电商、游戏、金融、教育、开发者等不同行业客户提供弹性可扩展的基础设施支撑。无论是初创团队还是成长型企业，都能在这里找到适合自身业务的云上方案。
+我们重视每一位客户的使用体验，坚持以合理的价格提供优质的服务。技术支持团队全天候在线，确保问题能够及时响应和处理。同时，我们也在不断优化产品能力与服务流程，力求让云上业务部署更简单、更可靠。
-
资质认证
-
- {foreach $data.honor as $key=>$value}
-
- 
- {$value.name}
+
+
+
-
+
- {/if}
联系我们
+
+
+
+
+ 公司地址
+ xx省xx市xx区xx路xx号
+
+
+
+ 电子邮箱
+ support@example.com
+
+
+
- {/foreach}
联系电话
+ 400-xxxx-xxxx
-
-
-
{include file="footer"}
\ No newline at end of file
diff --git a/css/about.css b/css/about.css
index f3265fd..f8d7522 100644
--- a/css/about.css
+++ b/css/about.css
@@ -1,5 +1,5 @@
/* ============================================
- About 页面 — 极简风格
+ About 页面 — 极简
============================================ */
#about {
@@ -10,16 +10,13 @@
.about-main {
display: flex;
justify-content: center;
- align-items: center;
- min-height: calc(100vh - 72px);
- padding: 80px 0 60px;
+ padding: 100px 0 80px;
}
.about-container {
- max-width: 720px;
+ max-width: 680px;
margin: 0 auto;
padding: 0 24px;
- text-align: center;
}
/* Badge */
@@ -29,17 +26,17 @@
font-size: 11px;
font-weight: 600;
letter-spacing: 3px;
- color: rgba(56, 189, 248, 0.8);
- border: 1px solid rgba(56, 189, 248, 0.2);
+ color: rgba(56, 189, 248, 0.7);
+ border: 1px solid rgba(56, 189, 248, 0.18);
border-radius: 20px;
margin-bottom: 28px;
}
/* 标题 */
.about-title {
- font-size: 56px;
+ font-size: 48px;
font-weight: 700;
- margin-bottom: 24px;
+ margin-bottom: 48px;
background: linear-gradient(135deg, #fff 20%, #38BDF8 80%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
@@ -47,150 +44,109 @@
line-height: 1.15;
}
-/* 简介 */
-.about-desc {
- font-size: 16px;
- line-height: 1.8;
- color: rgba(148, 163, 184, 0.75);
- margin-bottom: 64px;
- max-width: 560px;
- margin-left: auto;
- margin-right: auto;
+/* ---- 文案 ---- */
+.about-text {
+ margin-bottom: 56px;
}
-/* ---- 数据统计 ---- */
-.about-stats {
- display: grid;
- grid-template-columns: repeat(4, 1fr);
- gap: 16px;
- margin-bottom: 80px;
+.about-text p {
+ font-size: 15px;
+ line-height: 1.9;
+ color: rgba(148, 163, 184, 0.78);
+ margin-bottom: 20px;
+ text-indent: 2em;
}
-.about-stat {
- padding: 28px 12px;
- background: rgba(30, 41, 59, 0.35);
- border: 1px solid rgba(148, 163, 184, 0.06);
- border-radius: 14px;
- transition: all 0.3s ease;
+.about-text p:last-child {
+ margin-bottom: 0;
}
-.about-stat:hover {
- border-color: rgba(56, 189, 248, 0.12);
- transform: translateY(-3px);
- box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
+/* 分隔线 */
+.about-divider {
+ width: 48px;
+ height: 2px;
+ background: linear-gradient(90deg, #38BDF8, rgba(99, 102, 241, 0.5));
+ border-radius: 2px;
+ margin-bottom: 48px;
}
-.about-stat-num {
- font-size: 34px;
- font-weight: 700;
- color: #F1F5F9;
- line-height: 1.1;
- margin-bottom: 6px;
-}
-
-.about-stat-num span {
+/* ---- 联系我们 ---- */
+.about-contact-title {
font-size: 18px;
- font-weight: 500;
- color: #38BDF8;
-}
-
-.about-stat-label {
- font-size: 12px;
- color: rgba(148, 163, 184, 0.5);
- letter-spacing: 0.5px;
-}
-
-/* ---- 荣誉资质 ---- */
-.about-honors-section {
- border-top: 1px solid rgba(148, 163, 184, 0.06);
- padding-top: 48px;
-}
-
-.about-section-title {
- font-size: 16px;
- font-weight: 500;
- color: rgba(226, 232, 240, 0.6);
+ font-weight: 600;
+ color: rgba(226, 232, 240, 0.85);
margin-bottom: 28px;
- letter-spacing: 1px;
}
-.about-honors {
- display: flex;
- flex-wrap: wrap;
- gap: 12px;
- justify-content: center;
-}
-
-.about-honor-item {
+.about-contact-grid {
display: flex;
flex-direction: column;
+ gap: 16px;
+}
+
+.contact-card {
+ display: flex;
align-items: center;
- gap: 8px;
- padding: 16px 14px;
- min-width: 100px;
- max-width: 140px;
- background: rgba(30, 41, 59, 0.25);
- border: 1px solid rgba(148, 163, 184, 0.04);
- border-radius: 10px;
+ gap: 16px;
+ padding: 20px 24px;
+ background: rgba(30, 41, 59, 0.3);
+ border: 1px solid rgba(148, 163, 184, 0.05);
+ border-radius: 12px;
transition: all 0.3s ease;
}
-.about-honor-item:hover {
+.contact-card:hover {
border-color: rgba(56, 189, 248, 0.1);
- transform: translateY(-2px);
+ background: rgba(30, 41, 59, 0.45);
}
-.about-honor-item img {
- width: 80px;
- height: auto;
- border-radius: 4px;
- opacity: 0.85;
+.contact-icon {
+ width: 20px;
+ height: 20px;
+ flex-shrink: 0;
+ color: #38BDF8;
+ opacity: 0.6;
}
-.about-honor-item span {
- font-size: 11px;
+.contact-icon svg {
+ width: 100%;
+ height: 100%;
+}
+
+.contact-label {
+ font-size: 13px;
color: rgba(148, 163, 184, 0.5);
- text-align: center;
- line-height: 1.3;
+ min-width: 64px;
+ flex-shrink: 0;
+}
+
+.contact-value {
+ font-size: 14px;
+ color: rgba(226, 232, 240, 0.8);
}
/* ---- 移动端 ---- */
@media (max-width: 768px) {
.about-main {
- padding: 60px 0 40px;
- min-height: auto;
+ padding: 70px 0 60px;
}
.about-title {
- font-size: 36px;
+ font-size: 32px;
+ margin-bottom: 32px;
}
- .about-desc {
+ .about-text p {
font-size: 14px;
- margin-bottom: 40px;
}
- .about-stats {
- grid-template-columns: repeat(2, 1fr);
- gap: 12px;
- margin-bottom: 48px;
+ .contact-card {
+ flex-wrap: wrap;
+ gap: 8px;
+ padding: 16px 18px;
}
- .about-stat-num {
- font-size: 28px;
- }
-
- .about-honor-item {
- min-width: 80px;
- }
-}
-
-@media (max-width: 480px) {
- .about-title {
- font-size: 28px;
- }
-
- .about-stats {
- grid-template-columns: repeat(2, 1fr);
+ .contact-label {
+ min-width: auto;
}
}
\ No newline at end of file