docs(website): 重构关于页面布局和内容
- 更新页面布局，优化导航栏和面包屑导航 - 重新组织页面内容，突出公司使命和价值观 - 添加发展历程和核心团队介绍 - 更新合作伙伴展示方式 - 调整页脚内容，增加社交媒体链接
This commit is contained in:
@@ -50,557 +50,331 @@
|
||||
<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>
|
||||
|
||||
<!-- 页面内容 -->
|
||||
<main>
|
||||
<!-- 英雄区域 -->
|
||||
<section class="hero-section bg-dark text-white py-5 mt-5">
|
||||
<div class="container py-5">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-8 mx-auto text-center">
|
||||
<h1 class="display-4 fw-bold mb-4">关于我们</h1>
|
||||
<p class="lead mb-4">致力于用科技赋能传统养殖行业，打造智能化的活牛采购数字化平台</p>
|
||||
<!-- 面包屑导航 -->
|
||||
<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>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 公司介绍 -->
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6" data-aos="fade-right">
|
||||
<h2 class="fw-bold text-dark mb-4">公司简介</h2>
|
||||
<p class="text-muted mb-4">
|
||||
活牛采购智能数字化系统成立于2018年，是一家专注于为养殖行业提供数字化采购解决方案的科技公司。
|
||||
我们深耕畜牧行业多年，深刻理解传统采购模式的痛点和挑战。
|
||||
</p>
|
||||
<p class="text-muted mb-4">
|
||||
通过结合物联网、大数据分析和人工智能技术，我们开发了一套完整的活牛采购数字化管理系统，
|
||||
帮助养殖企业实现采购流程的标准化、透明化和智能化。
|
||||
</p>
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<div class="bg-primary bg-opacity-10 p-3 rounded-circle me-3 feature-icon">
|
||||
<i class="fas fa-users fs-4 text-primary"></i>
|
||||
</div>
|
||||
<div>
|
||||
<div class="h4 fw-bold text-dark mb-0">200+</div>
|
||||
<small class="text-muted">企业客户</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<div class="bg-success bg-opacity-10 p-3 rounded-circle me-3 feature-icon">
|
||||
<i class="fas fa-cow fs-4 text-success"></i>
|
||||
</div>
|
||||
<div>
|
||||
<div class="h4 fw-bold text-dark mb-0">50,000+</div>
|
||||
<small class="text-muted">年交易牛只</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<div class="bg-warning bg-opacity-10 p-3 rounded-circle me-3 feature-icon">
|
||||
<i class="fas fa-map-marker-alt fs-4 text-warning"></i>
|
||||
</div>
|
||||
<div>
|
||||
<div class="h4 fw-bold text-dark mb-0">15+</div>
|
||||
<small class="text-muted">省份覆盖</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="d-flex align-items-center mb-3">
|
||||
<div class="bg-info bg-opacity-10 p-3 rounded-circle me-3 feature-icon">
|
||||
<i class="fas fa-award fs-4 text-info"></i>
|
||||
</div>
|
||||
<div>
|
||||
<div class="h4 fw-bold text-dark mb-0">10+</div>
|
||||
<small class="text-muted">行业专利</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6" data-aos="fade-left">
|
||||
<div class="placeholder-image bg-primary bg-opacity-10 rounded-3 p-5 text-center">
|
||||
<i class="fas fa-building fs-1 text-primary mb-3"></i>
|
||||
<h5 class="text-dark">公司总部</h5>
|
||||
<p class="text-muted mb-0">北京市朝阳区科技园区</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 使命愿景 -->
|
||||
<section class="py-5 bg-light">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 mb-4" data-aos="fade-up">
|
||||
<div class="text-center p-4">
|
||||
<div class="bg-primary bg-opacity-10 p-4 rounded-circle d-inline-block mb-3 feature-icon">
|
||||
<i class="fas fa-bullseye fs-2 text-primary"></i>
|
||||
</div>
|
||||
<h4 class="fw-bold text-dark mb-3">我们的使命</h4>
|
||||
<p class="text-muted">
|
||||
通过数字化技术推动传统养殖行业转型升级，
|
||||
让每一头牛的采购都更加智能、高效、透明。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 mb-4" data-aos="fade-up" data-aos-delay="100">
|
||||
<div class="text-center p-4">
|
||||
<div class="bg-success bg-opacity-10 p-4 rounded-circle d-inline-block mb-3 feature-icon">
|
||||
<i class="fas fa-eye fs-2 text-success"></i>
|
||||
</div>
|
||||
<h4 class="fw-bold text-dark mb-3">我们的愿景</h4>
|
||||
<p class="text-muted">
|
||||
成为全球领先的畜牧行业数字化解决方案提供商，
|
||||
构建智慧养殖新生态。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 mb-4" data-aos="fade-up" data-aos-delay="200">
|
||||
<div class="text-center p-4">
|
||||
<div class="bg-warning bg-opacity-10 p-4 rounded-circle d-inline-block mb-3 feature-icon">
|
||||
<i class="fas fa-handshake fs-2 text-warning"></i>
|
||||
</div>
|
||||
<h4 class="fw-bold text-dark mb-3">我们的价值观</h4>
|
||||
<p class="text-muted">
|
||||
客户至上、技术创新、诚信务实、合作共赢，
|
||||
为行业发展创造持续价值。
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 团队介绍 -->
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center mb-5">
|
||||
<h2 class="fw-bold text-dark mb-3">核心团队</h2>
|
||||
<p class="text-muted">汇聚行业专家和技术精英，为您提供专业服务</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row g-4">
|
||||
<!-- 团队成员1 -->
|
||||
<div class="col-lg-3 col-md-6" data-aos="fade-up">
|
||||
<div class="card border-0 shadow-sm h-100 text-center team-card">
|
||||
<div class="team-avatar mx-auto mt-4">
|
||||
<div class="bg-primary bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center feature-icon" style="width: 120px; height: 120px;">
|
||||
<i class="fas fa-user-tie fs-1 text-primary"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h5 class="fw-bold text-dark mb-1">张明</h5>
|
||||
<span class="text-primary small mb-2 d-block">创始人 & CEO</span>
|
||||
<p class="text-muted small">
|
||||
15年畜牧行业经验，前某大型养殖集团采购总监，
|
||||
深刻理解行业痛点。
|
||||
</p>
|
||||
<div class="social-links">
|
||||
<a href="#" class="text-muted me-2"><i class="fab fa-linkedin"></i></a>
|
||||
<a href="#" class="text-muted"><i class="fas fa-envelope"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 团队成员2 -->
|
||||
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="100">
|
||||
<div class="card border-0 shadow-sm h-100 text-center team-card">
|
||||
<div class="team-avatar mx-auto mt-4">
|
||||
<div class="bg-success bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center feature-icon" style="width: 120px; height: 120px;">
|
||||
<i class="fas fa-laptop-code fs-1 text-success"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h5 class="fw-bold text-dark mb-1">李华</h5>
|
||||
<span class="text-success small mb-2 d-block">CTO</span>
|
||||
<p class="text-muted small">
|
||||
前BAT技术专家，10年大数据和AI研发经验，
|
||||
主导系统架构设计。
|
||||
</p>
|
||||
<div class="social-links">
|
||||
<a href="#" class="text-muted me-2"><i class="fab fa-github"></i></a>
|
||||
<a href="#" class="text-muted"><i class="fas fa-envelope"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 团队成员3 -->
|
||||
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="200">
|
||||
<div class="card border-0 shadow-sm h-100 text-center team-card">
|
||||
<div class="team-avatar mx-auto mt-4">
|
||||
<div class="bg-warning bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center feature-icon" style="width: 120px; height: 120px;">
|
||||
<i class="fas fa-chart-line fs-1 text-warning"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h5 class="fw-bold text-dark mb-1">王芳</h5>
|
||||
<span class="text-warning small mb-2 d-block">运营总监</span>
|
||||
<p class="text-muted small">
|
||||
8年互联网运营经验，擅长用户增长和客户成功，
|
||||
负责整体运营策略。
|
||||
</p>
|
||||
<div class="social-links">
|
||||
<a href="#" class="text-muted me-2"><i class="fab fa-weixin"></i></a>
|
||||
<a href="#" class="text-muted"><i class="fas fa-envelope"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 团队成员4 -->
|
||||
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="300">
|
||||
<div class="card border-0 shadow-sm h-100 text-center team-card">
|
||||
<div class="team-avatar mx-auto mt-4">
|
||||
<div class="bg-info bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center feature-icon" style="width: 120px; height: 120px;">
|
||||
<i class="fas fa-graduation-cap fs-1 text-info"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h5 class="fw-bold text-dark mb-1">陈教授</h5>
|
||||
<span class="text-info small mb-2 d-block">首席科学家</span>
|
||||
<p class="text-muted small">
|
||||
农业大学生物科技教授，畜牧专家，
|
||||
负责技术研发和标准制定。
|
||||
</p>
|
||||
<div class="social-links">
|
||||
<a href="#" class="text-muted me-2"><i class="fas fa-book"></i></a>
|
||||
<a href="#" class="text-muted"><i class="fas fa-envelope"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-5">
|
||||
<div class="col-12 text-center">
|
||||
<a href="#" class="btn btn-outline-primary">查看完整团队</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 发展历程 -->
|
||||
<section class="py-5 bg-light">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center mb-5">
|
||||
<h2 class="fw-bold text-dark mb-3">发展历程</h2>
|
||||
<p class="text-muted">从初创到行业领先的成长轨迹</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="timeline">
|
||||
<!-- 时间线项目1 -->
|
||||
<div class="timeline-item" data-aos="fade-right">
|
||||
<div class="timeline-date">2018.06</div>
|
||||
<div class="timeline-content">
|
||||
<h5 class="fw-bold text-dark">公司成立</h5>
|
||||
<p class="text-muted mb-0">在北京正式注册成立，开始产品研发</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 时间线项目2 -->
|
||||
<div class="timeline-item" data-aos="fade-left">
|
||||
<div class="timeline-date">2019.03</div>
|
||||
<div class="timeline-content">
|
||||
<h5 class="fw-bold text-dark">首版发布</h5>
|
||||
<p class="text-muted mb-0">推出第一代活牛采购管理系统</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 时间线项目3 -->
|
||||
<div class="timeline-item" data-aos="fade-right">
|
||||
<div class="timeline-date">2020.01</div>
|
||||
<div class="timeline-content">
|
||||
<h5 class="fw-bold text-dark">A轮融资</h5>
|
||||
<p class="text-muted mb-0">获得千万级A轮融资，加速市场扩张</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 时间线项目4 -->
|
||||
<div class="timeline-item" data-aos="fade-left">
|
||||
<div class="timeline-date">2021.08</div>
|
||||
<div class="timeline-content">
|
||||
<h5 class="fw-bold text-dark">用户突破</h5>
|
||||
<p class="text-muted mb-0">服务客户超过100家，年交易牛只破万</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 时间线项目5 -->
|
||||
<div class="timeline-item" data-aos="fade-right">
|
||||
<div class="timeline-date">2022.12</div>
|
||||
<div class="timeline-content">
|
||||
<h5 class="fw-bold text-dark">技术升级</h5>
|
||||
<p class="text-muted mb-0">发布AI智能评估系统，获得多项专利</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 时间线项目6 -->
|
||||
<div class="timeline-item" data-aos="fade-left">
|
||||
<div class="timeline-date">2023.06</div>
|
||||
<div class="timeline-content">
|
||||
<h5 class="fw-bold text-dark">全国布局</h5>
|
||||
<p class="text-muted mb-0">业务覆盖全国15个省份，成为行业标杆</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 时间线项目7 -->
|
||||
<div class="timeline-item" data-aos="fade-right">
|
||||
<div class="timeline-date">2024.01</div>
|
||||
<div class="timeline-content">
|
||||
<h5 class="fw-bold text-dark">生态构建</h5>
|
||||
<p class="text-muted mb-0">启动智慧养殖生态平台建设</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 合作伙伴 -->
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center mb-5">
|
||||
<h2 class="fw-bold text-dark mb-3">合作伙伴</h2>
|
||||
<p class="text-muted">与行业领先企业共同推动养殖数字化发展</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-2 col-md-4 col-6 mb-4" data-aos="fade-up">
|
||||
<div class="partner-logo bg-light rounded-3 p-4 text-center">
|
||||
<i class="fas fa-university fs-2 text-muted"></i>
|
||||
<p class="small text-muted mb-0 mt-2">农业大学</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-4 col-6 mb-4" data-aos="fade-up" data-aos-delay="100">
|
||||
<div class="partner-logo bg-light rounded-3 p-4 text-center">
|
||||
<i class="fas fa-hospital fs-2 text-muted"></i>
|
||||
<p class="small text-muted mb-0 mt-2">兽医研究所</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-4 col-6 mb-4" data-aos="fade-up" data-aos-delay="200">
|
||||
<div class="partner-logo bg-light rounded-3 p-4 text-center">
|
||||
<i class="fas fa-industry fs-2 text-muted"></i>
|
||||
<p class="small text-muted mb-0 mt-2">牧业集团</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-4 col-6 mb-4" data-aos="fade-up" data-aos-delay="300">
|
||||
<div class="partner-logo bg-light rounded-3 p-4 text-center">
|
||||
<i class="fas fa-truck fs-2 text-muted"></i>
|
||||
<p class="small text-muted mb-0 mt-2">物流公司</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-4 col-6 mb-4" data-aos="fade-up" data-aos-delay="400">
|
||||
<div class="partner-logo bg-light rounded-3 p-4 text-center">
|
||||
<i class="fas fa-money-bill-wave fs-2 text-muted"></i>
|
||||
<p class="small text-muted mb-0 mt-2">金融机构</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-2 col-md-4 col-6 mb-4" data-aos="fade-up" data-aos-delay="500">
|
||||
<div class="partner-logo bg-light rounded-3 p-4 text-center">
|
||||
<i class="fas fa-cloud fs-2 text-muted"></i>
|
||||
<p class="small text-muted mb-0 mt-2">云服务商</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA区域 -->
|
||||
<section class="py-5 bg-primary text-white">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-8">
|
||||
<h3 class="fw-bold mb-3">加入我们，共创未来</h3>
|
||||
<p class="mb-4">我们正在寻找志同道合的伙伴，一起用科技改变传统养殖行业</p>
|
||||
</div>
|
||||
<div class="col-lg-4 text-lg-end">
|
||||
<a href="contact.html" class="btn btn-light btn-lg px-4">加入团队</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<!-- 页脚 -->
|
||||
<footer class="text-white py-5">
|
||||
<!-- 公司使命 -->
|
||||
<section class="py-5 bg-dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-4 mb-4">
|
||||
<h5 class="fw-bold mb-3">活牛采购智能数字化系统</h5>
|
||||
<p class="text-light">
|
||||
专业的数字化采购管理解决方案，
|
||||
为养殖企业提供全流程的采购数字化服务。
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-4 mb-4">
|
||||
<h6 class="fw-bold mb-3">产品</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="product.html" class="text-light text-decoration-none">产品介绍</a></li>
|
||||
<li><a href="solutions.html" class="text-light text-decoration-none">解决方案</a></li>
|
||||
<li><a href="#" class="text-light text-decoration-none">价格方案</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-4 mb-4">
|
||||
<h6 class="fw-bold mb-3">资源</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="cases.html" class="text-light text-decoration-none">客户案例</a></li>
|
||||
<li><a href="news.html" class="text-light text-decoration-none">新闻动态</a></li>
|
||||
<li><a href="#" class="text-light text-decoration-none">帮助文档</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-4 mb-4">
|
||||
<h6 class="fw-bold mb-3">公司</h6>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="about.html" class="text-light text-decoration-none">关于我们</a></li>
|
||||
<li><a href="contact.html" class="text-light text-decoration-none">联系我们</a></li>
|
||||
<li><a href="#" class="text-light text-decoration-none">加入我们</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-2 col-md-4 mb-4">
|
||||
<h6 class="fw-bold mb-3">联系信息</h6>
|
||||
<div class="text-light">
|
||||
<p class="mb-1"><i class="fas fa-phone me-2"></i> 15927219038(周经理)</p>
|
||||
<p class="mb-1"><i class="fas fa-envelope me-2"></i> service@aiotagro.com</p>
|
||||
<p class="mb-0"><i class="fas fa-map-marker-alt me-2"></i> 武汉光谷软件园F2栋</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="my-4">
|
||||
|
||||
<div class="row align-items-center">
|
||||
<div class="col-md-6">
|
||||
<p class="text-light mb-0">© 2024 活牛采购智能数字化系统. 保留所有权利.</p>
|
||||
</div>
|
||||
<div class="col-md-6 text-md-end">
|
||||
<div class="d-flex justify-content-md-end">
|
||||
<a href="#" class="text-muted me-3"><i class="fab fa-weixin fa-lg"></i></a>
|
||||
<a href="#" class="text-muted me-3"><i class="fab fa-weibo fa-lg"></i></a>
|
||||
<a href="#" class="text-muted"><i class="fab fa-linkedin fa-lg"></i></a>
|
||||
<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>
|
||||
|
||||
<!-- JavaScript -->
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
|
||||
<script src="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
<script>
|
||||
// 初始化AOS动画
|
||||
AOS.init({
|
||||
duration: 1000,
|
||||
once: true,
|
||||
offset: 100
|
||||
});
|
||||
</script>
|
||||
<!-- 返回顶部按钮 -->
|
||||
<button class="back-to-top" aria-label="返回顶部">
|
||||
<i class="fas fa-arrow-up"></i>
|
||||
</button>
|
||||
|
||||
<style>
|
||||
.team-card {
|
||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
.team-card:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
|
||||
}
|
||||
|
||||
.timeline {
|
||||
position: relative;
|
||||
padding-left: 3rem;
|
||||
}
|
||||
|
||||
.timeline::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 1.5rem;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 2px;
|
||||
background: var(--bs-primary);
|
||||
}
|
||||
|
||||
.timeline-item {
|
||||
position: relative;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.timeline-item::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: -3rem;
|
||||
top: 0.5rem;
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
border-radius: 50%;
|
||||
background: var(--bs-primary);
|
||||
border: 3px solid white;
|
||||
box-shadow: 0 0 0 3px var(--bs-primary);
|
||||
}
|
||||
|
||||
.timeline-date {
|
||||
position: absolute;
|
||||
left: -8rem;
|
||||
top: 0;
|
||||
width: 6rem;
|
||||
text-align: right;
|
||||
font-weight: 600;
|
||||
color: var(--bs-primary);
|
||||
}
|
||||
|
||||
.timeline-content {
|
||||
background: white;
|
||||
padding: 1.5rem;
|
||||
border-radius: 0.5rem;
|
||||
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.partner-logo {
|
||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
.partner-logo:hover {
|
||||
transform: translateY(-3px);
|
||||
box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
|
||||
}
|
||||
|
||||
.placeholder-image {
|
||||
background: linear-gradient(135deg, var(--bs-primary-bg-subtle), var(--bs-light));
|
||||
min-height: 300px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
<!-- 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>
|
||||
Reference in New Issue
Block a user