Files
aijianhua/website/news.html

281 lines
15 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="爱鉴花新闻中心 - 获取最新的公司动态、行业资讯和媒体报道了解AI花卉识别技术的最新发展。">
<meta name="keywords" content="爱鉴花新闻,花卉识别技术,植物AI,公司动态,行业资讯">
<meta name="author" content="爱鉴花团队">
<!-- Open Graph -->
<meta property="og:title" content="新闻中心 - 爱鉴花">
<meta property="og:description" content="获取最新的公司动态、行业资讯和媒体报道。">
<meta property="og:type" content="website">
<meta property="og:url" content="https://aijianhua.com/news.html">
<meta property="og:image" content="https://aijianhua.com/images/news-og.png">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="新闻中心 - 爱鉴花">
<meta name="twitter:description" content="获取最新的公司动态、行业资讯和媒体报道。">
<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 bg-light">
<div class="container">
<div class="row">
<div class="col-12">
<ul class="nav nav-pills justify-content-center">
<li class="nav-item mx-2 mb-2">
<a class="nav-link active" href="#">全部</a>
</li>
<li class="nav-item mx-2 mb-2">
<a class="nav-link" href="#">公司动态</a>
</li>
<li class="nav-item mx-2 mb-2">
<a class="nav-link" href="#">行业资讯</a>
</li>
<li class="nav-item mx-2 mb-2">
<a class="nav-link" href="#">媒体报道</a>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- 新闻列表 -->
<section class="py-5">
<div class="container py-3">
<div class="row g-4">
<!-- 新闻项 1 -->
<div class="col-md-4">
<div class="card news-card border-0 shadow-sm h-100">
<img src="images/news-1.jpg" class="card-img-top news-img lazy-load" alt="爱鉴花小程序正式上线" loading="lazy">
<div class="card-body d-flex flex-column">
<div class="mb-2">
<span class="badge bg-primary me-2">公司动态</span>
<span class="text-muted small">2024-01-15</span>
</div>
<h5 class="card-title">爱鉴花小程序正式上线</h5>
<p class="card-text text-muted flex-grow-1">经过数月开发,我们的微信小程序正式上线,欢迎体验。用户可以通过拍照或上传图片快速识别花卉种类。</p>
<a href="#" class="btn btn-outline-primary mt-auto">阅读更多</a>
</div>
</div>
</div>
<!-- 新闻项 2 -->
<div class="col-md-4">
<div class="card news-card border-0 shadow-sm h-100">
<img src="images/news-2.jpg" class="card-img-top news-img lazy-load" alt="AI识别准确率再创新高" loading="lazy">
<div class="card-body d-flex flex-column">
<div class="mb-2">
<span class="badge bg-success me-2">技术突破</span>
<span class="text-muted small">2024-01-10</span>
</div>
<h5 class="card-title">AI识别准确率再创新高</h5>
<p class="card-text text-muted flex-grow-1">通过算法优化花卉识别准确率提升至95%,在多项测试中表现优异。</p>
<a href="#" class="btn btn-outline-primary mt-auto">阅读更多</a>
</div>
</div>
</div>
<!-- 新闻项 3 -->
<div class="col-md-4">
<div class="card news-card border-0 shadow-sm h-100">
<img src="images/news-3.jpg" class="card-img-top news-img lazy-load" alt="新增1000种花卉数据" loading="lazy">
<div class="card-body d-flex flex-column">
<div class="mb-2">
<span class="badge bg-info me-2">产品更新</span>
<span class="text-muted small">2024-01-05</span>
</div>
<h5 class="card-title">新增1000种花卉数据</h5>
<p class="card-text text-muted flex-grow-1">知识库新增1000种花卉信息覆盖更全面为用户提供更丰富的植物知识。</p>
<a href="#" class="btn btn-outline-primary mt-auto">阅读更多</a>
</div>
</div>
</div>
<!-- 新闻项 4 -->
<div class="col-md-4">
<div class="card news-card border-0 shadow-sm h-100">
<img src="images/news-4.jpg" class="card-img-top news-img lazy-load" alt="荣获年度创新产品奖" loading="lazy">
<div class="card-body d-flex flex-column">
<div class="mb-2">
<span class="badge bg-warning me-2">荣誉奖项</span>
<span class="text-muted small">2023-12-20</span>
</div>
<h5 class="card-title">荣获年度创新产品奖</h5>
<p class="card-text text-muted flex-grow-1">爱鉴花在2023年度科技创新产品评选中荣获"年度创新产品奖",这是对我们技术实力的认可。</p>
<a href="#" class="btn btn-outline-primary mt-auto">阅读更多</a>
</div>
</div>
</div>
<!-- 新闻项 5 -->
<div class="col-md-4">
<div class="card news-card border-0 shadow-sm h-100">
<img src="images/news-5.jpg" class="card-img-top news-img lazy-load" alt="与植物研究所达成合作" loading="lazy">
<div class="card-body d-flex flex-column">
<div class="mb-2">
<span class="badge bg-danger me-2">合作伙伴</span>
<span class="text-muted small">2023-12-10</span>
</div>
<h5 class="card-title">与植物研究所达成合作</h5>
<p class="card-text text-muted flex-grow-1">我们与国家植物研究所达成战略合作将进一步提升AI识别的准确性和知识库的权威性。</p>
<a href="#" class="btn btn-outline-primary mt-auto">阅读更多</a>
</div>
</div>
</div>
<!-- 新闻项 6 -->
<div class="col-md-4">
<div class="card news-card border-0 shadow-sm h-100">
<img src="images/news-6.jpg" class="card-img-top news-img lazy-load" alt="用户突破10万大关" loading="lazy">
<div class="card-body d-flex flex-column">
<div class="mb-2">
<span class="badge bg-secondary me-2">里程碑</span>
<span class="text-muted small">2023-11-28</span>
</div>
<h5 class="card-title">用户突破10万大关</h5>
<p class="card-text text-muted flex-grow-1">自上线以来爱鉴花用户数量突破10万感谢广大用户的信任与支持。</p>
<a href="#" class="btn btn-outline-primary mt-auto">阅读更多</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-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="products.html" class="text-muted text-decoration-none">微信小程序</a></li>
<li><a href="products.html" class="text-muted text-decoration-none">API服务</a></li>
<li><a href="products.html" 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="contact.html" 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">&copy; 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>