mapleaf
a9209b9c75
- 更新页面布局，优化导航栏和面包屑导航 - 重新组织页面内容，突出公司使命和价值观 - 添加发展历程和核心团队介绍 - 更新合作伙伴展示方式 - 调整页脚内容，增加社交媒体链接
358 lines
20 KiB
HTML
358 lines
20 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>新闻动态 - 活牛采购智能数字化系统</title>
|
||
<meta name="description" content="获取活牛采购智能数字化系统的最新动态、行业新闻和技术更新，了解养殖数字化领域的最新发展趋势和公司进展。">
|
||
|
||
<!-- Bootstrap 5 CSS -->
|
||
<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
|
||
<!-- Bootstrap Icons -->
|
||
<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.11.0/font/bootstrap-icons.min.css" rel="stylesheet">
|
||
<!-- Font Awesome -->
|
||
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.min.css" rel="stylesheet">
|
||
<!-- AOS Animation -->
|
||
<link href="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
|
||
<!-- 自定义样式 -->
|
||
<link href="css/custom.css" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
<!-- 导航栏 -->
|
||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow-sm">
|
||
<div class="container">
|
||
<a class="navbar-brand fw-bold" href="index.html">活牛采购智能数字化系统</a>
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<div class="collapse navbar-collapse" id="navbarNav">
|
||
<ul class="navbar-nav ms-auto">
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="index.html">首页</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="product.html">产品介绍</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="solutions.html">解决方案</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="cases.html">客户案例</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link active" href="news.html">新闻动态</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="about.html">关于我们</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<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>
|
||
|
||
<!-- 面包屑导航 -->
|
||
<nav aria-label="breadcrumb" class="pt-5 mt-5">
|
||
<div class="container">
|
||
<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">
|
||
<!-- 新闻1 -->
|
||
<div class="col-12">
|
||
<div class="card border-0">
|
||
<div class="row g-0">
|
||
<div class="col-md-4">
|
||
<img src="images/news1.jpg" class="img-fluid rounded-start h-100 object-fit-cover" alt="产品更新">
|
||
</div>
|
||
<div class="col-md-8">
|
||
<div class="card-body h-100 d-flex flex-column">
|
||
<div>
|
||
<span class="badge bg-primary mb-2">产品更新</span>
|
||
<h3 class="card-title">活牛采购智能数字化系统V3.0正式发布</h3>
|
||
<p class="card-text text-muted">新版本增加了智能采购建议、移动端优化、数据可视化等功能，进一步提升了用户体验和系统性能。</p>
|
||
</div>
|
||
<div class="mt-auto">
|
||
<div class="d-flex justify-content-between align-items-center">
|
||
<small class="text-muted">
|
||
<i class="far fa-calendar-alt me-1"></i> 2023年10月15日
|
||
<i class="far fa-user ms-3 me-1"></i> 产品经理
|
||
</small>
|
||
<a href="#news-detail-1" class="btn btn-outline-primary">阅读更多</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 新闻2 -->
|
||
<div class="col-12">
|
||
<div class="card border-0">
|
||
<div class="row g-0">
|
||
<div class="col-md-4">
|
||
<img src="images/news2.jpg" class="img-fluid rounded-start h-100 object-fit-cover" alt="行业资讯">
|
||
</div>
|
||
<div class="col-md-8">
|
||
<div class="card-body h-100 d-flex flex-column">
|
||
<div>
|
||
<span class="badge bg-success mb-2">行业资讯</span>
|
||
<h3 class="card-title">数字化转型推动畜牧业高质量发展</h3>
|
||
<p class="card-text text-muted">随着信息技术的发展，数字化转型已成为畜牧业发展的必然趋势。活牛采购智能数字化系统引领行业变革。</p>
|
||
</div>
|
||
<div class="mt-auto">
|
||
<div class="d-flex justify-content-between align-items-center">
|
||
<small class="text-muted">
|
||
<i class="far fa-calendar-alt me-1"></i> 2023年9月28日
|
||
<i class="far fa-user ms-3 me-1"></i> 行业分析师
|
||
</small>
|
||
<a href="#news-detail-2" class="btn btn-outline-primary">阅读更多</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 新闻3 -->
|
||
<div class="col-12">
|
||
<div class="card border-0">
|
||
<div class="row g-0">
|
||
<div class="col-md-4">
|
||
<img src="images/news3.jpg" class="img-fluid rounded-start h-100 object-fit-cover" alt="客户案例">
|
||
</div>
|
||
<div class="col-md-8">
|
||
<div class="card-body h-100 d-flex flex-column">
|
||
<div>
|
||
<span class="badge bg-info mb-2">客户案例</span>
|
||
<h3 class="card-title">XX牧业集团成功实施采购数字化项目</h3>
|
||
<p class="card-text text-muted">通过与我们合作，XX牧业集团实现了采购流程的全面数字化，采购效率提升40%，成本降低30%。</p>
|
||
</div>
|
||
<div class="mt-auto">
|
||
<div class="d-flex justify-content-between align-items-center">
|
||
<small class="text-muted">
|
||
<i class="far fa-calendar-alt me-1"></i> 2023年9月12日
|
||
<i class="far fa-user ms-3 me-1"></i> 客户成功部
|
||
</small>
|
||
<a href="#news-detail-3" class="btn btn-outline-primary">阅读更多</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 更多新闻 -->
|
||
<div class="col-12">
|
||
<div class="card border-0">
|
||
<div class="card-body">
|
||
<h4 class="card-title">系统优化升级，提升用户体验</h4>
|
||
<p class="card-text text-muted">我们持续对系统进行优化升级，不断提升用户体验和系统性能。最新版本解决了部分用户反馈的问题。</p>
|
||
<div class="d-flex justify-content-between align-items-center">
|
||
<small class="text-muted">
|
||
<i class="far fa-calendar-alt me-1"></i> 2023年8月25日
|
||
<i class="far fa-user ms-3 me-1"></i> 技术团队
|
||
</small>
|
||
<a href="#" class="btn btn-outline-primary">阅读更多</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-12">
|
||
<div class="card border-0">
|
||
<div class="card-body">
|
||
<h4 class="card-title">荣获"2023年度畜牧科技创新奖"</h4>
|
||
<p class="card-text text-muted">凭借在畜牧行业数字化转型方面的突出贡献，我们的活牛采购智能数字化系统荣获"2023年度畜牧科技创新奖"。</p>
|
||
<div class="d-flex justify-content-between align-items-center">
|
||
<small class="text-muted">
|
||
<i class="far fa-calendar-alt me-1"></i> 2023年8月10日
|
||
<i class="far fa-user ms-3 me-1"></i> 市场部
|
||
</small>
|
||
<a href="#" class="btn btn-outline-primary">阅读更多</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-12">
|
||
<div class="card border-0">
|
||
<div class="card-body">
|
||
<h4 class="card-title">与YY农业大学建立产学研合作关系</h4>
|
||
<p class="card-text text-muted">为进一步推动技术创新，我们与YY农业大学签署战略合作协议，共同开展畜牧行业数字化转型研究。</p>
|
||
<div class="d-flex justify-content-between align-items-center">
|
||
<small class="text-muted">
|
||
<i class="far fa-calendar-alt me-1"></i> 2023年7月18日
|
||
<i class="far fa-user ms-3 me-1"></i> 合作发展部
|
||
</small>
|
||
<a href="#" class="btn btn-outline-primary">阅读更多</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 分页 -->
|
||
<nav aria-label="新闻分页" class="mt-5">
|
||
<ul class="pagination justify-content-center">
|
||
<li class="page-item disabled">
|
||
<a class="page-link" href="#" tabindex="-1" aria-disabled="true">上一页</a>
|
||
</li>
|
||
<li class="page-item active" aria-current="page">
|
||
<a class="page-link" href="#">1</a>
|
||
</li>
|
||
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
||
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
||
<li class="page-item">
|
||
<a class="page-link" href="#">下一页</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 新闻详情 -->
|
||
<section id="news-detail-1" class="py-5 bg-light">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-8">
|
||
<article>
|
||
<span class="badge bg-primary mb-3">产品更新</span>
|
||
<h1 class="display-6 mb-4">活牛采购智能数字化系统V3.0正式发布</h1>
|
||
<div class="d-flex text-muted mb-4">
|
||
<span class="me-3"><i class="far fa-calendar-alt me-1"></i> 2023年10月15日</span>
|
||
<span class="me-3"><i class="far fa-user me-1"></i> 产品经理</span>
|
||
<span><i class="far fa-eye me-1"></i> 阅读量: 1256</span>
|
||
</div>
|
||
<img src="images/news1.jpg" alt="产品更新" class="img-fluid rounded mb-4">
|
||
|
||
<p>我们很高兴地宣布，活牛采购智能数字化系统V3.0版本正式发布！新版本在原有功能基础上进行了全面升级和优化，为用户带来更加智能、便捷的使用体验。</p>
|
||
|
||
<h4 class="mt-4">主要更新内容</h4>
|
||
|
||
<h5 class="mt-3">1. 智能采购建议</h5>
|
||
<p>基于历史数据和市场趋势分析，系统能够为用户提供智能采购建议，包括采购时机、数量预测、价格趋势等，帮助用户做出更明智的采购决策。</p>
|
||
|
||
<h5 class="mt-3">2. 移动端优化</h5>
|
||
<p>针对移动设备进行了全面优化，界面更加简洁直观，操作更加流畅便捷。无论您是在牧场、运输途中还是办公室，都能轻松管理采购流程。</p>
|
||
|
||
<h5 class="mt-3">3. 数据可视化</h5>
|
||
<p>新增丰富的数据可视化功能，通过图表形式直观展示采购数据、成本分析、供应商绩效等关键指标，让数据更有价值。</p>
|
||
|
||
<h5 class="mt-3">4. 性能优化</h5>
|
||
<p>对系统架构进行了优化，提升了数据处理能力和响应速度，即使在高峰期也能保持流畅运行。</p>
|
||
|
||
<h4 class="mt-4">用户反馈</h4>
|
||
<blockquote class="blockquote">
|
||
<p>"V3.0版本的智能采购建议功能非常实用，帮助我们更好地把握市场时机，降低了采购成本。"</p>
|
||
<footer class="blockquote-footer">某大型牧业集团采购经理</footer>
|
||
</blockquote>
|
||
|
||
<div class="alert alert-info mt-4">
|
||
<h5>如何升级</h5>
|
||
<p>现有用户可登录系统后台进行在线升级，新用户可直接访问官网下载最新版本。如有任何疑问，请联系我们的技术支持团队。</p>
|
||
</div>
|
||
</article>
|
||
</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>
|
||
|
||
<!-- 返回顶部按钮 -->
|
||
<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>
|
||
</body>
|
||
</html> |