aiotagro/jiebanke
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

价值观、发展历程和团队信息

Browse Source 
- 新增 merchant/apply.html 页面，提供商家入驻申请表单
- 添加 .idea 目录下的配置文件，用于项目管理和开发环境设置refactor(website): 重构网站页面布局和样式

- 更新了多个页面的 Logo 和导航栏样式
- 统一使用 Font Awesome 图标替代 Bootstrap Icons
-调整了页面布局结构，提高了可读性和美观度
- 更新了联系我们信息，增加了经理电话和邮箱
- 移除了不必要的数据统计部分，简化了页面内容
- 优化了用户评价展示方式，增加了用户头像和身份信息
- 更新了行动号召部分的文案和按钮样式
This commit is contained in:
ylweng
2025-08-21 03:20:18 +08:00
parent 1f5f8cc32b
commit 4da983c06e
8 changed files with 238 additions and 191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

130
website/about.html
View File

@@ -7,7 +7,8 @@
<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">
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- 导航栏 -->
@@ -15,8 +16,8 @@
<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>结伴客
<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>
@@ -47,7 +48,9 @@
<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>
<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>
@@ -55,14 +58,21 @@
<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>
<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 class="row align-items-center">
<div class="col-lg-6 mb-4 mb-lg-0">
<div class="about-image-wrapper">
<img src="https://via.placeholder.com/600x400/2ecc71/ffffff?text=结伴客团队" alt="结伴客团队" class="img-fluid rounded shadow">
</div>
</div>
<div class="col-lg-6">
<h3 class="mb-4">让旅行不再孤单</h3>
<p class="lead">结伴客平台成立于2015年，源于一群热爱旅行的朋友的共同梦想。我们相信，旅行不仅是看风景，更是与人分享、与自然互动的过程。</p>
<p>在快节奏的现代生活中，很多人渴望逃离城市的喧嚣，走进大自然的怀抱，但又不想独自一人。于是我们创建了这个平台，让志同道合的人能够轻松找到旅伴，一起探索世界的美好。</p>
<p>通过我们的平台，用户可以找到志同道合的旅行伙伴，一起探索自然的奥秘；也可以认领可爱的动物，体验农场生活，感受生命的温暖。</p>
</div>
</div>
</section>
@@ -71,7 +81,7 @@
<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>
<h2 class="display-5 fw-bold section-title text-center">我们的理念</h2>
</div>
</div>
@@ -79,30 +89,30 @@
<div class="col-md-4 mb-4">
<div class="value-box">
<div class="value-icon">
<i class="bi bi-heart-fill"></i>
<i class="fa fa-tree"></i>
</div>
<h3>真诚</h3>
<p class="mb-0">我们坚持以真诚的态度对待每一位用户和合作伙伴，建立信任关系。</p>
<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>
<i class="fa fa-users"></i>
</div>
<h3>创新</h3>
<p class="mb-0">我们不断探索新的服务模式，为用户带来独特的体验。</p>
<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>
<i class="fa fa-heart"></i>
</div>
<h3>共享</h3>
<p class="mb-0">我们倡导分享精神，让用户在平台上共享快乐和经验。</p>
<h3>共享快乐</h3>
<p class="mb-0">我们相信分享能让快乐加倍，鼓励用户在平台上共享旅行经历和美好回忆。</p>
</div>
</div>
</div>
@@ -112,7 +122,7 @@
<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>
<h2 class="display-5 fw-bold section-title text-center">成长足迹</h2>
</div>
</div>
@@ -120,85 +130,85 @@
<div class="col-lg-8">
<div class="milestone">
<div class="milestone-icon">
<i class="bi bi-1-circle-fill"></i>
<i class="fa fa-1"></i>
</div>
<h5>2015年 - 平台成立</h5>
<p>结伴客平台正式成立，专注于旅行结伴服务。</p>
<h5>2015年 - 梦想起航</h5>
<p>结伴客平台正式成立，专注于旅行结伴服务，帮助第一批用户找到了志同道合的旅伴。</p>
</div>
<div class="milestone">
<div class="milestone-icon">
<i class="bi bi-2-circle-fill"></i>
<i class="fa fa-2"></i>
</div>
<h5>2017年 - 服务升级</h5>
<p>推出动物认领服务，为用户提供更多元化的体验。</p>
<p>推出动物认领服务，为用户提供更多元化的自然体验，让用户在旅行中与动物建立情感纽带。</p>
</div>
<div class="milestone">
<div class="milestone-icon">
<i class="bi bi-3-circle-fill"></i>
<i class="fa fa-3"></i>
</div>
<h5>2019年 - 用户突破</h5>
<p>注册用户突破10万，合作商家达到500家。</p>
<p>注册用户突破10万，合作商家达到500家，平台影响力不断扩大。</p>
</div>
<div class="milestone">
<div class="milestone-icon">
<i class="bi bi-4-circle-fill"></i>
<i class="fa fa-4"></i>
</div>
<h5>2021年 - 服务拓展</h5>
<p>新增送花服务，丰富用户体验。</p>
<p>新增送花服务，丰富用户体验，让用户能够通过鲜花传递旅途中的温暖与浪漫。</p>
</div>
<div class="milestone">
<div class="milestone-icon">
<i class="bi bi-5-circle-fill"></i>
<i class="fa fa-5"></i>
</div>
<h5>2023年 - 技术革新</h5>
<p>全面升级平台技术架构，提升用户体验。</p>
<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>
<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>
<div class="team-member text-center">
<img src="https://via.placeholder.com/150x150/2ecc71/ffffff?text=CEO" class="rounded-circle mb-3 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>
<div class="team-member text-center">
<img src="https://via.placeholder.com/150x150/1abc9c/ffffff?text=CTO" class="rounded-circle mb-3 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 class="team-member text-center">
<img src="https://via.placeholder.com/150x150/3498db/ffffff?text=CMO" class="rounded-circle mb-3 team-photo" alt="CMO">
<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 class="team-member text-center">
<img src="https://via.placeholder.com/150x150/9b59b6/ffffff?text=COO" class="rounded-circle mb-3 team-photo" alt="COO">
<h5>赵强</h5>
<p class="text-muted mb-0">首席运营官</p>
</div>
</div>
</div>
@@ -210,18 +220,18 @@
<div class="row">
<div class="col-md-4 mb-4">
<h5 class="mb-4">
<i class="bi bi-map-fill me-2"></i>结伴客
<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="bi bi-wechat"></i>
<i class="fab fa-weixin"></i>
</a>
<a href="#" class="social-icon me-2">
<i class="bi bi-weibo"></i>
<i class="fab fa-weibo"></i>
</a>
<a href="#" class="social-icon">
<i class="bi bi-tencent-qq"></i>
<i class="fab fa-qq"></i>
</a>
</div>
</div>
@@ -247,16 +257,19 @@
<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>
<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="bi bi-telephone-fill me-2 mt-1"></i>
<span>17897111756</span>
<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="bi bi-geo-alt-fill me-2 mt-1"></i>
<span>中国光谷</span>
<i class="fa fa-map-marker-alt me-2 mt-1"></i>
<span>武汉市东湖高新技术开发区关山大道保利国际中心8楼</span>
</li>
</ul>
</div>
@@ -278,6 +291,5 @@
</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>

