style: About 页面改左右布局，去掉 ABOUT US badge
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
- 左侧: 标题 + 三段文案 - 右侧: 联系信息卡片（地址/邮箱/电话） - 去掉 badge，去掉居中窄栏，利用全宽
This commit is contained in:
yiqiu
42
about.html
42
about.html
@@ -8,42 +8,48 @@
|
||||
<header>{include file="public/header"}</header>
|
||||
|
||||
<section class="about-main">
|
||||
<div class="about-container">
|
||||
<div class="about-wrap">
|
||||
|
||||
<div class="about-badge">ABOUT US</div>
|
||||
<h1 class="about-title">关于我们</h1>
|
||||
|
||||
<div class="about-text">
|
||||
<p>我们是一家专注于云计算基础设施服务的技术型企业，致力于为全球用户提供稳定、高效、安全的云端解决方案。自创立以来，团队始终秉持技术驱动的理念，围绕计算、存储、网络、安全等核心领域持续深耕，打造覆盖多种业务场景的云产品服务体系。</p>
|
||||
<p>我们在全球多个地区部署了数据中心节点，依托自研调度平台与成熟的运维体系，为电商、游戏、金融、教育、开发者等不同行业客户提供弹性可扩展的基础设施支撑。无论是初创团队还是成长型企业，都能在这里找到适合自身业务的云上方案。</p>
|
||||
<p>我们重视每一位客户的使用体验，坚持以合理的价格提供优质的服务。技术支持团队全天候在线，确保问题能够及时响应和处理。同时，我们也在不断优化产品能力与服务流程，力求让云上业务部署更简单、更可靠。</p>
|
||||
<!-- 左侧：标题 + 文案 -->
|
||||
<div class="about-left">
|
||||
<h1 class="about-title">关于我们</h1>
|
||||
<div class="about-text">
|
||||
<p>我们是一家专注于云计算基础设施服务的技术型企业，致力于为全球用户提供稳定、高效、安全的云端解决方案。自创立以来，团队始终秉持技术驱动的理念，围绕计算、存储、网络、安全等核心领域持续深耕，打造覆盖多种业务场景的云产品服务体系。</p>
|
||||
<p>我们在全球多个地区部署了数据中心节点，依托自研调度平台与成熟的运维体系，为电商、游戏、金融、教育、开发者等不同行业客户提供弹性可扩展的基础设施支撑。无论是初创团队还是成长型企业，都能在这里找到适合自身业务的云上方案。</p>
|
||||
<p>我们重视每一位客户的使用体验，坚持以合理的价格提供优质的服务。技术支持团队全天候在线，确保问题能够及时响应和处理。同时，我们也在不断优化产品能力与服务流程，力求让云上业务部署更简单、更可靠。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="about-divider"></div>
|
||||
|
||||
<div class="about-contact">
|
||||
<!-- 右侧：联系信息 -->
|
||||
<div class="about-right">
|
||||
<h3 class="about-contact-title">联系我们</h3>
|
||||
<div class="about-contact-grid">
|
||||
<div class="contact-list">
|
||||
<div class="contact-card">
|
||||
<div class="contact-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
|
||||
</div>
|
||||
<div class="contact-label">公司地址</div>
|
||||
<div class="contact-value">xx省xx市xx区xx路xx号</div>
|
||||
<div>
|
||||
<div class="contact-label">公司地址</div>
|
||||
<div class="contact-value">xx省xx市xx区xx路xx号</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-card">
|
||||
<div class="contact-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
|
||||
</div>
|
||||
<div class="contact-label">电子邮箱</div>
|
||||
<div class="contact-value">support@example.com</div>
|
||||
<div>
|
||||
<div class="contact-label">电子邮箱</div>
|
||||
<div class="contact-value">support@example.com</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="contact-card">
|
||||
<div class="contact-icon">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
|
||||
</div>
|
||||
<div class="contact-label">联系电话</div>
|
||||
<div class="contact-value">400-xxxx-xxxx</div>
|
||||
<div>
|
||||
<div class="contact-label">联系电话</div>
|
||||
<div class="contact-value">400-xxxx-xxxx</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user