246 lines
13 KiB
HTML
246 lines
13 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>
|
||
<!-- Bootstrap 5 CSS -->
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
<!-- Bootstrap Icons -->
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet">
|
||
<!-- 自定义CSS -->
|
||
<link href="css/style.css" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
<!-- 顶部导航栏 -->
|
||
<nav class="navbar navbar-expand-lg navbar-dark bg-success fixed-top">
|
||
<div class="container">
|
||
<a class="navbar-brand d-flex align-items-center" href="index.html">
|
||
<i class="bi bi-cloud-sun-fill me-2"></i>
|
||
<span>锡林郭勒盟畜牧数字化管理平台</span>
|
||
</a>
|
||
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||
<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="index.html#features">平台功能</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="data.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>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- 蒙古族风格装饰条 -->
|
||
<div class="gold-pattern"></div>
|
||
|
||
<!-- 新闻资讯内容 -->
|
||
<section class="py-5 mt-5">
|
||
<div class="container">
|
||
<div class="text-center mb-5">
|
||
<h1 class="fw-bold display-4 mb-3">行业动态</h1>
|
||
<p class="lead text-muted">了解畜牧业最新政策与市场资讯</p>
|
||
</div>
|
||
|
||
<div class="row g-4 mb-5">
|
||
<!-- 分类筛选 -->
|
||
<div class="col-12">
|
||
<div class="d-flex flex-wrap gap-2 justify-content-center">
|
||
<button class="btn btn-success active" type="button">全部</button>
|
||
<button class="btn btn-outline-success" type="button">政策解读</button>
|
||
<button class="btn btn-outline-success" type="button">市场动态</button>
|
||
<button class="btn btn-outline-success" type="button">技术前沿</button>
|
||
<button class="btn btn-outline-success" type="button">行业报告</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row g-4">
|
||
<!-- 新闻项1 -->
|
||
<div class="col-md-6 col-lg-4">
|
||
<div class="card h-100">
|
||
<img src="images/news-1.jpg" class="card-img-top" alt="新闻图片1">
|
||
<div class="card-body">
|
||
<span class="badge bg-success mb-2">政策解读</span>
|
||
<h3 class="h5">锡林郭勒盟出台畜牧业数字化发展三年规划</h3>
|
||
<p class="text-muted small">2025-08-15</p>
|
||
<p class="card-text">规划提出到2027年实现全盟畜牧业数字化覆盖率90%以上，建设完善的畜牧业数字化管理体系...</p>
|
||
<a href="#" class="btn btn-link p-0 text-success">阅读全文 <i class="bi bi-arrow-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 新闻项2 -->
|
||
<div class="col-md-6 col-lg-4">
|
||
<div class="card h-100">
|
||
<img src="images/news-2.jpg" class="card-img-top" alt="新闻图片2">
|
||
<div class="card-body">
|
||
<span class="badge bg-success mb-2">市场动态</span>
|
||
<h3 class="h5">优质牛肉价格连续三月上涨</h3>
|
||
<p class="text-muted small">2025-08-10</p>
|
||
<p class="card-text">受市场需求增加影响，优质牛肉价格环比上涨8.5%，养殖户收益显著提升...</p>
|
||
<a href="#" class="btn btn-link p-0 text-success">阅读全文 <i class="bi bi-arrow-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 新闻项3 -->
|
||
<div class="col-md-6 col-lg-4">
|
||
<div class="card h-100">
|
||
<img src="images/news-3.jpg" class="card-img-top" alt="新闻图片3">
|
||
<div class="card-body">
|
||
<span class="badge bg-success mb-2">技术前沿</span>
|
||
<h3 class="h5">区块链技术在畜牧业追溯系统中的应用</h3>
|
||
<p class="text-muted small">2025-08-05</p>
|
||
<p class="card-text">新型区块链技术可实现牲畜从养殖到餐桌的全流程追溯，保障食品安全...</p>
|
||
<a href="#" class="btn btn-link p-0 text-success">阅读全文 <i class="bi bi-arrow-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 新闻项4 -->
|
||
<div class="col-md-6 col-lg-4">
|
||
<div class="card h-100">
|
||
<img src="images/news-1.jpg" class="card-img-top" alt="新闻图片4">
|
||
<div class="card-body">
|
||
<span class="badge bg-success mb-2">行业报告</span>
|
||
<h3 class="h5">2025年上半年锡林郭勒盟畜牧业发展报告</h3>
|
||
<p class="text-muted small">2025-07-20</p>
|
||
<p class="card-text">报告显示，上半年全盟畜牧业总产值同比增长6.8%，数字化转型成效显著...</p>
|
||
<a href="#" class="btn btn-link p-0 text-success">阅读全文 <i class="bi bi-arrow-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 新闻项5 -->
|
||
<div class="col-md-6 col-lg-4">
|
||
<div class="card h-100">
|
||
<img src="images/news-2.jpg" class="card-img-top" alt="新闻图片5">
|
||
<div class="card-body">
|
||
<span class="badge bg-success mb-2">政策解读</span>
|
||
<h3 class="h5">国家出台草原生态保护补助奖励政策</h3>
|
||
<p class="text-muted small">2025-07-15</p>
|
||
<p class="card-text">新政将为锡林郭勒盟牧民提供每亩草原生态补偿，促进可持续发展...</p>
|
||
<a href="#" class="btn btn-link p-0 text-success">阅读全文 <i class="bi bi-arrow-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 新闻项6 -->
|
||
<div class="col-md-6 col-lg-4">
|
||
<div class="card h-100">
|
||
<img src="images/news-3.jpg" class="card-img-top" alt="新闻图片6">
|
||
<div class="card-body">
|
||
<span class="badge bg-success mb-2">市场动态</span>
|
||
<h3 class="h5">锡林郭勒盟羊肉获欧盟有机认证</h3>
|
||
<p class="text-muted small">2025-07-10</p>
|
||
<p class="card-text">本地优质羊肉成功获得欧盟有机食品认证，将扩大出口市场...</p>
|
||
<a href="#" class="btn btn-link p-0 text-success">阅读全文 <i class="bi bi-arrow-right"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 分页 -->
|
||
<div class="row mt-5">
|
||
<div class="col-12">
|
||
<nav aria-label="新闻分页">
|
||
<ul class="pagination justify-content-center">
|
||
<li class="page-item disabled">
|
||
<a class="page-link" href="#" tabindex="-1">上一页</a>
|
||
</li>
|
||
<li class="page-item active"><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>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 页脚 -->
|
||
<footer class="bg-success text-white py-5">
|
||
<div class="container">
|
||
<div class="row g-4">
|
||
<div class="col-lg-4">
|
||
<h3 class="h4 mb-4">
|
||
<i class="bi bi-cloud-sun-fill me-2"></i>
|
||
锡林郭勒盟畜牧数字化管理平台
|
||
</h3>
|
||
<p>
|
||
打造现代化畜牧业全产业链数字化管理平台，推动锡林郭勒盟畜牧业高质量发展。
|
||
</p>
|
||
<div class="d-flex gap-3">
|
||
<a href="#" class="text-white fs-4"><i class="bi bi-wechat"></i></a>
|
||
<a href="#" class="text-white fs-4"><i class="bi bi-weibo"></i></a>
|
||
<a href="#" class="text-white fs-4"><i class="bi bi-youtube"></i></a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-4">
|
||
<h3 class="h4 mb-4">快速链接</h3>
|
||
<ul class="list-unstyled">
|
||
<li class="mb-2"><a href="index.html" class="text-white text-decoration-none">平台首页</a></li>
|
||
<li class="mb-2"><a href="index.html#features" class="text-white text-decoration-none">核心功能</a></li>
|
||
<li class="mb-2"><a href="data.html" class="text-white text-decoration-none">数据看板</a></li>
|
||
<li class="mb-2"><a href="news.html" class="text-white text-decoration-none">新闻资讯</a></li>
|
||
<li class="mb-2"><a href="about.html" class="text-white text-decoration-none">关于我们</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="col-lg-4">
|
||
<h3 class="h4 mb-4">联系我们</h3>
|
||
<ul class="list-unstyled">
|
||
<li class="mb-2">
|
||
<i class="bi bi-geo-alt-fill me-2"></i>
|
||
内蒙古自治区锡林郭勒盟锡林浩特市
|
||
</li>
|
||
<li class="mb-2">
|
||
<i class="bi bi-telephone-fill me-2"></i>
|
||
0479-8888888
|
||
</li>
|
||
<li class="mb-2">
|
||
<i class="bi bi-envelope-fill me-2"></i>
|
||
contact@xlxumu.com
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<hr class="my-4 opacity-25">
|
||
|
||
<div class="text-center">
|
||
<p class="mb-0">
|
||
© 2025 锡林郭勒盟畜牧数字化管理平台. 保留所有权利 |
|
||
<a href="#" class="text-white text-decoration-none">隐私政策</a> |
|
||
<a href="#" class="text-white text-decoration-none">使用条款</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- Bootstrap JS -->
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||
<!-- 自定义JS -->
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
</html> |