17
website/case.html
View File

@@ -7,6 +7,7 @@
<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">
j <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
@@ -249,16 +250,19 @@
<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>
<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="bi bi-telephone-fill me-2 mt-1"></i>
<span>400-123-4567</span>
<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="bi bi-geo-alt-fill me-2 mt-1"></i>
<span>北京市朝阳区某某大厦</span>
<i class="fa fa-map-marker-alt me-2 mt-1"></i>
<span>武汉市东湖高新技术开发区关山大道保利国际中心8楼</span>
</li>
</ul>
</div>
@@ -280,6 +284,5 @@
</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>

44
website/contact.html
View File

@@ -6,8 +6,9 @@
<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">
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet" integrity="sha512-..." crossorigin="anonymous">
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet" integrity="sha512-..." crossorigin="anonymous">
</head>
<body>
<!-- 导航栏 -->
@@ -16,7 +17,7 @@
<!-- 添加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>结伴客
<i class="fa fa-map-marker me-2"></i>结伴客
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
@@ -63,30 +64,31 @@
<div class="col-md-4 mb-4">
<div class="contact-info">
<div class="contact-icon">
<i class="bi bi-geo-alt-fill"></i>
<i class="fa fa-map-marker-alt"></i>
</div>
<h3>公司地址</h3>
<p class="mb-0">北京市朝阳区某某大厦</p>
<p class="mb-0">武汉市东湖高新技术开发区关山大道保利国际中心8楼</p>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="contact-info">
<div class="contact-icon">
<i class="bi bi-telephone-fill"></i>
<i class="fa fa-phone"></i>
</div>
<h3>联系电话</h3>
<p class="mb-0">400-123-4567</p>
<p class="mb-0">郑经理 15927219038</p>
<p class="mb-0">杜经理 13871378634</p>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="contact-info">
<div class="contact-icon">
<i class="bi bi-envelope-fill"></i>
<i class="fa fa-envelope"></i>
</div>
<h3>联系邮箱</h3>
<p class="mb-0">contact@jiebanke.com</p>
<h3>电子邮箱</h3>
<p class="mb-0">master@gaohaotech.com</p>
</div>
</div>
</div>
@@ -179,13 +181,13 @@
<p>专注于结伴旅行活动的平台，包含独特的动物认领功能。</p>
<div class="d-flex">
<a href="#" class="social-icon me-2">
<i class="bi bi-wechat"></i>
<i class="fa fa-wechat"></i>
</a>
<a href="#" class="social-icon me-2">
<i class="bi bi-weibo"></i>
<i class="fa fa-weibo"></i>
</a>
<a href="#" class="social-icon">
<i class="bi bi-tencent-qq"></i>
<i class="fa fa-qq"></i>
</a>
</div>
</div>
@@ -211,16 +213,19 @@
<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>
<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="bi bi-telephone-fill me-2 mt-1"></i>
<span>400-123-4567</span>
<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="bi bi-geo-alt-fill me-2 mt-1"></i>
<span>北京市朝阳区某某大厦</span>
<i class="fa fa-map-marker-alt me-2 mt-1"></i>
<span>武汉市东湖高新技术开发区关山大道保利国际中心8楼</span>
</li>
</ul>
</div>
@@ -242,6 +247,5 @@
</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>

35
website/css/style.css
View File

@@ -1,6 +1,37 @@
:root {
--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
/* 旅游交友风格的绿色系渐变色方案 */
--primary-gradient: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);
--secondary-gradient: linear-gradient(135deg, #1abc9c 0%, #16a085 100%);
/* 新增单色变量 */
--primary-color: #2ecc71;
--primary-dark: #27ae60;
--secondary-color: #1abc9c;
--secondary-dark: #16a085;
--accent-color: #3498db;
/* 自然绿色系 */
--forest-green: #27ae60;
--sage-green: #95a5a6;
--mint-green: #1abc9c;
--lime-green: #2ecc71;
--olive-green: #7d8c5c;
--teal-green: #16a085;
/* 中性色调 */
--dark-bg: #1a1a1a;
--light-bg: #f8f9fa;
--white: #ffffff;
--gray-100: #f8f9fa;
--gray-200: #e9ecef;
--gray-300: #dee2e6;
--gray-400: #ced4da;
--gray-500: #adb5bd;
--gray-600: #6c757d;
--gray-700: #495057;
--gray-800: #343a40;
--gray-900: #212529;
/* 字体大小定义 */
--font-size-xs: 0.75rem; /* 12px */
--font-size-sm: 0.875rem; /* 14px */

123
website/index.html
View File

@@ -7,6 +7,7 @@
<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="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
@@ -16,7 +17,7 @@
<!-- 添加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>结伴客
<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>
@@ -46,18 +47,18 @@
<!-- 首页横幅 -->
<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>
<h1 class="display-2 fw-bold mb-4">结伴客</h1>
<p class="lead mb-5 fs-4">人生本就是一段孤独的旅程，所有的相遇都不是必然<br>但我们相信，每一次结伴都值得珍惜</p>
<a href="merchant/" 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>
<a href="case.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 section-title text-center">平台特色</h2>
<h2 class="display-5 fw-bold text-center section-title">核心功能</h2>
</div>
</div>
@@ -65,71 +66,40 @@
<div class="col-md-4 mb-4">
<div class="feature-box">
<div class="feature-icon">
<i class="bi bi-people-fill"></i>
<i class="fa fa-users"></i>
</div>
<h3>旅行结伴</h3>
<p class="mb-0">找到志同道合的旅行伙伴，一起探索世界的美好，分享旅途中的点点滴滴。</p>
<p>发布你的旅行计划，寻找志同道合的旅行伙伴，一起探索世界的美好。</p>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="feature-box">
<div class="feature-icon">
<i class="bi bi-heart-fill"></i>
<i class="fa fa-heart"></i>
</div>
<h3>动物认领</h3>
<p class="mb-0">认领可爱的动物，定期探望它们，体验农场生活，感受生命的温暖。</p>
<p>认领可爱的动物，体验农场生活，与动物建立深厚的情感纽带。</p>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="feature-box">
<div class="feature-icon">
<i class="bi bi-flower1"></i>
<i class="fa fa-flower"></i>
</div>
<h3>送花服务</h3>
<p class="mb-0">为结伴的伙伴或认领的动物订购鲜花，传递温暖和关爱。</p>
<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 text-center">
<div class="col-md-3 col-6 mb-4">
<div class="stats-number">10,000+</div>
<div class="stats-label">注册用户</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="stats-number">500+</div>
<div class="stats-label">合作商家</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="stats-number">50,000+</div>
<div class="stats-label">结伴次数</div>
</div>
<div class="col-md-3 col-6 mb-4">
<div class="stats-number">10,000+</div>
<div class="stats-label">动物认领</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>
<h2 class="display-5 fw-bold text-center section-title">用户评价</h2>
</div>
</div>
@@ -139,10 +109,15 @@
<div class="card-body">
<div class="testimonial-content">
<div class="quote-mark">“</div>
<p class="card-text">通过结伴客找到了一起徒步的伙伴，我们不仅完成了川藏线的徒步，还成为了很好的朋友。平台的匹配机制真的很棒！</p>
<p class="card-text">通过结伴客，我找到了一起去西藏的伙伴，还认领了一只小羊，这是一次非常难忘的经历！</p>
</div>
<div class="d-flex align-items-center mt-4">
<img src="https://via.placeholder.com/50x50/4361ee/ffffff?text=用户1" class="rounded-circle me-3" alt="用户1">
<div>
<h6 class="mb-0">小李</h6>
<small class="text-muted">旅行爱好者</small>
</div>
</div>
<h6 class="card-title mb-0">张先生</h6>
<p class="text-muted mb-0">旅行爱好者</p>
</div>
</div>
</div>
@@ -152,10 +127,15 @@
<div class="card-body">
<div class="testimonial-content">
<div class="quote-mark">“</div>
<p class="card-text">认领了一只小羊，定期到农场看望它，体验了真正的农场生活。孩子们特别喜欢，这成为我们最难忘的旅行回忆。</p>
<p class="card-text">作为农场主，结伴客为我们带来了大量游客，动物认领业务增长了300%！</p>
</div>
<div class="d-flex align-items-center mt-4">
<img src="https://via.placeholder.com/50x50/f72585/ffffff?text=商家1" class="rounded-circle me-3" alt="商家1">
<div>
<h6 class="mb-0">王老板</h6>
<small class="text-muted">绿野农场</small>
</div>
</div>
<h6 class="card-title mb-0">李女士</h6>
<p class="text-muted mb-0">家庭用户</p>
</div>
</div>
</div>
@@ -165,10 +145,15 @@
<div class="card-body">
<div class="testimonial-content">
<div class="quote-mark">“</div>
<p class="card-text">作为农场主，结伴客为我们带来了大量城市客户。动物认领业务让我们在疫情后成功转型，真的很感谢这个平台。</p>
<p class="card-text">通过结伴客的送花服务，我给了她一个浪漫的惊喜，我们的关系更进一步了！</p>
</div>
<div class="d-flex align-items-center mt-4">
<img src="https://via.placeholder.com/50x50/3a0ca3/ffffff?text=用户2" class="rounded-circle me-3" alt="用户2">
<div>
<h6 class="mb-0">小张</h6>
<small class="text-muted">浪漫主义者</small>
</div>
</div>
<h6 class="card-title mb-0">王老板</h6>
<p class="text-muted mb-0">绿野农场</p>
</div>
</div>
</div>
@@ -178,10 +163,9 @@
<!-- 行动号召 -->
<section class="cta-section">
<div class="container text-center">
<h2 class="mb-4">开始你的结伴之旅</h2>
<p class="lead mb-5">加入结伴客，体验不一样的旅行方式</p>
<a href="merchant/apply.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>
<h2 class="mb-4">开启你的结伴之旅</h2>
<p class="lead mb-5 fs-4">立即加入结伴客，寻找你的旅行伙伴，体验独特的动物认领和送花服务</p>
<a href="#" class="btn btn-light btn-lg btn-rounded">立即体验</a>
</div>
</section>
@@ -191,18 +175,18 @@
<div class="row">
<div class="col-md-4 mb-4">
<h5 class="mb-4">
<i class="bi bi-map-fill me-2"></i>结伴客
<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="bi bi-wechat"></i>
<i class="fab fa-weixin"></i>
</a>
<a href="#" class="social-icon me-2">
<i class="bi bi-weibo"></i>
<i class="fab fa-weibo"></i>
</a>
<a href="#" class="social-icon">
<i class="bi bi-tencent-qq"></i>
<i class="fab fa-qq"></i>
</a>
</div>
</div>
@@ -228,16 +212,19 @@
<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>
<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="bi bi-telephone-fill me-2 mt-1"></i>
<span>17897111756</span>
<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="bi bi-geo-alt-fill me-2 mt-1"></i>
<span>中国光谷</span>
<i class="fa fa-map-marker-alt me-2 mt-1"></i>
<span>武汉市东湖高新技术开发区关山大道保利国际中心8楼</span>
</li>
</ul>
</div>
@@ -259,6 +246,6 @@
</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>
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.10.0/font/bootstrap-icons.min.js"></script>
</body>
</html>

25
website/merchant/apply.html
View File

@@ -7,6 +7,7 @@
<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="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.css" rel="stylesheet">
<link href="../css/style.css" rel="stylesheet">
</head>
<body>
@@ -16,7 +17,7 @@
<!-- 添加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>结伴客
<i class="fa-solid fa-map me-2"></i>结伴客
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
@@ -234,13 +235,13 @@
<p>专注于结伴旅行活动的平台，包含独特的动物认领功能。</p>
<div class="d-flex">
<a href="#" class="social-icon me-2">
<i class="bi bi-wechat"></i>
<i class="fa-brands fa-wechat"></i>
</a>
<a href="#" class="social-icon me-2">
<i class="bi bi-weibo"></i>
<i class="fa-brands fa-weibo"></i>
</a>
<a href="#" class="social-icon">
<i class="bi bi-tencent-qq"></i>
<i class="fa-brands fa-qq"></i>
</a>
</div>
</div>
@@ -266,16 +267,19 @@
<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>
<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="bi bi-telephone-fill me-2 mt-1"></i>
<span>17897111756</span>
<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="bi bi-geo-alt-fill me-2 mt-1"></i>
<span>中国光谷</span>
<i class="fa fa-map-marker-alt me-2 mt-1"></i>
<span>武汉市东湖高新技术开发区关山大道保利国际中心8楼</span>
</li>
</ul>
</div>
@@ -297,6 +301,5 @@
</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>

26
website/merchant/index.html
View File

@@ -7,6 +7,7 @@
<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="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.css" rel="stylesheet">
<link href="../css/style.css" rel="stylesheet">
</head>
<body>
@@ -16,7 +17,7 @@
<!-- 添加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>结伴客
<i class="fas fa-map me-2"></i>结伴客
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
@@ -225,13 +226,13 @@
<p>专注于结伴旅行活动的平台，包含独特的动物认领功能。</p>
<div class="d-flex">
<a href="#" class="social-icon me-2">
<i class="bi bi-wechat"></i>
<i class="fas fa-wechat"></i>
</a>
<a href="#" class="social-icon me-2">
<i class="bi bi-weibo"></i>
<i class="fas fa-weibo"></i>
</a>
<a href="#" class="social-icon">
<i class="bi bi-tencent-qq"></i>
<i class="fab fa-qq"></i>
</a>
</div>
</div>
@@ -257,16 +258,19 @@
<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>
<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="bi bi-telephone-fill me-2 mt-1"></i>
<span>17897111756</span>
<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="bi bi-geo-alt-fill me-2 mt-1"></i>
<span>中国光谷</span>
<i class="fa fa-map-marker-alt me-2 mt-1"></i>
<span>武汉市东湖高新技术开发区关山大道保利国际中心8楼</span>
</li>
</ul>
</div>
@@ -288,6 +292,6 @@
</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>
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.10.0/font/bootstrap-icons.min.js"></script>
</body>
</html>

29
website/merchant/policy.html
View File

@@ -7,6 +7,7 @@
<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="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.css" rel="stylesheet">
<link href="../css/style.css" rel="stylesheet">
</head>
<body>
@@ -16,7 +17,7 @@
<!-- 添加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>结伴客
<i class="fa-solid fa-map-location me-2"></i>结伴客
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
@@ -144,7 +145,7 @@
<div class="text-center mt-5 pt-4 border-top">
<p class="text-muted mb-2">最后更新时间：2025年1月1日</p>
<p class="mb-0">如有疑问，请联系客服：400-123-4567</p>
<p class="mb-0">如有疑问，请联系客服：郑经理 15927219038 或 杜经理 13871378634</p>
</div>
</div>
</div>
@@ -159,18 +160,18 @@
<div class="row">
<div class="col-md-4 mb-4">
<h5 class="mb-4">
<i class="bi bi-map-fill me-2"></i>结伴客
<i class="fa-solid fa-map-location me-2"></i>结伴客
</h5>
<p>专注于结伴旅行活动的平台，包含独特的动物认领功能。</p>
<div class="d-flex">
<a href="#" class="social-icon me-2">
<i class="bi bi-wechat"></i>
<i class="fa-brands fa-weixin"></i>
</a>
<a href="#" class="social-icon me-2">
<i class="bi bi-weibo"></i>
<i class="fa-brands fa-weibo"></i>
</a>
<a href="#" class="social-icon">
<i class="bi bi-tencent-qq"></i>
<i class="fa-brands fa-qq"></i>
</a>
</div>
</div>
@@ -196,16 +197,19 @@
<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>
<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="bi bi-telephone-fill me-2 mt-1"></i>
<span>17897111756</span>
<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="bi bi-geo-alt-fill me-2 mt-1"></i>
<span>中国光谷</span>
<i class="fa fa-map-marker-alt me-2 mt-1"></i>
<span>武汉市东湖高新技术开发区关山大道保利国际中心8楼</span>
</li>
</ul>
</div>
@@ -227,7 +231,6 @@
</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>
<script>
// 目录滚动高亮
document.addEventListener('DOMContentLoaded', function() {