328 lines
16 KiB
HTML
328 lines
16 KiB
HTML
<!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="了解结伴客平台的发展历程、核心价值观和团队信息。我们致力于为用户提供优质的旅行结伴和动物认领服务。">
|
||
<meta name="keywords" content="结伴客,关于我们,平台介绍,发展历程,核心价值观,团队介绍">
|
||
<meta name="author" content="结伴客">
|
||
<meta property="og:title" content="关于我们 - 结伴客">
|
||
<meta property="og:description" content="了解结伴客平台的发展历程、核心价值观和团队信息。">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:url" content="https://jiebanke.com/about.html">
|
||
<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="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
|
||
<link href="css/style.css" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
<!-- 导航栏 -->
|
||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
|
||
<div class="container">
|
||
<!-- 添加Logo -->
|
||
<a class="navbar-brand" href="index.html">
|
||
<img src="images/logo.png" alt="结伴客 Logo" width="30" height="30" class="d-inline-block align-top me-2">
|
||
<i class="fa fa-map-marker-alt me-2"></i>结伴客
|
||
</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="travel.html">旅行结伴</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="animal.html">动物认领</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="flower.html">送花服务</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="reward.html">推广奖励</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="case.html">成功案例</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="merchant/">商家合作</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="contact.html">联系我们</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- 关于我们横幅 -->
|
||
<section class="hero-section">
|
||
<div class="container text-center position-relative">
|
||
<h1 class="display-2 fw-bold mb-4">关于我们</h1>
|
||
<p class="lead mb-5 fs-4">在自然中寻找伙伴，在旅途中收获友谊<br>我们相信每一次相遇都是大自然的馈赠</p>
|
||
<a href="case.html" class="btn btn-light btn-lg btn-rounded me-3">查看成功案例</a>
|
||
<a href="contact.html" class="btn btn-outline-light btn-lg btn-rounded">联系我们</a>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 公司简介 -->
|
||
<section class="container mb-5">
|
||
<div class="row">
|
||
<div class="col-12 mb-5">
|
||
<h2 class="display-5 fw-bold text-center section-title">公司简介</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-6 mb-4">
|
||
<h3 class="h4 mb-4">我们的使命</h3>
|
||
<p>结伴客致力于为用户提供独特的旅行结伴体验，通过创新的平台服务连接志同道合的旅行者，让人与人、人与自然建立更深层的情感联系。</p>
|
||
|
||
<h3 class="h4 mb-4 mt-5">我们的愿景</h3>
|
||
<p>成为国内领先的结伴旅行服务平台，打造一个充满温暖、信任和乐趣的旅行社区，让每一次旅行都成为珍贵的回忆。</p>
|
||
</div>
|
||
|
||
<div class="col-lg-6 mb-4">
|
||
<div class="card border-0 shadow">
|
||
<div class="card-body p-5">
|
||
<h3 class="h4 mb-4">核心价值观</h3>
|
||
<div class="d-flex mb-3">
|
||
<div class="feature-icon-sm bg-primary text-white rounded-circle me-3">
|
||
<i class="fa fa-heart"></i>
|
||
</div>
|
||
<div>
|
||
<h4 class="h5 mb-2">真诚</h4>
|
||
<p class="mb-0">以诚待人，建立信任的伙伴关系</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="d-flex mb-3">
|
||
<div class="feature-icon-sm bg-success text-white rounded-circle me-3">
|
||
<i class="fa fa-shield-alt"></i>
|
||
</div>
|
||
<div>
|
||
<h4 class="h5 mb-2">安全</h4>
|
||
<p class="mb-0">保障用户信息安全和旅行安全</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="d-flex">
|
||
<div class="feature-icon-sm bg-info text-white rounded-circle me-3">
|
||
<i class="fa fa-leaf"></i>
|
||
</div>
|
||
<div>
|
||
<h4 class="h5 mb-2">自然</h4>
|
||
<p class="mb-0">倡导与自然和谐相处的旅行方式</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 发展历程 -->
|
||
<section class="py-5 bg-light">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12 mb-5">
|
||
<h2 class="display-5 fw-bold text-center section-title">发展历程</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-lg-10 mx-auto">
|
||
<div class="timeline">
|
||
<div class="timeline-item">
|
||
<div class="timeline-date">2015年</div>
|
||
<div class="timeline-content">
|
||
<h3 class="h5">公司成立</h3>
|
||
<p>武汉高灏科技有限责任公司正式成立，开始构思结伴客平台的商业模式</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="timeline-item">
|
||
<div class="timeline-date">2017年</div>
|
||
<div class="timeline-content">
|
||
<h3 class="h5">平台上线</h3>
|
||
<p>结伴客1.0版本正式上线，提供基础的旅行结伴功能</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="timeline-item">
|
||
<div class="timeline-date">2019年</div>
|
||
<div class="timeline-content">
|
||
<h3 class="h5">功能拓展</h3>
|
||
<p>推出动物认领特色功能，平台用户突破10万</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="timeline-item">
|
||
<div class="timeline-date">2021年</div>
|
||
<div class="timeline-content">
|
||
<h3 class="h5">服务升级</h3>
|
||
<p>新增送花服务和推广奖励机制，平台生态更加完善</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="timeline-item">
|
||
<div class="timeline-date">2023年</div>
|
||
<div class="timeline-content">
|
||
<h3 class="h5">技术革新</h3>
|
||
<p>平台全面升级，采用微服务架构，用户体验大幅提升</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="timeline-item">
|
||
<div class="timeline-date">2025年</div>
|
||
<div class="timeline-content">
|
||
<h3 class="h5">未来展望</h3>
|
||
<p>计划拓展国际市场，打造全球结伴旅行平台</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 团队介绍 -->
|
||
<section class="container mb-5">
|
||
<div class="row">
|
||
<div class="col-12 mb-5">
|
||
<h2 class="display-5 fw-bold text-center section-title">核心团队</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-4 mb-4">
|
||
<div class="card team-card text-center">
|
||
<img src="images/ceo-avatar.svg" class="card-img-top rounded-circle mx-auto mt-4" alt="CEO 张总" width="150" height="150">
|
||
<div class="card-body">
|
||
<h3 class="h5 card-title">张总</h3>
|
||
<p class="card-text text-muted">创始人兼CEO</p>
|
||
<p>拥有10年互联网产品经验，热爱旅行和户外运动</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-4 mb-4">
|
||
<div class="card team-card text-center">
|
||
<img src="images/cto-avatar.svg" class="card-img-top rounded-circle mx-auto mt-4" alt="CTO 李博士" width="150" height="150">
|
||
<div class="card-body">
|
||
<h3 class="h5 card-title">李博士</h3>
|
||
<p class="card-text text-muted">首席技术官</p>
|
||
<p>计算机博士，专注于分布式系统和大数据分析</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-4 mb-4">
|
||
<div class="card team-card text-center">
|
||
<img src="images/coo-avatar.svg" class="card-img-top rounded-circle mx-auto mt-4" alt="COO 王女士" width="150" height="150">
|
||
<div class="card-body">
|
||
<h3 class="h5 card-title">王女士</h3>
|
||
<p class="card-text text-muted">首席运营官</p>
|
||
<p>资深运营专家，擅长用户增长和生态建设</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 页脚 -->
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-4 mb-4">
|
||
<h5 class="mb-4">
|
||
<i class="fa fa-map-marker-alt me-2"></i>结伴客
|
||
</h5>
|
||
<p>专注于结伴旅行活动的平台，包含独特的动物认领功能。</p>
|
||
<div class="d-flex">
|
||
<a href="#" class="social-icon me-2">
|
||
<i class="fab fa-weixin"></i>
|
||
</a>
|
||
<a href="#" class="social-icon me-2">
|
||
<i class="fab fa-weibo"></i>
|
||
</a>
|
||
<a href="#" class="social-icon">
|
||
<i class="fab fa-qq"></i>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-2 mb-4">
|
||
<h5 class="mb-4">产品</h5>
|
||
<ul class="list-unstyled">
|
||
<li><a href="travel.html" class="d-block py-1">旅行结伴</a></li>
|
||
<li><a href="animal.html" class="d-block py-1">动物认领</a></li>
|
||
<li><a href="flower.html" class="d-block py-1">送花服务</a></li>
|
||
<li><a href="reward.html" class="d-block py-1">推广奖励</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-md-2 mb-4">
|
||
<h5 class="mb-4">关于</h5>
|
||
<ul class="list-unstyled">
|
||
<li><a href="about.html" class="d-block py-1">关于我们</a></li>
|
||
<li><a href="case.html" class="d-block py-1">成功案例</a></li>
|
||
<li><a href="merchant/" class="d-block py-1">商家合作</a></li>
|
||
<li><a href="contact.html" class="d-block py-1">联系我们</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-md-4 mb-4">
|
||
<h5 class="mb-4">联系我们</h5>
|
||
<ul class="list-unstyled">
|
||
<li class="d-flex align-items-start mb-3">
|
||
<i class="fa fa-envelope me-2 mt-1"></i>
|
||
<span>master@gaohaotech.com</span>
|
||
</li>
|
||
<li class="d-flex align-items-start mb-3">
|
||
<i class="fa fa-phone me-2 mt-1"></i>
|
||
<div>
|
||
<div>郑经理 15927219038</div>
|
||
<div>杜经理 13871378634</div>
|
||
</div>
|
||
</li>
|
||
<li class="d-flex align-items-start mb-3">
|
||
<i class="fa fa-map-marker-alt me-2 mt-1"></i>
|
||
<span>武汉市东湖高新技术开发区关山大道保利国际中心8楼</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="row pt-4 mt-4 border-top border-secondary">
|
||
<div class="col-md-6 text-center text-md-start">
|
||
<p class="mb-0">© 2025 结伴客. 保留所有权利.</p>
|
||
<p class="mb-0 small">Copyright 2015 All rights reserved 鄂ICP备15009094号-1 jiebanke.com 武汉高灏科技有限责任公司</p>
|
||
</div>
|
||
<div class="col-md-6 text-center text-md-end">
|
||
<ul class="list-inline mb-0">
|
||
<li class="list-inline-item"><a href="terms.html">用户协议</a></li>
|
||
<li class="list-inline-item"><a href="privacy.html">隐私政策</a></li>
|
||
<li class="list-inline-item"><a href="#">网站地图</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- 页面加载动画 -->
|
||
<div class="page-loader">
|
||
<div class="loader-spinner">
|
||
<i class="fa fa-compass fa-spin"></i>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.7/js/bootstrap.js"></script>
|
||
<script src="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.js"></script>
|
||
<script src="js/enhanced-interactions.js"></script>
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
</html> |