docs(website): 重构关于页面布局和内容
- 更新页面布局，优化导航栏和面包屑导航 - 重新组织页面内容，突出公司使命和价值观 - 添加发展历程和核心团队介绍 - 更新合作伙伴展示方式 - 调整页脚内容，增加社交媒体链接
This commit is contained in:
@@ -53,259 +53,263 @@
|
||||
<a class="nav-link" href="contact.html">联系我们</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="ms-3">
|
||||
<a href="contact.html" class="btn btn-primary">免费试用</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- 页面内容 -->
|
||||
<main>
|
||||
<!-- 英雄区域 -->
|
||||
<section class="hero-section bg-dark text-white py-5 mt-5">
|
||||
<div class="container py-5">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-8 mx-auto text-center">
|
||||
<h1 class="display-4 fw-bold mb-4">专业解决方案</h1>
|
||||
<p class="lead mb-4">针对不同行业特点和企业规模，提供定制化的活牛采购数字化管理解决方案</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 行业解决方案 -->
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="fw-bold text-dark mb-3">按行业细分解决方案</h2>
|
||||
<p class="text-muted">针对不同养殖行业的特殊需求，提供专业定制的数字化解决方案</p>
|
||||
</div>
|
||||
|
||||
<div class="row g-4">
|
||||
<div class="col-lg-4 col-md-6" data-aos="fade-up">
|
||||
<div class="card h-100 border-0 shadow-sm">
|
||||
<div class="card-body text-center p-4">
|
||||
<div class="feature-icon bg-primary bg-opacity-10 p-3 rounded-circle d-inline-block mb-3" style="width: 60px; height: 60px; font-size: 1.5rem; margin: 0 auto;">
|
||||
<i class="fas fa-cow text-primary"></i>
|
||||
</div>
|
||||
<h5 class="fw-bold text-dark mb-3">肉牛养殖企业</h5>
|
||||
<p class="text-muted">专注于肉牛育肥和屠宰加工环节的采购管理，优化饲料采购和出栏计划</p>
|
||||
<ul class="text-start text-muted small">
|
||||
<li>育肥牛只采购管理</li>
|
||||
<li>饲料和兽药采购优化</li>
|
||||
<li>出栏计划和销售对接</li>
|
||||
<li>成本控制和效益分析</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
|
||||
<div class="card h-100 border-0 shadow-sm">
|
||||
<div class="card-body text-center p-4">
|
||||
<div class="feature-icon bg-success bg-opacity-10 p-3 rounded-circle d-inline-block mb-3" style="width: 60px; height: 60px; font-size: 1.5rem; margin: 0 auto;">
|
||||
<i class="fas fa-seedling text-success"></i>
|
||||
</div>
|
||||
<h5 class="fw-bold text-dark mb-3">奶牛牧场</h5>
|
||||
<p class="text-muted">针对奶牛养殖的特殊需求，优化育种牛只采购和牧场设备采购管理</p>
|
||||
<ul class="text-start text-muted small">
|
||||
<li>优质奶牛育种采购</li>
|
||||
<li>牧场设备和设施采购</li>
|
||||
<li>饲草料采购优化</li>
|
||||
<li>奶制品生产配套</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
|
||||
<div class="card h-100 border-0 shadow-sm">
|
||||
<div class="card-body text-center p-4">
|
||||
<div class="feature-icon bg-warning bg-opacity-10 p-3 rounded-circle d-inline-block mb-3" style="width: 60px; height: 60px; font-size: 1.5rem; margin: 0 auto;">
|
||||
<i class="fas fa-handshake text-warning"></i>
|
||||
</div>
|
||||
<h5 class="fw-bold text-dark mb-3">贸易中介服务</h5>
|
||||
<p class="text-muted">为牛只贸易商提供完整的采购中介服务解决方案，提升交易效率</p>
|
||||
<ul class="text-start text-muted small">
|
||||
<li>买卖双方匹配服务</li>
|
||||
<li>交易流程数字化管理</li>
|
||||
<li>资金结算和安全保障</li>
|
||||
<li>客户关系维护工具</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 企业规模解决方案 -->
|
||||
<section class="py-5 bg-light">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="fw-bold text-dark mb-3">按企业规模定制方案</h2>
|
||||
<p class="text-muted">根据企业规模和采购需求，提供灵活可扩展的数字化解决方案</p>
|
||||
</div>
|
||||
|
||||
<div class="row g-4">
|
||||
<div class="col-lg-6" data-aos="fade-right">
|
||||
<div class="card h-100 border-0 shadow">
|
||||
<div class="card-body p-5">
|
||||
<h4 class="fw-bold text-primary mb-4">中小型养殖企业</h4>
|
||||
<div class="d-flex align-items-center mb-4">
|
||||
<div class="feature-icon bg-primary bg-opacity-10 p-3 rounded-circle d-inline-block me-3" style="width: 50px; height: 50px; font-size: 1.25rem;">
|
||||
<i class="fas fa-users text-primary"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h6 class="fw-bold mb-0">标准版解决方案</h6>
|
||||
<small class="text-muted">适合年采购量100-1000头的企业</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="list-unstyled mb-4">
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>基础采购流程管理</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>供应商信息管理</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>财务结算基础功能</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>移动端基础应用</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>标准报表和分析</li>
|
||||
</ul>
|
||||
|
||||
<div class="text-center">
|
||||
<span class="h4 text-dark fw-bold">¥9,800</span>
|
||||
<span class="text-muted d-block">/年</span>
|
||||
<a href="contact.html" class="btn btn-primary mt-3">立即咨询</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6" data-aos="fade-left">
|
||||
<div class="card h-100 border-0 shadow">
|
||||
<div class="card-body p-5">
|
||||
<h4 class="fw-bold text-primary mb-4">大型养殖集团</h4>
|
||||
<div class="d-flex align-items-center mb-4">
|
||||
<div class="feature-icon bg-success bg-opacity-10 p-3 rounded-circle d-inline-block me-3" style="width: 50px; height: 50px; font-size: 1.25rem;">
|
||||
<i class="fas fa-building text-success"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h6 class="fw-bold mb-0">企业版解决方案</h6>
|
||||
<small class="text-muted">适合年采购量1000头以上的企业</small>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul class="list-unstyled mb-4">
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>全流程采购管理</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>多层级权限管理</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>高级财务分析</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>定制化报表开发</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>API集成服务</li>
|
||||
<li class="mb-2"><i class="fas fa-check text-success me-2"></i>专属技术支持</li>
|
||||
</ul>
|
||||
|
||||
<div class="text-center">
|
||||
<span class="h4 text-dark fw-bold">定制报价</span>
|
||||
<span class="text-muted d-block">根据需求定制</span>
|
||||
<a href="contact.html" class="btn btn-success mt-3">获取定制方案</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA区域 -->
|
||||
<section class="py-5 bg-primary text-white">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-8">
|
||||
<h3 class="fw-bold mb-3">寻找适合您的解决方案？</h3>
|
||||
<p class="mb-4">我们的专家团队将为您提供个性化的咨询和方案定制服务</p>
|
||||
</div>
|
||||
<div class="col-lg-4 text-lg-end">
|
||||
<a href="contact.html" class="btn btn-light btn-lg px-4">立即咨询</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<!-- 页脚 -->
|
||||
<footer class="bg-dark text-white py-5">
|
||||
<!-- 面包屑导航 -->
|
||||
<nav aria-label="breadcrumb" class="pt-5 mt-5">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 mb-4">
|
||||
<h5 class="fw-bold mb-3">活牛采购智能数字化系统</h5>
|
||||
<p class="text-light">
|
||||
专业的数字化采购管理解决方案，
|
||||
为养殖企业提供全流程的采购数字化服务。
|
||||
</p>
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="index.html">首页</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">解决方案</li>
|
||||
</ol>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- 解决方案 -->
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h1 class="display-5 fw-bold mb-4">行业解决方案</h1>
|
||||
<p class="lead">针对不同规模和类型的畜牧企业提供定制化解决方案</p>
|
||||
</div>
|
||||
|
||||
<div class="row g-4 mb-5">
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="card solution-card h-100 border-0">
|
||||
<div class="card-body">
|
||||
<div class="feature-icon mb-4 mx-auto">
|
||||
<i class="fas fa-building"></i>
|
||||
</div>
|
||||
<h5 class="card-title text-center">大型养殖企业</h5>
|
||||
<p class="card-text">针对年采购量超过1000头的大型养殖企业，提供集团化采购管理解决方案。</p>
|
||||
<ul class="list-unstyled mt-3">
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>多级审批流程</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>多供应商管理</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>数据分析报表</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>集团采购协同</li>
|
||||
</ul>
|
||||
<div class="text-center mt-4">
|
||||
<a href="contact.html" class="btn btn-primary">获取方案</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-4 mb-4">
|
||||
<h6 class="fw-bold mb-3">产品</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="product.html" class="text-muted text-decoration-none">产品介绍</a></li>
|
||||
<li><a href="solutions.html" class="text-muted text-decoration-none">解决方案</a></li>
|
||||
<li><a href="#" class="text-muted text-decoration-none">价格方案</a></li>
|
||||
</ul>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="card solution-card h-100 border-0">
|
||||
<div class="card-body">
|
||||
<div class="feature-icon mb-4 mx-auto">
|
||||
<i class="fas fa-home"></i>
|
||||
</div>
|
||||
<h5 class="card-title text-center">中小型牧场</h5>
|
||||
<p class="card-text">针对年采购量在100-1000头的中小型牧场，提供简化版采购管理方案。</p>
|
||||
<ul class="list-unstyled mt-3">
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>简易操作界面</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>基础质检模板</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>成本控制分析</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>移动端支持</li>
|
||||
</ul>
|
||||
<div class="text-center mt-4">
|
||||
<a href="contact.html" class="btn btn-primary">获取方案</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-4 mb-4">
|
||||
<h6 class="fw-bold mb-3">资源</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="cases.html" class="text-muted text-decoration-none">客户案例</a></li>
|
||||
<li><a href="news.html" class="text-muted text-decoration-none">新闻动态</a></li>
|
||||
<li><a href="#" class="text-muted text-decoration-none">帮助文档</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-4 mb-4">
|
||||
<h6 class="fw-bold mb-3">公司</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="about.html" class="text-muted text-decoration-none">关于我们</a></li>
|
||||
<li><a href="contact.html" class="text-muted text-decoration-none">联系我们</a></li>
|
||||
<li><a href="#" class="text-muted text-decoration-none">加入我们</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-4 mb-4">
|
||||
<h6 class="fw-bold mb-3">联系信息</h6>
|
||||
<div class="text-muted">
|
||||
<p class="mb-1"><i class="fas fa-phone me-2"></i> 400-123-4567</p>
|
||||
<p class="mb-1"><i class="fas fa-envelope me-2"></i> info@niumall.com</p>
|
||||
<p class="mb-0"><i class="fas fa-map-marker-alt me-2"></i> 北京市朝阳区</p>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="card solution-card h-100 border-0">
|
||||
<div class="card-body">
|
||||
<div class="feature-icon mb-4 mx-auto">
|
||||
<i class="fas fa-exchange-alt"></i>
|
||||
</div>
|
||||
<h5 class="card-title text-center">贸易商</h5>
|
||||
<p class="card-text">针对活牛贸易商，提供订单管理和交易撮合解决方案。</p>
|
||||
<ul class="list-unstyled mt-3">
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>订单全流程跟踪</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>多方交易协调</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>结算风险控制</li>
|
||||
<li class="mb-2"><i class="fas fa-check-circle text-success me-2"></i>交易数据分析</li>
|
||||
</ul>
|
||||
<div class="text-center mt-4">
|
||||
<a href="contact.html" class="btn btn-primary">获取方案</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4">
|
||||
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-6">
|
||||
<p class="text-muted mb-0">© 2024 活牛采购智能数字化系统. 保留所有权利.</p>
|
||||
<div class="row align-items-center mt-5">
|
||||
<div class="col-lg-6">
|
||||
<h2 class="display-6 mb-4">为什么选择我们的解决方案？</h2>
|
||||
<p>我们的解决方案基于多年行业经验积累，结合先进的数字化技术，为企业提供量身定制的采购管理服务。</p>
|
||||
<div class="mt-4">
|
||||
<div class="d-flex mb-3">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-check-circle text-success fa-2x"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5>行业专业性</h5>
|
||||
<p class="mb-0">深耕畜牧行业多年，深刻理解行业特点和需求</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex mb-3">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-check-circle text-success fa-2x"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5>技术先进性</h5>
|
||||
<p class="mb-0">采用前沿技术架构，确保系统稳定高效运行</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex">
|
||||
<div class="flex-shrink-0">
|
||||
<i class="fas fa-check-circle text-success fa-2x"></i>
|
||||
</div>
|
||||
<div class="flex-grow-1 ms-3">
|
||||
<h5>服务全面性</h5>
|
||||
<p class="mb-0">提供从咨询、实施到运维的全生命周期服务</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 text-md-end">
|
||||
<div class="d-flex justify-content-md-end">
|
||||
<a href="#" class="text-muted me-3"><i class="fab fa-weixin fa-lg"></i></a>
|
||||
<a href="#" class="text-muted me-3"><i class="fab fa-weibo fa-lg"></i></a>
|
||||
<a href="#" class="text-muted"><i class="fab fa-linkedin fa-lg"></i></a>
|
||||
<div class="col-lg-6">
|
||||
<img src="images/solution-banner.jpg" alt="解决方案优势" class="img-fluid rounded shadow" loading="lazy">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 实施流程 -->
|
||||
<section class="py-5 bg-dark">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="display-6 mb-3">实施流程</h2>
|
||||
<p class="text-muted">标准化实施流程，确保项目成功交付</p>
|
||||
</div>
|
||||
|
||||
<div class="row g-4">
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<div class="text-center">
|
||||
<div class="feature-icon mx-auto mb-4">
|
||||
<i class="fas fa-comments"></i>
|
||||
</div>
|
||||
<h5>需求调研</h5>
|
||||
<p class="text-muted">深入了解企业现状和需求，制定个性化方案</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<div class="text-center">
|
||||
<div class="feature-icon mx-auto mb-4">
|
||||
<i class="fas fa-cogs"></i>
|
||||
</div>
|
||||
<h5>系统部署</h5>
|
||||
<p class="text-muted">快速部署系统环境，进行基础配置</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<div class="text-center">
|
||||
<div class="feature-icon mx-auto mb-4">
|
||||
<i class="fas fa-graduation-cap"></i>
|
||||
</div>
|
||||
<h5>培训指导</h5>
|
||||
<p class="text-muted">提供全面培训，确保用户熟练使用</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-lg-3">
|
||||
<div class="text-center">
|
||||
<div class="feature-icon mx-auto mb-4">
|
||||
<i class="fas fa-sync-alt"></i>
|
||||
</div>
|
||||
<h5>持续优化</h5>
|
||||
<p class="text-muted">根据使用反馈，持续优化系统功能</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA -->
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="card bg-primary text-white border-0 shadow">
|
||||
<div class="card-body p-5 text-center">
|
||||
<h3 class="mb-3">获取专属解决方案</h3>
|
||||
<p class="mb-4">立即联系我们的专家团队，获取适合您的定制化解决方案</p>
|
||||
<a href="contact.html" class="btn btn-light btn-lg">联系我们</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 页脚 -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 mb-4 mb-lg-0">
|
||||
<h5 class="footer-title">活牛采购智能数字化系统</h5>
|
||||
<p>专业的活牛采购全流程数字化管理解决方案，提升采购效率，降低经营风险。</p>
|
||||
<div class="d-flex">
|
||||
<a href="#" class="social-icon"><i class="fab fa-weixin"></i></a>
|
||||
<a href="#" class="social-icon"><i class="fab fa-weibo"></i></a>
|
||||
<a href="#" class="social-icon"><i class="fab fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-4 mb-4 mb-md-0">
|
||||
<h5 class="footer-title">产品</h5>
|
||||
<ul class="list-unstyled">
|
||||
<li class="mb-2"><a href="product.html">功能介绍</a></li>
|
||||
<li class="mb-2"><a href="solutions.html">解决方案</a></li>
|
||||
<li class="mb-2"><a href="cases.html">客户案例</a></li>
|
||||
<li class="mb-2"><a href="news.html">更新日志</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-4 mb-4 mb-md-0">
|
||||
<h5 class="footer-title">支持</h5>
|
||||
<ul class="list-unstyled">
|
||||
<li class="mb-2"><a href="#">帮助中心</a></li>
|
||||
<li class="mb-2"><a href="#">在线客服</a></li>
|
||||
<li class="mb-2"><a href="#">开发者文档</a></li>
|
||||
<li class="mb-2"><a href="#">合作伙伴</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4 col-md-4">
|
||||
<h5 class="footer-title">联系我们</h5>
|
||||
<ul class="list-unstyled">
|
||||
<li class="mb-2"><i class="fas fa-map-marker-alt me-2"></i> 北京市朝阳区xxx街道xxx号</li>
|
||||
<li class="mb-2"><i class="fas fa-phone me-2"></i> 400-xxx-xxxx</li>
|
||||
<li class="mb-2"><i class="fas fa-envelope me-2"></i> info@example.com</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="copyright text-center">
|
||||
<p>© 2023 活牛采购智能数字化系统. 保留所有权利。</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- JavaScript -->
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- 返回顶部按钮 -->
|
||||
<button class="back-to-top" aria-label="返回顶部">
|
||||
<i class="fas fa-arrow-up"></i>
|
||||
</button>
|
||||
|
||||
<!-- Bootstrap JS -->
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- AOS Animation -->
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.js"></script>
|
||||
<!-- 自定义脚本 -->
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
<script>
|
||||
// 初始化AOS动画
|
||||
AOS.init({
|
||||
duration: 1000,
|
||||
once: true,
|
||||
offset: 100
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user