386 lines
22 KiB
HTML
386 lines
22 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>
|
||
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
|
||
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.css" rel="stylesheet">
|
||
<link href="css/style.css" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
<!-- 导航栏 -->
|
||
<nav class="navbar navbar-expand-lg navbar-light bg-white fixed-top shadow-sm">
|
||
<div class="container">
|
||
<a class="navbar-brand" href="index.html">
|
||
<i class="fas fa-flower text-primary me-2"></i>
|
||
<span class="fw-bold text-primary">爱鉴花</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="about.html">关于我们</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="products.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="contact.html">联系我们</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- 页面标题 -->
|
||
<section class="page-header bg-gradient-primary text-white py-5">
|
||
<div class="container py-5">
|
||
<div class="row">
|
||
<div class="col-12 text-center">
|
||
<h1 class="display-4 fw-bold mb-3">新闻中心</h1>
|
||
<p class="lead">关注爱鉴花的最新动态和行业资讯</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 新闻内容 -->
|
||
<section class="py-5">
|
||
<div class="container py-5">
|
||
<div class="row">
|
||
<!-- 主内容区 -->
|
||
<div class="col-lg-8">
|
||
<!-- 公司动态 -->
|
||
<div class="mb-5">
|
||
<h2 class="fw-bold mb-4 text-dark">公司动态</h2>
|
||
|
||
<!-- 新闻文章1 -->
|
||
<article class="card news-article border-0 shadow-sm mb-4">
|
||
<div class="row g-0">
|
||
<div class="col-md-4">
|
||
<img src="images/news-1.jpg" class="img-fluid h-100 object-fit-cover rounded-start" alt="小程序上线">
|
||
</div>
|
||
<div class="col-md-8">
|
||
<div class="card-body">
|
||
<div class="d-flex align-items-center mb-2">
|
||
<span class="badge bg-primary me-2">公司新闻</span>
|
||
<small class="text-muted">2024-01-15</small>
|
||
</div>
|
||
<h3 class="h4 card-title">爱鉴花微信小程序正式上线</h3>
|
||
<p class="card-text text-muted">
|
||
经过数月的精心开发和测试，爱鉴花微信小程序今日正式上线。
|
||
用户可以通过微信搜索"爱鉴花"或扫描二维码即可体验智能花卉识别服务。
|
||
</p>
|
||
<a href="news-detail.html" class="btn btn-outline-primary btn-sm">阅读全文</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
|
||
<!-- 新闻文章2 -->
|
||
<article class="card news-article border-0 shadow-sm mb-4">
|
||
<div class="row g-0">
|
||
<div class="col-md-4">
|
||
<img src="images/news-2.jpg" class="img-fluid h-100 object-fit-cover rounded-start" alt="AI识别">
|
||
</div>
|
||
<div class="col-md-8">
|
||
<div class="card-body">
|
||
<div class="d-flex align-items-center mb-2">
|
||
<span class="badge bg-primary me-2">技术突破</span>
|
||
<small class="text-muted">2024-01-10</small>
|
||
</div>
|
||
<h3 class="h4 card-title">AI识别准确率突破95%大关</h3>
|
||
<p class="card-text text-muted">
|
||
通过最新的深度学习算法优化，爱鉴花的AI识别准确率成功突破95%，
|
||
在花卉识别领域达到行业领先水平。
|
||
</p>
|
||
<a href="news-detail.html" class="btn btn-outline-primary btn-sm">阅读全文</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
|
||
<!-- 新闻文章3 -->
|
||
<article class="card news-article border-0 shadow-sm mb-4">
|
||
<div class="row g-0">
|
||
<div class="col-md-4">
|
||
<img src="images/news-3.jpg" class="img-fluid h-100 object-fit-cover rounded-start" alt="数据更新">
|
||
</div>
|
||
<div class="col-md-8">
|
||
<div class="card-body">
|
||
<div class="d-flex align-items-center mb-2">
|
||
<span class="badge bg-primary me-2">产品更新</span>
|
||
<small class="text-muted">2024-01-05</small>
|
||
</div>
|
||
<h3 class="h4 card-title">知识库新增1000种花卉数据</h3>
|
||
<p class="card-text text-muted">
|
||
本次更新新增1000种花卉的详细信息，包括生长习性、养护方法、药用价值等，
|
||
为用户提供更全面的植物知识服务。
|
||
</p>
|
||
<a href="news-detail.html" class="btn btn-outline-primary btn-sm">阅读全文</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
|
||
<!-- 行业资讯 -->
|
||
<div class="mb-5">
|
||
<h2 class="fw-bold mb-4 text-dark">行业资讯</h2>
|
||
|
||
<!-- 行业新闻1 -->
|
||
<article class="card news-article border-0 shadow-sm mb-4">
|
||
<div class="card-body">
|
||
<div class="d-flex align-items-center mb-2">
|
||
<span class="badge bg-info me-2">行业动态</span>
|
||
<small class="text-muted">2024-01-08</small>
|
||
</div>
|
||
<h3 class="h5 card-title">人工智能在植物识别领域的应用前景</h3>
|
||
<p class="card-text text-muted">
|
||
随着深度学习技术的发展，AI在植物识别领域的应用越来越广泛。
|
||
专家预测，未来几年该领域将迎来爆发式增长。
|
||
</p>
|
||
<a href="news-detail.html" class="btn btn-outline-info btn-sm">阅读全文</a>
|
||
</div>
|
||
</article>
|
||
|
||
<!-- 行业新闻2 -->
|
||
<article class="card news-article border-0 shadow-sm mb-4">
|
||
<div class="card-body">
|
||
<div class="d-flex align-items-center mb-2">
|
||
<span class="badge bg-info me-2">市场分析</span>
|
||
<small class="text-muted">2024-01-03</small>
|
||
</div>
|
||
<h3 class="h5 card-title">2024年植物识别APP市场趋势分析</h3>
|
||
<p class="card-text text-muted">
|
||
最新市场研究报告显示，植物识别类APP用户规模持续增长，
|
||
预计2024年全球市场规模将达到50亿美元。
|
||
</p>
|
||
<a href="news-detail.html" class="btn btn-outline-info btn-sm">阅读全文</a>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
|
||
<!-- 媒体报道 -->
|
||
<div>
|
||
<h2 class="fw-bold mb-4 text-dark">媒体报道</h2>
|
||
|
||
<!-- 媒体报道1 -->
|
||
<article class="card news-article border-0 shadow-sm mb-4">
|
||
<div class="card-body">
|
||
<div class="d-flex align-items-center mb-2">
|
||
<span class="badge bg-warning me-2">媒体报道</span>
|
||
<small class="text-muted">2024-01-12</small>
|
||
</div>
|
||
<h3 class="h5 card-title">科技日报：爱鉴花用AI技术连接人与自然</h3>
|
||
<p class="card-text text-muted">
|
||
"爱鉴花团队通过先进的AI技术，让普通用户也能轻松识别植物，
|
||
这种技术创新对普及植物知识具有重要意义。"
|
||
</p>
|
||
<a href="news-detail.html" class="btn btn-outline-warning btn-sm">阅读全文</a>
|
||
</div>
|
||
</article>
|
||
|
||
<!-- 媒体报道2 -->
|
||
<article class="card news-article border-0 shadow-sm mb-4">
|
||
<div class="card-body">
|
||
<div class="d-flex align-items-center mb-2">
|
||
<span class="badge bg-warning me-2">专访</span>
|
||
<small class="text-muted">2024-01-07</small>
|
||
</div>
|
||
<h3 class="h5 card-title">创业邦专访：爱鉴花创始人的AI情怀</h3>
|
||
<p class="card-text text-muted">
|
||
"我们希望通过技术让更多人关注和热爱自然，
|
||
这是爱鉴花团队的初心和使命。"——创始人张明
|
||
</p>
|
||
<a href="news-detail.html" class="btn btn-outline-warning btn-sm">阅读全文</a>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
|
||
<!-- 分页 -->
|
||
<nav aria-label="Page navigation">
|
||
<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 class="col-lg-4">
|
||
<!-- 搜索框 -->
|
||
<div class="card border-0 shadow-sm mb-4">
|
||
<div class="card-body">
|
||
<h5 class="card-title">搜索新闻</h5>
|
||
<div class="input-group">
|
||
<input type="text" class="form-control" placeholder="输入关键词...">
|
||
<button class="btn btn-primary" type="button">
|
||
<i class="fas fa-search"></i>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 新闻分类 -->
|
||
<div class="card border-0 shadow-sm mb-4">
|
||
<div class="card-body">
|
||
<h5 class="card-title">新闻分类</h5>
|
||
<ul class="list-group list-group-flush">
|
||
<li class="list-group-item d-flex justify-content-between align-items-center">
|
||
<a href="#" class="text-decoration-none text-dark">公司新闻</a>
|
||
<span class="badge bg-primary rounded-pill">12</span>
|
||
</li>
|
||
<li class="list-group-item d-flex justify-content-between align-items-center">
|
||
<a href="#" class="text-decoration-none text-dark">技术突破</a>
|
||
<span class="badge bg-primary rounded-pill">8</span>
|
||
</li>
|
||
<li class="list-group-item d-flex justify-content-between align-items-center">
|
||
<a href="#" class="text-decoration-none text-dark">产品更新</a>
|
||
<span class="badge bg-primary rounded-pill">15</span>
|
||
</li>
|
||
<li class="list-group-item d-flex justify-content-between align-items-center">
|
||
<a href="#" class="text-decoration-none text-dark">行业动态</a>
|
||
<span class="badge bg-primary rounded-pill">6</span>
|
||
</li>
|
||
<li class="list-group-item d-flex justify-content-between align-items-center">
|
||
<a href="#" class="text-decoration-none text-dark">媒体报道</a>
|
||
<span class="badge bg-primary rounded-pill">9</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 热门新闻 -->
|
||
<div class="card border-0 shadow-sm mb-4">
|
||
<div class="card-body">
|
||
<h5 class="card-title">热门新闻</h5>
|
||
<div class="list-group list-group-flush">
|
||
<a href="#" class="list-group-item list-group-item-action">
|
||
<div class="d-flex w-100 justify-content-between">
|
||
<h6 class="mb-1">小程序上线首日用户破万</h6>
|
||
<small class="text-muted">3天前</small>
|
||
</div>
|
||
<small class="text-muted">阅读量: 2,345</small>
|
||
</a>
|
||
<a href="#" class="list-group-item list-group-item-action">
|
||
<div class="d-flex w-100 justify-content-between">
|
||
<h6 class="mb-1">AI识别准确率行业领先</h6>
|
||
<small class="text-muted">1周前</small>
|
||
</div>
|
||
<small class="text-muted">阅读量: 1,876</small>
|
||
</a>
|
||
<a href="#" class="list-group-item list-group-item-action">
|
||
<div class="d-flex w-100 justify-content-between">
|
||
<h6 class="mb-1">新增千种花卉数据</h6>
|
||
<small class="text-muted">2周前</small>
|
||
</div>
|
||
<small class="text-muted">阅读量: 1,532</small>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 订阅更新 -->
|
||
<div class="card border-0 shadow-sm">
|
||
<div class="card-body text-center">
|
||
<h5 class="card-title">订阅更新</h5>
|
||
<p class="text-muted small">第一时间获取最新新闻动态</p>
|
||
<div class="input-group mb-3">
|
||
<input type="email" class="form-control" placeholder="您的邮箱">
|
||
<button class="btn btn-primary" type="button">订阅</button>
|
||
</div>
|
||
<small class="text-muted">我们尊重您的隐私，绝不会分享您的信息</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 页脚 -->
|
||
<footer class="bg-dark text-white py-5">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-4 mb-4">
|
||
<h5 class="mb-3">爱鉴花</h5>
|
||
<p class="text-muted">智能花卉识别平台，让您更好地了解和欣赏自然之美。</p>
|
||
<div class="social-links">
|
||
<a href="#" class="text-white me-3"><i class="fab fa-weixin"></i></a>
|
||
<a href="#" class="text-white me-3"><i class="fab fa-weibo"></i></a>
|
||
<a href="#" class="text-white"><i class="fab fa-github"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-2 mb-4">
|
||
<h6 class="mb-3">产品</h6>
|
||
<ul class="list-unstyled">
|
||
<li><a href="#" class="text-muted text-decoration-none">微信小程序</a></li>
|
||
<li><a href="#" class="text-muted text-decoration-none">API服务</a></li>
|
||
<li><a href="#" class="text-muted text-decoration-none">企业版</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-lg-2 mb-4">
|
||
<h6 class="mb-3">支持</h6>
|
||
<ul class="list-unstyled">
|
||
<li><a href="#" class="text-muted text-decoration-none">帮助中心</a></li>
|
||
<li><a href="#" 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-4 mb-4">
|
||
<h6 class="mb-3">联系我们</h6>
|
||
<p class="text-muted mb-1"><i class="fas fa-map-marker-alt me-2"></i>北京市海淀区中关村大街</p>
|
||
<p class="text-muted mb-1"><i class="fas fa-phone me-2"></i>400-123-4567</p>
|
||
<p class="text-muted"><i class="fas fa-envelope me-2"></i>contact@aijianhua.com</p>
|
||
</div>
|
||
</div>
|
||
<hr class="my-4">
|
||
<div class="row align-items-center">
|
||
<div class="col-md-6 text-center text-md-start">
|
||
<p class="text-muted mb-0">© 2024 爱鉴花. 保留所有权利.</p>
|
||
</div>
|
||
<div class="col-md-6 text-center text-md-end">
|
||
<p class="text-muted mb-0">
|
||
<a href="#" class="text-muted text-decoration-none me-3">隐私政策</a>
|
||
<a href="#" class="text-muted text-decoration-none me-3">服务条款</a>
|
||
<a href="#" class="text-muted text-decoration-none">京ICP备12345678号</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="text-center mt-3">
|
||
<p class="text-muted small">
|
||
友情链接：
|
||
<a href="#" class="text-muted text-decoration-none me-2">中国花卉协会</a>
|
||
<a href="#" class="text-muted text-decoration-none me-2">植物智</a>
|
||
<a href="#" class="text-muted text-decoration-none">园林在线</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
</html> |