Public/TrustDataSpace
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
d267174852
TrustDataSpace/index.html
sichan d267174852 初始化项目结构 
- 创建基础HTML页面布局
- 添加医疗场景页面
- 设置基本页面导航结构"
2025-01-03 09:41:43 +08:00

195 lines
10 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>可信数据空间门户</title>
<link href="vendor/bootstrap/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link href="assets/css/styles.css" rel="stylesheet">
</head>
<body class="d-flex flex-column min-vh-100">
<!-- Header -->
<div id="header"></div>
<!-- 主要内容区域 -->
<div class="container my-5 flex-grow-1">
<!-- 功能卡片区域 -->
<div class="row g-4">
<!-- 数据接入卡片 -->
<div class="col-md-4">
<div class="card h-100 shadow-sm">
<div class="card-body d-flex flex-column">
<div class="d-flex align-items-center mb-3">
<i class="bi bi-cloud-upload fs-2 text-primary me-2"></i>
<h5 class="card-title mb-0">数据接入</h5>
</div>
<p class="card-text mb-4" style="min-height: 72px;">安全、便捷地接入您的数据资产，支持多种数据接入方式，确保数据安全合规。</p>
<div class="mt-auto">
<ul class="list-unstyled mb-4">
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>文件上传</li>
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>API接口</li>
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>数据库连接</li>
</ul>
<a href="pages/data-access.html" class="btn btn-primary w-100">立即接入</a>
</div>
</div>
</div>
</div>
<!-- 数据资产管理卡片 -->
<div class="col-md-4">
<div class="card h-100 shadow-sm">
<div class="card-body d-flex flex-column">
<div class="d-flex align-items-center mb-3">
<i class="bi bi-folder2-open fs-2 text-success me-2"></i>
<h5 class="card-title mb-0">数据资产管理</h5>
</div>
<p class="card-text mb-4" style="min-height: 72px;">全面的数据资产管理功能，助您高效管理和监控数据资产。</p>
<div class="mt-auto">
<ul class="list-unstyled mb-4">
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>资产目录</li>
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>质量监控</li>
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>使用分析</li>
</ul>
<a href="pages/data-management.html" class="btn btn-success w-100">开始管理</a>
</div>
</div>
</div>
</div>
<!-- 数据资产运营卡片 -->
<div class="col-md-4">
<div class="card h-100 shadow-sm">
<div class="card-body d-flex flex-column">
<div class="d-flex align-items-center mb-3">
<i class="bi bi-graph-up fs-2 text-info me-2"></i>
<h5 class="card-title mb-0">数据资产运营</h5>
</div>
<p class="card-text mb-4" style="min-height: 72px;">专业的数据资产运营工具，助力数据价值最大化。</p>
<div class="mt-auto">
<ul class="list-unstyled mb-4">
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>数据分析</li>
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>价值评估</li>
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>运营报告</li>
</ul>
<a href="pages/data-operation.html" class="btn btn-info w-100 text-white">运营分析</a>
</div>
</div>
</div>
</div>
</div>
<!-- 第二行功能卡片 -->
<div class="row g-4 mt-4">
<!-- 数据资产登记卡片 -->
<div class="col-md-4">
<div class="card h-100 shadow-sm">
<div class="card-body d-flex flex-column">
<div class="d-flex align-items-center mb-3">
<i class="bi bi-journal-check fs-2 text-purple me-2"></i>
<h5 class="card-title mb-0">数据资产登记</h5>
</div>
<p class="card-text mb-4" style="min-height: 72px;">专业的数据资产登记服务，助力企业完成数据确权和入表。</p>
<div class="mt-auto">
<ul class="list-unstyled mb-4">
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>资产确权</li>
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>价值评估</li>
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>资产入表</li>
</ul>
<a href="#" class="btn btn-purple w-100">开始登记</a>
</div>
</div>
</div>
</div>
<!-- 数据沙箱隐私计算卡片 -->
<div class="col-md-4">
<div class="card h-100 shadow-sm">
<div class="card-body d-flex flex-column">
<div class="d-flex align-items-center mb-3">
<i class="bi bi-shield-lock fs-2 text-danger me-2"></i>
<h5 class="card-title mb-0">数据沙箱隐私计算</h5>
</div>
<p class="card-text mb-4" style="min-height: 72px;">安全可信的隐私计算环境，实现数据可用不可见。</p>
<div class="mt-auto">
<ul class="list-unstyled mb-4">
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>隐私保护</li>
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>安全计算</li>
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>结果可信</li>
</ul>
<a href="#" class="btn btn-danger w-100">立即体验</a>
</div>
</div>
</div>
</div>
<!-- 数据运营场景卡片 -->
<div class="col-md-4">
<div class="card h-100 shadow-sm">
<div class="card-body d-flex flex-column">
<div class="d-flex align-items-center mb-3">
<i class="bi bi-boxes fs-2 text-orange me-2"></i>
<h5 class="card-title mb-0">数据运营场景</h5>
</div>
<p class="card-text mb-4" style="min-height: 72px;">丰富的数据运营场景，助力企业挖掘数据价值。</p>
<div class="mt-auto">
<ul class="list-unstyled mb-4">
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>场景定制</li>
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>模型训练</li>
<li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i>价值变现</li>
</ul>
<a href="pages/data-scenarios.html" class="btn btn-orange w-100">探索场景</a>
</div>
</div>
</div>
</div>
</div>
<!-- 平台优势 -->
<div class="row mt-5">
<div class="col-12">
<h3 class="text-center mb-4">平台优势</h3>
<div class="row g-4">
<div class="col-md-3">
<div class="text-center">
<i class="bi bi-shield-check fs-1 text-primary"></i>
<h5 class="mt-2">安全可靠</h5>
<p class="text-muted">多重安全防护，确保数据安全</p>
</div>
</div>
<div class="col-md-3">
<div class="text-center">
<i class="bi bi-lightning fs-1 text-warning"></i>
<h5 class="mt-2">高效便捷</h5>
<p class="text-muted">快速接入，便捷管理</p>
</div>
</div>
<div class="col-md-3">
<div class="text-center">
<i class="bi bi-gear fs-1 text-success"></i>
<h5 class="mt-2">功能强大</h5>
<p class="text-muted">全方位数据资产管理</p>
</div>
</div>
<div class="col-md-3">
<div class="text-center">
<i class="bi bi-graph-up-arrow fs-1 text-info"></i>
<h5 class="mt-2">价值提升</h5>
<p class="text-muted">数据价值深度挖掘</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div id="footer"></div>
<script src="vendor/bootstrap/bootstrap.bundle.min.js"></script>
<script src="assets/js/components.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink