606 lines
30 KiB
HTML
606 lines
30 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>
|
||
</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>
|
||
</div>
|
||
</div>
|
||
</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">
|
||
<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>
|
||
</div>
|
||
</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>
|
||
|
||
<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>
|
||
</body>
|
||
</html> |