283 lines
13 KiB
HTML
283 lines
13 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="了解结伴客平台的发展历程、核心价值观和团队信息。我们致力于为用户提供优质的旅行结伴和动物认领服务。">
|
||
<meta name="keywords" content="结伴客, 关于我们, 平台介绍, 发展历程, 核心价值观, 团队介绍">
|
||
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.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="bi bi-map-fill 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="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>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 公司介绍 -->
|
||
<section class="container mb-5">
|
||
<div class="row">
|
||
<div class="col-12 mb-5">
|
||
<h2 class="display-5 fw-bold section-title text-center">公司介绍</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-lg-8 mx-auto">
|
||
<p class="lead">结伴客平台成立于2015年，专注于为用户提供独特的旅行结伴和动物认领服务。我们相信，旅行不仅是看风景，更是与人分享、与自然互动的过程。</p>
|
||
<p>通过我们的平台，用户可以找到志同道合的旅行伙伴，一起探索世界的美好；也可以认领可爱的动物，体验农场生活，感受生命的温暖。我们致力于打造一个温暖、有趣、有意义的社交旅行平台。</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 核心价值观 -->
|
||
<section class="container mb-5">
|
||
<div class="row">
|
||
<div class="col-12 mb-5">
|
||
<h2 class="display-5 fw-bold section-title text-center">核心价值观</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-4 mb-4">
|
||
<div class="value-box">
|
||
<div class="value-icon">
|
||
<i class="bi bi-heart-fill"></i>
|
||
</div>
|
||
<h3>真诚</h3>
|
||
<p class="mb-0">我们坚持以真诚的态度对待每一位用户和合作伙伴，建立信任关系。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-4 mb-4">
|
||
<div class="value-box">
|
||
<div class="value-icon">
|
||
<i class="bi bi-lightning-fill"></i>
|
||
</div>
|
||
<h3>创新</h3>
|
||
<p class="mb-0">我们不断探索新的服务模式，为用户带来独特的体验。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-4 mb-4">
|
||
<div class="value-box">
|
||
<div class="value-icon">
|
||
<i class="bi bi-people-fill"></i>
|
||
</div>
|
||
<h3>共享</h3>
|
||
<p class="mb-0">我们倡导分享精神，让用户在平台上共享快乐和经验。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 发展历程 -->
|
||
<section class="container mb-5">
|
||
<div class="row">
|
||
<div class="col-12 mb-5">
|
||
<h2 class="display-5 fw-bold section-title text-center">发展历程</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-8">
|
||
<div class="milestone">
|
||
<div class="milestone-icon">
|
||
<i class="bi bi-1-circle-fill"></i>
|
||
</div>
|
||
<h5>2015年 - 平台成立</h5>
|
||
<p>结伴客平台正式成立，专注于旅行结伴服务。</p>
|
||
</div>
|
||
|
||
<div class="milestone">
|
||
<div class="milestone-icon">
|
||
<i class="bi bi-2-circle-fill"></i>
|
||
</div>
|
||
<h5>2017年 - 服务升级</h5>
|
||
<p>推出动物认领服务，为用户提供更多元化的体验。</p>
|
||
</div>
|
||
|
||
<div class="milestone">
|
||
<div class="milestone-icon">
|
||
<i class="bi bi-3-circle-fill"></i>
|
||
</div>
|
||
<h5>2019年 - 用户突破</h5>
|
||
<p>注册用户突破10万，合作商家达到500家。</p>
|
||
</div>
|
||
|
||
<div class="milestone">
|
||
<div class="milestone-icon">
|
||
<i class="bi bi-4-circle-fill"></i>
|
||
</div>
|
||
<h5>2021年 - 服务拓展</h5>
|
||
<p>新增送花服务，丰富用户体验。</p>
|
||
</div>
|
||
|
||
<div class="milestone">
|
||
<div class="milestone-icon">
|
||
<i class="bi bi-5-circle-fill"></i>
|
||
</div>
|
||
<h5>2023年 - 技术革新</h5>
|
||
<p>全面升级平台技术架构，提升用户体验。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 团队介绍 -->
|
||
<section class="container mb-5">
|
||
<div class="row">
|
||
<div class="col-12 mb-5">
|
||
<h2 class="display-5 fw-bold section-title text-center">我们的团队</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-3 col-6 mb-4">
|
||
<div class="team-member">
|
||
<img src="https://via.placeholder.com/150x150/667eea/ffffff?text=CEO" class="team-photo" alt="CEO">
|
||
<h5>张总</h5>
|
||
<p class="text-muted mb-0">首席执行官</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-3 col-6 mb-4">
|
||
<div class="team-member">
|
||
<img src="https://via.placeholder.com/150x150/764ba2/ffffff?text=CTO" class="team-photo" alt="CTO">
|
||
<h5>李总</h5>
|
||
<p class="text-muted mb-0">首席技术官</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-3 col-6 mb-4">
|
||
<div class="team-member">
|
||
<img src="https://via.placeholder.com/150x150/f093fb/ffffff?text=COO" class="team-photo" alt="COO">
|
||
<h5>王总</h5>
|
||
<p class="text-muted mb-0">首席运营官</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-3 col-6 mb-4">
|
||
<div class="team-member">
|
||
<img src="https://via.placeholder.com/150x150/f5576c/ffffff?text=CMO" class="team-photo" alt="CMO">
|
||
<h5>刘总</h5>
|
||
<p class="text-muted mb-0">首席市场官</p>
|
||
</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="bi bi-map-fill me-2"></i>结伴客
|
||
</h5>
|
||
<p>专注于结伴旅行活动的平台，包含独特的动物认领功能。</p>
|
||
<div class="d-flex">
|
||
<a href="#" class="social-icon me-2">
|
||
<i class="bi bi-wechat"></i>
|
||
</a>
|
||
<a href="#" class="social-icon me-2">
|
||
<i class="bi bi-weibo"></i>
|
||
</a>
|
||
<a href="#" class="social-icon">
|
||
<i class="bi bi-tencent-qq"></i>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-2 mb-4">
|
||
<h5 class="mb-4">产品</h5>
|
||
<ul class="list-unstyled">
|
||
<li><a href="#" class="d-block py-1">旅行结伴</a></li>
|
||
<li><a href="#" class="d-block py-1">动物认领</a></li>
|
||
<li><a href="#" class="d-block py-1">送花服务</a></li>
|
||
<li><a href="#" 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="bi bi-envelope-fill me-2 mt-1"></i>
|
||
<span>contact@jiebanke.com</span>
|
||
</li>
|
||
<li class="d-flex align-items-start mb-3">
|
||
<i class="bi bi-telephone-fill me-2 mt-1"></i>
|
||
<span>17897111756</span>
|
||
</li>
|
||
<li class="d-flex align-items-start mb-3">
|
||
<i class="bi bi-geo-alt-fill me-2 mt-1"></i>
|
||
<span>中国光谷</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="#">用户协议</a></li>
|
||
<li class="list-inline-item"><a href="#">隐私政策</a></li>
|
||
<li class="list-inline-item"><a href="#">网站地图</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.js"></script>
|
||
</body>
|
||
</html> |