Files
aijianhua/official_website/about.html

326 lines
16 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="了解爱鉴花的故事、使命和专业团队我们致力于通过AI技术让植物识别变得简单有趣。">
<meta property="og:type" content="website">
<meta property="og:url" content="https://aijianhua.com/about.html">
<meta property="og:image" content="https://aijianhua.com/images/about-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 active" 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" 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 align-items-center">
<div class="col-lg-6">
<h2 class="display-5 fw-bold text-dark mb-4">我们的故事</h2>
<p class="lead text-muted mb-4">
爱鉴花成立于2023年是一家专注于人工智能花卉识别技术的创新企业。
我们致力于通过先进的AI技术让每个人都能轻松识别和了解身边的植物。
</p>
<p class="text-muted">
我们的团队由资深的人工智能专家、植物学家和产品设计师组成,
共同打造了这款智能花卉识别平台。通过深度学习和大数据分析,
我们能够准确识别数千种花卉植物,并提供详细的养护知识。
</p>
</div>
<div class="col-lg-6">
<img src="images/about-1.jpg" alt="公司环境" class="img-fluid rounded shadow lazy-load" loading="lazy">
</div>
</div>
</div>
</section>
<!-- 使命愿景 -->
<section class="bg-light py-5">
<div class="container py-5">
<div class="row">
<div class="col-lg-4 mb-4">
<div class="card border-0 text-center p-4">
<div class="feature-icon bg-primary text-white rounded-circle mx-auto mb-3">
<i class="fas fa-bullseye fa-2x"></i>
</div>
<h4 class="mb-3">我们的使命</h4>
<p class="text-muted">
通过人工智能技术,让植物识别变得简单有趣,
帮助人们更好地了解和保护自然环境。
</p>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="card border-0 text-center p-4">
<div class="feature-icon bg-success text-white rounded-circle mx-auto mb-3">
<i class="fas fa-eye fa-2x"></i>
</div>
<h4 class="mb-3">我们的愿景</h4>
<p class="text-muted">
成为全球领先的植物识别平台,
构建连接人与自然的知识桥梁。
</p>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="card border-0 text-center p-4">
<div class="feature-icon bg-info text-white rounded-circle mx-auto mb-3">
<i class="fas fa-handshake fa-2x"></i>
</div>
<h4 class="mb-3">我们的价值观</h4>
<p class="text-muted">
创新、专业、用户至上、环境保护,
这些是我们始终坚持的核心价值观。
</p>
</div>
</div>
</div>
</div>
</section>
<!-- 发展历程 -->
<section class="py-5">
<div class="container py-5">
<h2 class="display-5 fw-bold text-dark text-center mb-5">发展历程</h2>
<div class="row">
<div class="col-12">
<div class="timeline">
<div class="timeline-item">
<div class="timeline-content">
<h5>2023年1月</h5>
<p>公司成立开始AI花卉识别技术研发</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<h5>2023年6月</h5>
<p>完成首个花卉识别模型准确率达到85%</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<h5>2023年9月</h5>
<p>微信小程序上线,获得首批用户</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-content">
<h5>2024年1月</h5>
<p>识别准确率提升至95%用户突破10万</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 团队介绍 -->
<section class="bg-light py-5">
<div class="container py-5">
<h2 class="display-5 fw-bold text-dark text-center mb-5">核心团队</h2>
<div class="row">
<div class="col-lg-3 col-md-6 mb-4">
<div class="card team-card border-0 text-center">
<img src="images/team-1.jpg" alt="CEO" class="card-img-top rounded-circle mx-auto mt-4 lazy-load" style="width: 120px; height: 120px; object-fit: cover;" loading="lazy">
<div class="card-body">
<h5 class="card-title">张明</h5>
<p class="text-muted">CEO/创始人</p>
<p class="card-text text-muted small">
前Google AI工程师10年人工智能领域经验
</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-4">
<div class="card team-card border-0 text-center">
<img src="images/team-2.jpg" alt="CTO" class="card-img-top rounded-circle mx-auto mt-4 lazy-load" style="width: 120px; height: 120px; object-fit: cover;" loading="lazy">
<div class="card-body">
<h5 class="card-title">李华</h5>
<p class="text-muted">CTO</p>
<p class="card-text text-muted small">
深度学习专家,专注于计算机视觉技术
</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-4">
<div class="card team-card border-0 text-center">
<img src="images/team-3.jpg" alt="植物学家" class="card-img-top rounded-circle mx-auto mt-4 lazy-load" style="width: 120px; height: 120px; object-fit: cover;" loading="lazy">
<div class="card-body">
<h5 class="card-title">王教授</h5>
<p class="text-muted">首席植物学家</p>
<p class="card-text text-muted small">
中科院植物研究所博士30年植物学研究经验
</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 mb-4">
<div class="card team-card border-0 text-center">
<img src="images/team-4.jpg" alt="产品经理" class="card-img-top rounded-circle mx-auto mt-4" style="width: 120px; height: 120px; object-fit: cover;">
<div class="card-body">
<h5 class="card-title">陈小姐</h5>
<p class="text-muted">产品总监</p>
<p class="card-text text-muted small">
前腾讯产品经理,擅长用户体验设计
</p>
</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">&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>
<!-- Schema.org结构化数据 -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "AboutPage",
"name": "关于爱鉴花",
"description": "了解爱鉴花的故事、使命和专业团队我们致力于通过AI技术让植物识别变得简单有趣。",
"url": "https://aijianhua.com/about.html",
"mainEntity": {
"@type": "Organization",
"name": "爱鉴花",
"description": "专业的AI花卉识别平台",
"url": "https://aijianhua.com",
"foundingDate": "2023-01",
"founder": [
{
"@type": "Person",
"name": "张明"
}
],
"numberOfEmployees": "15",
"address": {
"@type": "PostalAddress",
"addressLocality": "北京",
"addressCountry": "CN"
}
}
}
</script>
</body>
</html>