All checks were successful
continuous-integration/drone/push Build is passing
- 一屏搞定:大标题 + 两行简介 + 4 格数据 - 去掉时间轴、优势列表、CTA - 荣誉资质条件渲染(有数据才显示) - 居中单栏 720px 布局
65 lines
2.0 KiB
HTML
65 lines
2.0 KiB
HTML
{include file="header"}
|
|
|
|
<link rel="stylesheet" href="/web/BlackFruit-web/css/about.css">
|
|
<link rel="stylesheet" href="/web/BlackFruit-web/css/viewer.min.css">
|
|
|
|
<script src="/web/BlackFruit-web/js/viewer.min.js"></script>
|
|
|
|
</head>
|
|
|
|
<body id="about" class="about">
|
|
<header>{include file="public/header"}</header>
|
|
|
|
<!-- 极简 About -->
|
|
<section class="about-main">
|
|
<div class="about-container">
|
|
|
|
<div class="about-badge">ABOUT</div>
|
|
<h1 class="about-title">主题云</h1>
|
|
<p class="about-desc">
|
|
专业的全球云产品服务供应商,提供公有云、私有云、混合云全栈式服务矩阵。<br>
|
|
深耕基础云计算领域,助力中小企业数智化转型升级。
|
|
</p>
|
|
|
|
<div class="about-stats">
|
|
<div class="about-stat">
|
|
<div class="about-stat-num">10<span>年+</span></div>
|
|
<div class="about-stat-label">行业经验</div>
|
|
</div>
|
|
<div class="about-stat">
|
|
<div class="about-stat-num">10W<span>+</span></div>
|
|
<div class="about-stat-label">注册用户</div>
|
|
</div>
|
|
<div class="about-stat">
|
|
<div class="about-stat-num">60<span>+</span></div>
|
|
<div class="about-stat-label">全球可用区</div>
|
|
</div>
|
|
<div class="about-stat">
|
|
<div class="about-stat-num">99.99<span>%</span></div>
|
|
<div class="about-stat-label">服务可用性</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 荣誉资质(如果有则显示) -->
|
|
{if ( isset($data.honor) && !empty($data.honor) ) }
|
|
<div class="about-honors-section">
|
|
<h3 class="about-section-title">资质认证</h3>
|
|
<div class="about-honors">
|
|
{foreach $data.honor as $key=>$value}
|
|
<div class="about-honor-item">
|
|
<img src={$value.img} alt="">
|
|
<span>{$value.name}</span>
|
|
</div>
|
|
{/foreach}
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<div style="height: 0;">
|
|
<img id="viewer" alt="" style="display: none;">
|
|
</div>
|
|
|
|
{include file="footer"} |