mapleaf
a9209b9c75
- 更新页面布局，优化导航栏和面包屑导航 - 重新组织页面内容，突出公司使命和价值观 - 添加发展历程和核心团队介绍 - 更新合作伙伴展示方式 - 调整页脚内容，增加社交媒体链接
380 lines
18 KiB
HTML
380 lines
18 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="about.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 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="row align-items-center mb-5">
|
||
<div class="col-lg-6">
|
||
<h1 class="display-5 fw-bold mb-4">关于我们</h1>
|
||
<p class="lead">我们是一家专注于畜牧行业数字化转型的科技公司，致力于为养殖企业提供专业的采购管理解决方案。</p>
|
||
<p>活牛采购智能数字化系统是我们基于多年行业经验和技术积累，为活牛采购场景量身打造的全流程数字化管理平台。</p>
|
||
<div class="mt-4">
|
||
<a href="contact.html" class="btn btn-primary btn-lg me-3">
|
||
<i class="fas fa-rocket me-2"></i>免费试用
|
||
</a>
|
||
<a href="cases.html" class="btn btn-outline-primary btn-lg">
|
||
<i class="fas fa-users me-2"></i>客户案例
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<img src="images/about-banner.jpg" alt="关于我们" class="img-fluid rounded shadow" loading="lazy">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 公司使命 -->
|
||
<section class="py-5 bg-dark">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-lg-8 mx-auto text-center">
|
||
<h2 class="display-6 mb-4">我们的使命</h2>
|
||
<p class="lead">通过技术创新推动畜牧行业数字化转型，提升养殖企业采购效率，降低经营风险，助力行业高质量发展。</p>
|
||
<div class="row g-4 mt-4">
|
||
<div class="col-md-4">
|
||
<div class="feature-icon mx-auto mb-3">
|
||
<i class="fas fa-bullseye"></i>
|
||
</div>
|
||
<h5>专注行业</h5>
|
||
<p class="text-muted">深耕畜牧行业，深刻理解行业特点和需求</p>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="feature-icon mx-auto mb-3">
|
||
<i class="fas fa-lightbulb"></i>
|
||
</div>
|
||
<h5>技术创新</h5>
|
||
<p class="text-muted">运用前沿技术，打造智能化解决方案</p>
|
||
</div>
|
||
<div class="col-md-4">
|
||
<div class="feature-icon mx-auto mb-3">
|
||
<i class="fas fa-hands-helping"></i>
|
||
</div>
|
||
<h5>客户至上</h5>
|
||
<p class="text-muted">以客户为中心，提供卓越服务体验</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 发展历程 -->
|
||
<section class="py-5">
|
||
<div class="container">
|
||
<div class="text-center mb-5">
|
||
<h2 class="display-6 mb-3">发展历程</h2>
|
||
<p class="text-muted">我们的发展足迹</p>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-lg-10 mx-auto">
|
||
<div class="timeline">
|
||
<div class="timeline-item">
|
||
<div class="timeline-icon">
|
||
<i class="fas fa-seedling"></i>
|
||
</div>
|
||
<div class="timeline-content">
|
||
<h5>2018年</h5>
|
||
<p>公司成立，专注于畜牧行业数字化解决方案研发</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="timeline-item">
|
||
<div class="timeline-icon">
|
||
<i class="fas fa-laptop-code"></i>
|
||
</div>
|
||
<div class="timeline-content">
|
||
<h5>2019年</h5>
|
||
<p>发布首款活牛采购管理系统V1.0，服务首批客户</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="timeline-item">
|
||
<div class="timeline-icon">
|
||
<i class="fas fa-users"></i>
|
||
</div>
|
||
<div class="timeline-content">
|
||
<h5>2020年</h5>
|
||
<p>客户数量突破100家，覆盖全国主要畜牧区域</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="timeline-item">
|
||
<div class="timeline-icon">
|
||
<i class="fas fa-cloud"></i>
|
||
</div>
|
||
<div class="timeline-content">
|
||
<h5>2021年</h5>
|
||
<p>系统全面上云，支持多端协同，用户体验大幅提升</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="timeline-item">
|
||
<div class="timeline-icon">
|
||
<i class="fas fa-award"></i>
|
||
</div>
|
||
<div class="timeline-content">
|
||
<h5>2022年</h5>
|
||
<p>荣获"畜牧科技创新奖"，服务客户数量突破500家</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="timeline-item">
|
||
<div class="timeline-icon">
|
||
<i class="fas fa-rocket"></i>
|
||
</div>
|
||
<div class="timeline-content">
|
||
<h5>2023年</h5>
|
||
<p>发布V3.0版本，引入AI智能采购建议功能</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 团队介绍 -->
|
||
<section class="py-5 bg-dark">
|
||
<div class="container">
|
||
<div class="text-center mb-5">
|
||
<h2 class="display-6 mb-3">核心团队</h2>
|
||
<p class="text-muted">我们拥有一支经验丰富、技术精湛的专业团队</p>
|
||
</div>
|
||
|
||
<div class="row g-4">
|
||
<div class="col-md-6 col-lg-3">
|
||
<div class="card text-center border-0">
|
||
<img src="images/team1.jpg" class="card-img-top rounded-circle mx-auto mt-4" alt="CEO" style="width: 150px; height: 150px; object-fit: cover;">
|
||
<div class="card-body">
|
||
<h5 class="card-title">张伟</h5>
|
||
<p class="text-muted">创始人兼CEO</p>
|
||
<p class="card-text">拥有15年畜牧行业经验，对行业痛点有深刻理解</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-6 col-lg-3">
|
||
<div class="card text-center border-0">
|
||
<img src="images/team2.jpg" class="card-img-top rounded-circle mx-auto mt-4" alt="CTO" style="width: 150px; height: 150px; object-fit: cover;">
|
||
<div class="card-body">
|
||
<h5 class="card-title">李明</h5>
|
||
<p class="text-muted">联合创始人兼CTO</p>
|
||
<p class="card-text">资深软件架构师，主导系统技术架构设计</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-6 col-lg-3">
|
||
<div class="card text-center border-0">
|
||
<img src="images/team3.jpg" class="card-img-top rounded-circle mx-auto mt-4" alt="产品经理" style="width: 150px; height: 150px; object-fit: cover;">
|
||
<div class="card-body">
|
||
<h5 class="card-title">王芳</h5>
|
||
<p class="text-muted">产品总监</p>
|
||
<p class="card-text">专注于用户体验设计，确保产品易用性</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-6 col-lg-3">
|
||
<div class="card text-center border-0">
|
||
<img src="images/team4.jpg" class="card-img-top rounded-circle mx-auto mt-4" alt="客户成功总监" style="width: 150px; height: 150px; object-fit: cover;">
|
||
<div class="card-body">
|
||
<h5 class="card-title">刘强</h5>
|
||
<p class="text-muted">客户成功总监</p>
|
||
<p class="card-text">负责客户实施和成功交付，确保客户价值实现</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 合作伙伴 -->
|
||
<section class="py-5">
|
||
<div class="container">
|
||
<div class="text-center mb-5">
|
||
<h2 class="display-6 mb-3">合作伙伴</h2>
|
||
<p class="text-muted">我们与行业领先企业建立战略合作关系</p>
|
||
</div>
|
||
|
||
<div class="row g-4">
|
||
<div class="col-6 col-md-4 col-lg-2">
|
||
<div class="partner-logo text-center p-4">
|
||
<img src="images/partner1.png" alt="合作伙伴1" class="img-fluid" style="max-height: 60px;">
|
||
</div>
|
||
</div>
|
||
<div class="col-6 col-md-4 col-lg-2">
|
||
<div class="partner-logo text-center p-4">
|
||
<img src="images/partner2.png" alt="合作伙伴2" class="img-fluid" style="max-height: 60px;">
|
||
</div>
|
||
</div>
|
||
<div class="col-6 col-md-4 col-lg-2">
|
||
<div class="partner-logo text-center p-4">
|
||
<img src="images/partner3.png" alt="合作伙伴3" class="img-fluid" style="max-height: 60px;">
|
||
</div>
|
||
</div>
|
||
<div class="col-6 col-md-4 col-lg-2">
|
||
<div class="partner-logo text-center p-4">
|
||
<img src="images/partner4.png" alt="合作伙伴4" class="img-fluid" style="max-height: 60px;">
|
||
</div>
|
||
</div>
|
||
<div class="col-6 col-md-4 col-lg-2">
|
||
<div class="partner-logo text-center p-4">
|
||
<img src="images/partner5.png" alt="合作伙伴5" class="img-fluid" style="max-height: 60px;">
|
||
</div>
|
||
</div>
|
||
<div class="col-6 col-md-4 col-lg-2">
|
||
<div class="partner-logo text-center p-4">
|
||
<img src="images/partner6.png" alt="合作伙伴6" class="img-fluid" style="max-height: 60px;">
|
||
</div>
|
||
</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> |