价值观、发展历程和团队信息
- 新增 merchant/apply.html 页面，提供商家入驻申请表单 - 添加 .idea 目录下的配置文件，用于项目管理和开发环境设置
This commit is contained in:
ylweng
283
website/about.html
Normal file
283
website/about.html
Normal file
@@ -0,0 +1,283 @@
|
||||
<!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>
|
||||
285
website/case.html
Normal file
285
website/case.html
Normal file
@@ -0,0 +1,285 @@
|
||||
<!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" href="about.html">关于我们</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" 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">用户案例</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card case-card">
|
||||
<img src="https://via.placeholder.com/400x200/667eea/ffffff?text=旅行结伴" class="card-img-top case-image" alt="用户案例1">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">从陌生人到旅行伙伴</h5>
|
||||
<div class="testimonial-content">
|
||||
<div class="quote-mark">“</div>
|
||||
<p class="card-text">通过结伴客找到了同样喜欢徒步的小王，两人一起完成了川藏线的徒步旅行，成为了很好的朋友。</p>
|
||||
</div>
|
||||
<a href="#" class="btn btn-primary">查看详情</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card case-card">
|
||||
<img src="https://via.placeholder.com/400x200/f093fb/ffffff?text=农场体验" class="card-img-top case-image" alt="用户案例2">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">难忘的农场体验</h5>
|
||||
<div class="testimonial-content">
|
||||
<div class="quote-mark">“</div>
|
||||
<p class="card-text">认领了一只小羊，定期到农场看望它，体验了真正的农场生活，这成为最难忘的旅行回忆。</p>
|
||||
</div>
|
||||
<a href="#" class="btn btn-primary">查看详情</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card case-card">
|
||||
<img src="https://via.placeholder.com/400x200/764ba2/ffffff?text=送花服务" class="card-img-top case-image" alt="用户案例3">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">浪漫的送花惊喜</h5>
|
||||
<div class="testimonial-content">
|
||||
<div class="quote-mark">“</div>
|
||||
<p class="card-text">通过结伴客为结伴伙伴订购了鲜花，给了她一个浪漫的惊喜，两人的关系更进一步。</p>
|
||||
</div>
|
||||
<a href="#" class="btn btn-primary">查看详情</a>
|
||||
</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 section-title">商家案例</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-4">
|
||||
<div class="card case-card h-100">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<h5 class="card-title">绿野农场 - 动物认领业务增长</h5>
|
||||
<div class="testimonial-content flex-grow-1">
|
||||
<div class="quote-mark">“</div>
|
||||
<p class="card-text">通过结伴客平台，绿野农场的动物认领业务增长了300%，吸引了大量城市用户前来体验农场生活。</p>
|
||||
</div>
|
||||
<ul class="list-group list-group-flush mb-3">
|
||||
<li class="list-group-item d-flex justify-content-between align-items-center">
|
||||
月均认领动物数量增长
|
||||
<span class="badge bg-primary rounded-pill">300%</span>
|
||||
</li>
|
||||
<li class="list-group-item d-flex justify-content-between align-items-center">
|
||||
农场参观人数增长
|
||||
<span class="badge bg-primary rounded-pill">200%</span>
|
||||
</li>
|
||||
<li class="list-group-item d-flex justify-content-between align-items-center">
|
||||
用户满意度
|
||||
<span class="badge bg-success rounded-pill">4.9</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-4">
|
||||
<div class="card case-card h-100">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<h5 class="card-title">花好月圆花店 - 送花服务拓展</h5>
|
||||
<div class="testimonial-content flex-grow-1">
|
||||
<div class="quote-mark">“</div>
|
||||
<p class="card-text">加入结伴客平台后，花店的送花服务订单增长了150%，特别是在节假日期间订单量暴增。</p>
|
||||
</div>
|
||||
<ul class="list-group list-group-flush mb-3">
|
||||
<li class="list-group-item d-flex justify-content-between align-items-center">
|
||||
月均订单增长
|
||||
<span class="badge bg-primary rounded-pill">150%</span>
|
||||
</li>
|
||||
<li class="list-group-item d-flex justify-content-between align-items-center">
|
||||
复购率提升
|
||||
<span class="badge bg-primary rounded-pill">80%</span>
|
||||
</li>
|
||||
<li class="list-group-item d-flex justify-content-between align-items-center">
|
||||
用户好评率
|
||||
<span class="badge bg-success rounded-pill">4.8</span>
|
||||
</li>
|
||||
</ul>
|
||||
</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 section-title">平台成就</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-3 col-6 mb-4">
|
||||
<div class="stats-card">
|
||||
<div class="stats-number">10000+</div>
|
||||
<div class="stats-label">成功结伴</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 col-6 mb-4">
|
||||
<div class="stats-card">
|
||||
<div class="stats-number">5000+</div>
|
||||
<div class="stats-label">动物认领</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 col-6 mb-4">
|
||||
<div class="stats-card">
|
||||
<div class="stats-number">500+</div>
|
||||
<div class="stats-label">合作商家</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 col-6 mb-4">
|
||||
<div class="stats-card">
|
||||
<div class="stats-number">4.8</div>
|
||||
<div class="stats-label">用户评分</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="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>400-123-4567</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>
|
||||
247
website/contact.html
Normal file
247
website/contact.html
Normal file
@@ -0,0 +1,247 @@
|
||||
<!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" 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 active" 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">联系信息</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="contact-info">
|
||||
<div class="contact-icon">
|
||||
<i class="bi bi-geo-alt-fill"></i>
|
||||
</div>
|
||||
<h3>公司地址</h3>
|
||||
<p class="mb-0">北京市朝阳区某某大厦</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>
|
||||
</div>
|
||||
<h3>联系电话</h3>
|
||||
<p class="mb-0">400-123-4567</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>
|
||||
</div>
|
||||
<h3>联系邮箱</h3>
|
||||
<p class="mb-0">contact@jiebanke.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 联系表单 -->
|
||||
<section class="form-section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<div class="contact-form">
|
||||
<h2 class="mb-4">留言给我们</h2>
|
||||
<p class="lead text-muted mb-4">有任何问题或建议，请填写以下表单，我们会尽快回复您。</p>
|
||||
|
||||
<form>
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-4">
|
||||
<label for="name" class="form-label">姓名 <span class="text-danger">*</span></label>
|
||||
<input type="text" class="form-control" id="name" required placeholder="请输入您的姓名">
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-4">
|
||||
<label for="email" class="form-label">邮箱 <span class="text-danger">*</span></label>
|
||||
<input type="email" class="form-control" id="email" required placeholder="请输入您的邮箱">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-4">
|
||||
<label for="phone" class="form-label">电话</label>
|
||||
<input type="tel" class="form-control" id="phone" placeholder="请输入您的电话">
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-4">
|
||||
<label for="subject" class="form-label">主题 <span class="text-danger">*</span></label>
|
||||
<select class="form-select" id="subject" required>
|
||||
<option value="">请选择主题</option>
|
||||
<option value="business">商务合作</option>
|
||||
<option value="support">技术支持</option>
|
||||
<option value="complaint">投诉建议</option>
|
||||
<option value="other">其他问题</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 mb-4">
|
||||
<label for="message" class="form-label">留言内容 <span class="text-danger">*</span></label>
|
||||
<textarea class="form-control" id="message" rows="5" required placeholder="请输入您的留言内容"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<button type="submit" class="btn btn-primary">发送留言</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</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 section-title">我们在哪</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="map-container">
|
||||
<iframe src="https://map.baidu.com/" width="100%" height="100%" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
|
||||
</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>400-123-4567</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>
|
||||
893
website/css/style.css
Normal file
893
website/css/style.css
Normal file
@@ -0,0 +1,893 @@
|
||||
:root {
|
||||
--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||||
--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
|
||||
/* 字体大小定义 */
|
||||
--font-size-xs: 0.75rem; /* 12px */
|
||||
--font-size-sm: 0.875rem; /* 14px */
|
||||
--font-size-base: 1rem; /* 16px */
|
||||
--font-size-lg: 1.125rem; /* 18px */
|
||||
--font-size-xl: 1.25rem; /* 20px */
|
||||
--font-size-2xl: 1.5rem; /* 24px */
|
||||
--font-size-3xl: 1.875rem; /* 30px */
|
||||
--font-size-4xl: 2.25rem; /* 36px */
|
||||
--font-size-5xl: 3rem; /* 48px */
|
||||
--font-size-6xl: 3.75rem; /* 60px */
|
||||
--font-size-7xl: 4.5rem; /* 72px */
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: var(--font-size-base);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/* 导航栏样式 */
|
||||
.navbar-brand {
|
||||
font-weight: 700;
|
||||
font-size: var(--font-size-2xl);
|
||||
}
|
||||
|
||||
.navbar-nav .nav-link {
|
||||
font-weight: 500;
|
||||
font-size: var(--font-size-base);
|
||||
margin: 0 5px;
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
|
||||
/* 横幅区域样式 */
|
||||
.hero-section {
|
||||
background: var(--primary-gradient);
|
||||
color: white;
|
||||
padding: 120px 0 100px;
|
||||
margin-bottom: 80px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.hero-section::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><polygon points="0,0 100,100 0,100" fill="rgba(255,255,255,0.1)"/></svg>');
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.hero-section h1 {
|
||||
font-size: var(--font-size-5xl);
|
||||
font-weight: 700;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.hero-section .lead {
|
||||
font-size: var(--font-size-xl);
|
||||
margin-bottom: 2.5rem;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
/* 区块标题样式 */
|
||||
.section-title {
|
||||
position: relative;
|
||||
padding-bottom: 15px;
|
||||
margin-bottom: 40px;
|
||||
font-size: var(--font-size-3xl);
|
||||
}
|
||||
|
||||
.section-title::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
width: 60px;
|
||||
height: 3px;
|
||||
background: var(--primary-gradient);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
/* 页脚样式 */
|
||||
.footer {
|
||||
background-color: #1a1a1a;
|
||||
color: #fff;
|
||||
padding: 70px 0 30px;
|
||||
font-size: var(--font-size-sm);
|
||||
}
|
||||
|
||||
.footer a {
|
||||
color: #ccc;
|
||||
text-decoration: none;
|
||||
transition: color 0.3s ease;
|
||||
font-size: var(--font-size-sm);
|
||||
}
|
||||
|
||||
.footer a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.footer h5 {
|
||||
font-size: var(--font-size-lg);
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
/* 首页特有样式 */
|
||||
.feature-icon {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: var(--primary-gradient);
|
||||
color: white;
|
||||
border-radius: 50%;
|
||||
font-size: 2rem;
|
||||
margin: 0 auto 20px;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.feature-box {
|
||||
text-align: center;
|
||||
padding: 30px;
|
||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||
height: 100%;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.feature-box:hover {
|
||||
transform: translateY(-10px);
|
||||
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.feature-box:hover .feature-icon {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.feature-box h3 {
|
||||
font-size: var(--font-size-2xl);
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.feature-box p {
|
||||
font-size: var(--font-size-base);
|
||||
color: #6c757d;
|
||||
}
|
||||
|
||||
.testimonial-card {
|
||||
height: 100%;
|
||||
border: none;
|
||||
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
|
||||
transition: transform 0.3s ease;
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.testimonial-card:hover {
|
||||
transform: translateY(-5px);
|
||||
}
|
||||
|
||||
.testimonial-card .card-text {
|
||||
font-size: var(--font-size-base);
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.testimonial-card h6 {
|
||||
font-size: var(--font-size-lg);
|
||||
}
|
||||
|
||||
.cta-section {
|
||||
background: var(--secondary-gradient);
|
||||
color: white;
|
||||
padding: 100px 0;
|
||||
margin: 80px 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.cta-section h2 {
|
||||
font-size: var(--font-size-4xl);
|
||||
font-weight: 700;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.cta-section .lead {
|
||||
font-size: var(--font-size-2xl);
|
||||
margin-bottom: 2.5rem;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.social-icon {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background: rgba(255,255,255,0.1);
|
||||
border-radius: 50%;
|
||||
margin-right: 10px;
|
||||
transition: background 0.3s ease;
|
||||
}
|
||||
|
||||
.social-icon:hover {
|
||||
background: rgba(255,255,255,0.2);
|
||||
}
|
||||
|
||||
.btn-rounded {
|
||||
border-radius: 50px;
|
||||
padding: 12px 35px;
|
||||
font-weight: 600;
|
||||
font-size: var(--font-size-base);
|
||||
}
|
||||
|
||||
.stats-number {
|
||||
font-size: var(--font-size-4xl);
|
||||
font-weight: 700;
|
||||
margin-bottom: 10px;
|
||||
color: #667eea;
|
||||
}
|
||||
|
||||
.stats-label {
|
||||
color: #6c757d;
|
||||
font-size: var(--font-size-base);
|
||||
}
|
||||
|
||||
/* 关于我们页面特有样式 */
|
||||
.team-member {
|
||||
text-align: center;
|
||||
margin-bottom: 40px;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.team-member:hover {
|
||||
transform: translateY(-10px);
|
||||
}
|
||||
|
||||
.team-photo {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
margin: 0 auto 20px;
|
||||
border: 5px solid #f8f9fa;
|
||||
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.team-member h5 {
|
||||
font-size: var(--font-size-xl);
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
|
||||
.team-member .text-muted {
|
||||
font-size: var(--font-size-sm);
|
||||
}
|
||||
|
||||
.value-box {
|
||||
text-align: center;
|
||||
padding: 40px 20px;
|
||||
height: 100%;
|
||||
border-radius: 10px;
|
||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||
background: white;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
|
||||
.value-box:hover {
|
||||
transform: translateY(-10px);
|
||||
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.value-icon {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: var(--primary-gradient);
|
||||
color: white;
|
||||
border-radius: 50%;
|
||||
font-size: 2rem;
|
||||
margin: 0 auto 20px;
|
||||
}
|
||||
|
||||
.value-box h3 {
|
||||
font-size: var(--font-size-2xl);
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.value-box p {
|
||||
font-size: var(--font-size-base);
|
||||
color: #6c757d;
|
||||
}
|
||||
|
||||
.milestone {
|
||||
position: relative;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.milestone:not(:last-child)::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 20px;
|
||||
height: 100%;
|
||||
width: 2px;
|
||||
background: #667eea;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.milestone-icon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: var(--primary-gradient);
|
||||
color: white;
|
||||
border-radius: 50%;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.milestone h5 {
|
||||
font-size: var(--font-size-lg);
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.milestone p {
|
||||
font-size: var(--font-size-base);
|
||||
color: #6c757d;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* 商家合作页面特有样式 */
|
||||
.benefit-box {
|
||||
text-align: center;
|
||||
padding: 40px 20px;
|
||||
height: 100%;
|
||||
border-radius: 10px;
|
||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||
background: white;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
|
||||
.benefit-box:hover {
|
||||
transform: translateY(-10px);
|
||||
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.benefit-icon {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: var(--primary-gradient);
|
||||
color: white;
|
||||
border-radius: 50%;
|
||||
font-size: 1.8rem;
|
||||
margin: 0 auto 20px;
|
||||
}
|
||||
|
||||
.benefit-box h3 {
|
||||
font-size: var(--font-size-2xl);
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.benefit-box p {
|
||||
font-size: var(--font-size-base);
|
||||
color: #6c757d;
|
||||
}
|
||||
|
||||
.process-step {
|
||||
text-align: center;
|
||||
padding: 30px 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.process-number {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 50%;
|
||||
background: var(--primary-gradient);
|
||||
color: white;
|
||||
font-weight: 700;
|
||||
font-size: 1.5rem;
|
||||
margin-bottom: 20px;
|
||||
box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
|
||||
}
|
||||
|
||||
.process-step h5 {
|
||||
font-size: var(--font-size-xl);
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.process-step p {
|
||||
font-size: var(--font-size-base);
|
||||
color: #6c757d;
|
||||
}
|
||||
|
||||
.process-line {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
right: -20px;
|
||||
width: 40px;
|
||||
height: 2px;
|
||||
background: #667eea;
|
||||
}
|
||||
|
||||
.process-step:last-child .process-line {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.stats-card {
|
||||
text-align: center;
|
||||
padding: 30px;
|
||||
border-radius: 10px;
|
||||
background: white;
|
||||
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.stats-number {
|
||||
font-size: var(--font-size-4xl);
|
||||
font-weight: 700;
|
||||
margin-bottom: 10px;
|
||||
background: var(--secondary-gradient);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
.stats-label {
|
||||
font-size: var(--font-size-base);
|
||||
color: #6c757d;
|
||||
}
|
||||
|
||||
.card-title {
|
||||
font-size: var(--font-size-2xl);
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.card-text {
|
||||
font-size: var(--font-size-base);
|
||||
color: #6c757d;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
/* 商家入驻申请页面特有样式 */
|
||||
.form-section {
|
||||
background-color: #f8f9fa;
|
||||
padding: 80px 0;
|
||||
}
|
||||
|
||||
.application-form {
|
||||
background: white;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
.application-form h3 {
|
||||
font-size: var(--font-size-2xl);
|
||||
margin-bottom: 1.5rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.form-label {
|
||||
font-weight: 500;
|
||||
font-size: var(--font-size-base);
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.form-label .text-danger {
|
||||
font-size: var(--font-size-sm);
|
||||
}
|
||||
|
||||
.form-control, .form-select {
|
||||
padding: 12px 15px;
|
||||
border: 1px solid #e1e5eb;
|
||||
border-radius: 8px;
|
||||
transition: all 0.3s ease;
|
||||
font-size: var(--font-size-base);
|
||||
}
|
||||
|
||||
.form-control:focus, .form-select:focus {
|
||||
border-color: #667eea;
|
||||
box-shadow: 0 0 0 0.25rem rgba(102, 126, 234, 0.25);
|
||||
}
|
||||
|
||||
.form-control::placeholder {
|
||||
color: #adb5bd;
|
||||
font-size: var(--font-size-sm);
|
||||
}
|
||||
|
||||
.form-text {
|
||||
font-size: var(--font-size-sm);
|
||||
color: #6c757d;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: var(--primary-gradient);
|
||||
border: none;
|
||||
padding: 12px 30px;
|
||||
font-weight: 600;
|
||||
border-radius: 8px;
|
||||
font-size: var(--font-size-base);
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.btn-outline-secondary {
|
||||
font-size: var(--font-size-base);
|
||||
padding: 12px 30px;
|
||||
}
|
||||
|
||||
.form-check-input:checked {
|
||||
background-color: #667eea;
|
||||
border-color: #667eea;
|
||||
}
|
||||
|
||||
.form-check-label {
|
||||
font-size: var(--font-size-base);
|
||||
}
|
||||
|
||||
.form-check-label a {
|
||||
color: #667eea;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.step-indicator {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.step {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
flex: 1;
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
.step:not(:last-child)::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 50%;
|
||||
right: -50%;
|
||||
height: 2px;
|
||||
background: #dee2e6;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.step.active::after {
|
||||
background: #667eea;
|
||||
}
|
||||
|
||||
.step-number {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #e9ecef;
|
||||
color: #6c757d;
|
||||
border-radius: 50%;
|
||||
font-weight: 700;
|
||||
font-size: var(--font-size-base);
|
||||
margin: 0 auto 10px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.step.active .step-number {
|
||||
background: var(--primary-gradient);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.step.completed .step-number {
|
||||
background: #28a745;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.step > div:last-child {
|
||||
font-size: var(--font-size-sm);
|
||||
color: #6c757d;
|
||||
}
|
||||
|
||||
.step.active > div:last-child {
|
||||
color: #495057;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* 联系我们页面特有样式 */
|
||||
.contact-info {
|
||||
text-align: center;
|
||||
padding: 40px 20px;
|
||||
height: 100%;
|
||||
border-radius: 10px;
|
||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||
background: white;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
|
||||
.contact-info:hover {
|
||||
transform: translateY(-10px);
|
||||
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.contact-icon {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: var(--primary-gradient);
|
||||
color: white;
|
||||
border-radius: 50%;
|
||||
font-size: 2rem;
|
||||
margin: 0 auto 20px;
|
||||
}
|
||||
|
||||
.contact-info h3 {
|
||||
font-size: var(--font-size-2xl);
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.contact-info p {
|
||||
font-size: var(--font-size-base);
|
||||
color: #6c757d;
|
||||
}
|
||||
|
||||
.contact-form {
|
||||
background: white;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
|
||||
padding: 40px;
|
||||
}
|
||||
|
||||
.form-section h2 {
|
||||
font-size: var(--font-size-3xl);
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.form-section .lead {
|
||||
font-size: var(--font-size-xl);
|
||||
color: #6c757d;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
.map-container {
|
||||
height: 400px;
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
/* 成功案例页面特有样式 */
|
||||
.case-card {
|
||||
height: 100%;
|
||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||
border: none;
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
.case-card:hover {
|
||||
transform: translateY(-10px);
|
||||
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
|
||||
}
|
||||
|
||||
.case-card .card-title {
|
||||
font-size: var(--font-size-2xl);
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.case-card .card-text {
|
||||
font-size: var(--font-size-base);
|
||||
color: #6c757d;
|
||||
line-height: 1.7;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.case-image {
|
||||
height: 200px;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.quote-mark {
|
||||
font-size: 4rem;
|
||||
color: rgba(102, 126, 234, 0.1);
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.testimonial-content {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.list-group-item {
|
||||
font-size: var(--font-size-base);
|
||||
padding: 0.75rem 1.25rem;
|
||||
}
|
||||
|
||||
.badge {
|
||||
font-size: var(--font-size-xs);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* 合作政策页面特有样式 */
|
||||
.policy-section {
|
||||
background-color: #f8f9fa;
|
||||
padding: 80px 0;
|
||||
}
|
||||
|
||||
.policy-card {
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
.policy-card .card-title {
|
||||
font-size: var(--font-size-3xl);
|
||||
font-weight: 600;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.policy-title {
|
||||
position: relative;
|
||||
padding-left: 20px;
|
||||
margin: 30px 0 20px;
|
||||
font-size: var(--font-size-2xl);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.policy-title::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 2px;
|
||||
width: 4px;
|
||||
height: 24px;
|
||||
background: var(--primary-gradient);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.policy-card h6 {
|
||||
font-size: var(--font-size-lg);
|
||||
font-weight: 600;
|
||||
margin: 1.5rem 0 1rem;
|
||||
}
|
||||
|
||||
.policy-card p {
|
||||
font-size: var(--font-size-base);
|
||||
color: #6c757d;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.policy-card ul {
|
||||
font-size: var(--font-size-base);
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.policy-card li {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.toc {
|
||||
position: sticky;
|
||||
top: 100px;
|
||||
}
|
||||
|
||||
.toc h5 {
|
||||
font-size: var(--font-size-lg);
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.toc-item {
|
||||
display: block;
|
||||
padding: 8px 15px;
|
||||
margin-bottom: 5px;
|
||||
border-radius: 5px;
|
||||
color: #6c757d;
|
||||
text-decoration: none;
|
||||
transition: all 0.3s ease;
|
||||
font-size: var(--font-size-base);
|
||||
}
|
||||
|
||||
.toc-item:hover {
|
||||
background: #e9ecef;
|
||||
color: #495057;
|
||||
}
|
||||
|
||||
.toc-item.active {
|
||||
background: var(--primary-gradient);
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* 响应式字体调整 */
|
||||
@media (max-width: 768px) {
|
||||
.hero-section h1 {
|
||||
font-size: var(--font-size-4xl);
|
||||
}
|
||||
|
||||
.hero-section .lead {
|
||||
font-size: var(--font-size-lg);
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: var(--font-size-2xl);
|
||||
}
|
||||
|
||||
.cta-section h2 {
|
||||
font-size: var(--font-size-3xl);
|
||||
}
|
||||
|
||||
.cta-section .lead {
|
||||
font-size: var(--font-size-xl);
|
||||
}
|
||||
|
||||
.stats-number {
|
||||
font-size: var(--font-size-3xl);
|
||||
}
|
||||
|
||||
.policy-card .card-title {
|
||||
font-size: var(--font-size-2xl);
|
||||
}
|
||||
|
||||
.policy-title {
|
||||
font-size: var(--font-size-xl);
|
||||
}
|
||||
|
||||
.step {
|
||||
max-width: 150px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.hero-section h1 {
|
||||
font-size: var(--font-size-3xl);
|
||||
}
|
||||
|
||||
.hero-section .lead {
|
||||
font-size: var(--font-size-base);
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: var(--font-size-xl);
|
||||
}
|
||||
|
||||
.cta-section h2 {
|
||||
font-size: var(--font-size-2xl);
|
||||
}
|
||||
|
||||
.cta-section .lead {
|
||||
font-size: var(--font-size-lg);
|
||||
}
|
||||
|
||||
.stats-number {
|
||||
font-size: var(--font-size-2xl);
|
||||
}
|
||||
|
||||
.policy-card .card-title {
|
||||
font-size: var(--font-size-xl);
|
||||
}
|
||||
|
||||
.policy-title {
|
||||
font-size: var(--font-size-lg);
|
||||
}
|
||||
|
||||
.step {
|
||||
max-width: 120px;
|
||||
}
|
||||
|
||||
.step > div:last-child {
|
||||
font-size: var(--font-size-xs);
|
||||
}
|
||||
|
||||
.map-container {
|
||||
height: 300px;
|
||||
}
|
||||
}
|
||||
BIN
website/favicon.ico
Normal file
BIN
website/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
BIN
website/images/logo.png
Normal file
BIN
website/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
264
website/index.html
Normal file
264
website/index.html
Normal file
@@ -0,0 +1,264 @@
|
||||
<!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" 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>
|
||||
<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>
|
||||
</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="feature-box">
|
||||
<div class="feature-icon">
|
||||
<i class="bi bi-people-fill"></i>
|
||||
</div>
|
||||
<h3>旅行结伴</h3>
|
||||
<p class="mb-0">找到志同道合的旅行伙伴，一起探索世界的美好，分享旅途中的点点滴滴。</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>
|
||||
</div>
|
||||
<h3>动物认领</h3>
|
||||
<p class="mb-0">认领可爱的动物，定期探望它们，体验农场生活，感受生命的温暖。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="feature-box">
|
||||
<div class="feature-icon">
|
||||
<i class="bi bi-flower1"></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 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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card testimonial-card">
|
||||
<div class="card-body">
|
||||
<div class="testimonial-content">
|
||||
<div class="quote-mark">“</div>
|
||||
<p class="card-text">通过结伴客找到了一起徒步的伙伴，我们不仅完成了川藏线的徒步，还成为了很好的朋友。平台的匹配机制真的很棒！</p>
|
||||
</div>
|
||||
<h6 class="card-title mb-0">张先生</h6>
|
||||
<p class="text-muted mb-0">旅行爱好者</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card testimonial-card">
|
||||
<div class="card-body">
|
||||
<div class="testimonial-content">
|
||||
<div class="quote-mark">“</div>
|
||||
<p class="card-text">认领了一只小羊，定期到农场看望它，体验了真正的农场生活。孩子们特别喜欢，这成为我们最难忘的旅行回忆。</p>
|
||||
</div>
|
||||
<h6 class="card-title mb-0">李女士</h6>
|
||||
<p class="text-muted mb-0">家庭用户</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card testimonial-card">
|
||||
<div class="card-body">
|
||||
<div class="testimonial-content">
|
||||
<div class="quote-mark">“</div>
|
||||
<p class="card-text">作为农场主，结伴客为我们带来了大量城市客户。动物认领业务让我们在疫情后成功转型，真的很感谢这个平台。</p>
|
||||
</div>
|
||||
<h6 class="card-title mb-0">王老板</h6>
|
||||
<p class="text-muted mb-0">绿野农场</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 行动号召 -->
|
||||
<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>
|
||||
</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>
|
||||
302
website/merchant/apply.html
Normal file
302
website/merchant/apply.html
Normal file
@@ -0,0 +1,302 @@
|
||||
<!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" 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 active" 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="step-indicator">
|
||||
<div class="step completed">
|
||||
<div class="step-number">1</div>
|
||||
<div>填写信息</div>
|
||||
</div>
|
||||
<div class="step active">
|
||||
<div class="step-number">2</div>
|
||||
<div>提交审核</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<div class="step-number">3</div>
|
||||
<div>签约入驻</div>
|
||||
</div>
|
||||
<div class="step">
|
||||
<div class="step-number">4</div>
|
||||
<div>上线运营</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 申请表单 -->
|
||||
<section class="form-section">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-10">
|
||||
<div class="application-form">
|
||||
<form>
|
||||
<div class="row">
|
||||
<div class="col-12 mb-4">
|
||||
<h3 class="mb-4">基本信息</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-4">
|
||||
<label for="merchantType" class="form-label">商家类型 <span class="text-danger">*</span></label>
|
||||
<select class="form-select" id="merchantType" required>
|
||||
<option value="">请选择商家类型</option>
|
||||
<option value="farm">农场</option>
|
||||
<option value="flower">花店</option>
|
||||
<option value="activity">活动组织者</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-4">
|
||||
<label for="businessName" class="form-label">商家名称 <span class="text-danger">*</span></label>
|
||||
<input type="text" class="form-control" id="businessName" required placeholder="请输入商家名称">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-4">
|
||||
<label for="contactPerson" class="form-label">联系人 <span class="text-danger">*</span></label>
|
||||
<input type="text" class="form-control" id="contactPerson" required placeholder="请输入联系人姓名">
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-4">
|
||||
<label for="contactPhone" class="form-label">联系电话 <span class="text-danger">*</span></label>
|
||||
<input type="tel" class="form-control" id="contactPhone" required placeholder="请输入联系电话">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-4">
|
||||
<label for="contactEmail" class="form-label">联系邮箱 <span class="text-danger">*</span></label>
|
||||
<input type="email" class="form-control" id="contactEmail" required placeholder="请输入联系邮箱">
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-4">
|
||||
<label for="businessLicense" class="form-label">营业执照号码 <span class="text-danger">*</span></label>
|
||||
<input type="text" class="form-control" id="businessLicense" required placeholder="请输入营业执照号码">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 mb-4">
|
||||
<label for="businessAddress" class="form-label">商家地址 <span class="text-danger">*</span></label>
|
||||
<textarea class="form-control" id="businessAddress" rows="3" required placeholder="请输入详细地址"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 mb-4">
|
||||
<h3 class="mb-4">服务信息</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-4">
|
||||
<label for="serviceType" class="form-label">服务类型 <span class="text-danger">*</span></label>
|
||||
<select class="form-select" id="serviceType" required>
|
||||
<option value="">请选择服务类型</option>
|
||||
<option value="animal">动物认领</option>
|
||||
<option value="flower">送花服务</option>
|
||||
<option value="activity">活动组织</option>
|
||||
<option value="other">其他服务</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-4">
|
||||
<label for="serviceArea" class="form-label">服务区域 <span class="text-danger">*</span></label>
|
||||
<input type="text" class="form-control" id="serviceArea" required placeholder="请输入服务区域">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 mb-4">
|
||||
<label for="serviceDescription" class="form-label">服务描述 <span class="text-danger">*</span></label>
|
||||
<textarea class="form-control" id="serviceDescription" rows="4" required placeholder="请详细描述您的服务内容和特色"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 mb-4">
|
||||
<h3 class="mb-4">资质证明</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-4">
|
||||
<label for="idCardFront" class="form-label">法人身份证(正面) <span class="text-danger">*</span></label>
|
||||
<input type="file" class="form-control" id="idCardFront" required>
|
||||
<div class="form-text">请上传清晰的身份证正面照片</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-4">
|
||||
<label for="idCardBack" class="form-label">法人身份证(背面) <span class="text-danger">*</span></label>
|
||||
<input type="file" class="form-control" id="idCardBack" required>
|
||||
<div class="form-text">请上传清晰的身份证背面照片</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-4">
|
||||
<label for="businessLicenseImg" class="form-label">营业执照 <span class="text-danger">*</span></label>
|
||||
<input type="file" class="form-control" id="businessLicenseImg" required>
|
||||
<div class="form-text">请上传清晰的营业执照照片</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-4">
|
||||
<label for="otherCertificate" class="form-label">其他证明材料</label>
|
||||
<input type="file" class="form-control" id="otherCertificate">
|
||||
<div class="form-text">可上传其他相关资质证明</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 mb-4">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="agreement" required>
|
||||
<label class="form-check-label" for="agreement">
|
||||
我已阅读并同意 <a href="policy.html" target="_blank">《商家合作政策》</a> <span class="text-danger">*</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<button type="submit" class="btn btn-primary me-3">提交申请</button>
|
||||
<button type="reset" class="btn btn-outline-secondary">重新填写</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</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="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>
|
||||
293
website/merchant/index.html
Normal file
293
website/merchant/index.html
Normal file
@@ -0,0 +1,293 @@
|
||||
<!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" 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 active" 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">合作优势</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="benefit-box">
|
||||
<div class="benefit-icon">
|
||||
<i class="bi bi-people-fill"></i>
|
||||
</div>
|
||||
<h3>庞大用户群体</h3>
|
||||
<p class="mb-0">接入超过10万注册用户，为您的业务带来稳定客源。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="benefit-box">
|
||||
<div class="benefit-icon">
|
||||
<i class="bi bi-phone-fill"></i>
|
||||
</div>
|
||||
<h3>技术支持</h3>
|
||||
<p class="mb-0">提供完善的技术支持和培训，帮助您快速上手。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="benefit-box">
|
||||
<div class="benefit-icon">
|
||||
<i class="bi bi-currency-dollar"></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">合作类型</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">农场合作</h5>
|
||||
<p class="card-text">提供动物认领服务，让用户定期探望认领的动物，体验农场生活。</p>
|
||||
<a href="apply.html" class="btn btn-primary">申请入驻</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">花店合作</h5>
|
||||
<p class="card-text">为用户提供送花服务，满足用户在旅行中的情感表达需求。</p>
|
||||
<a href="apply.html" class="btn btn-primary">申请入驻</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card h-100">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">活动组织</h5>
|
||||
<p class="card-text">组织各类旅行活动，为用户提供丰富的旅行体验选择。</p>
|
||||
<a href="apply.html" class="btn btn-primary">申请入驻</a>
|
||||
</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 section-title">入驻流程</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="d-flex justify-content-between">
|
||||
<div class="process-step">
|
||||
<div class="process-number">1</div>
|
||||
<h5>提交申请</h5>
|
||||
<p class="mb-0">填写入驻申请表</p>
|
||||
<div class="process-line"></div>
|
||||
</div>
|
||||
|
||||
<div class="process-step">
|
||||
<div class="process-number">2</div>
|
||||
<h5>资质审核</h5>
|
||||
<p class="mb-0">平台审核商家资质</p>
|
||||
<div class="process-line"></div>
|
||||
</div>
|
||||
|
||||
<div class="process-step">
|
||||
<div class="process-number">3</div>
|
||||
<h5>签约入驻</h5>
|
||||
<p class="mb-0">签署合作协议</p>
|
||||
<div class="process-line"></div>
|
||||
</div>
|
||||
|
||||
<div class="process-step">
|
||||
<div class="process-number">4</div>
|
||||
<h5>上线运营</h5>
|
||||
<p class="mb-0">正式开展业务</p>
|
||||
</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 section-title">商家数据</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-3 col-6 mb-4">
|
||||
<div class="stats-card">
|
||||
<div class="stats-number">500+</div>
|
||||
<div class="stats-label">合作商家</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 col-6 mb-4">
|
||||
<div class="stats-card">
|
||||
<div class="stats-number">50000+</div>
|
||||
<div class="stats-label">月均订单</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 col-6 mb-4">
|
||||
<div class="stats-card">
|
||||
<div class="stats-number">1000万+</div>
|
||||
<div class="stats-label">年交易额</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 col-6 mb-4">
|
||||
<div class="stats-card">
|
||||
<div class="stats-number">4.8</div>
|
||||
<div class="stats-label">用户评分</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="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>
|
||||
257
website/merchant/policy.html
Normal file
257
website/merchant/policy.html
Normal file
@@ -0,0 +1,257 @@
|
||||
<!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" 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 active" 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="policy-section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-3">
|
||||
<div class="toc">
|
||||
<h5 class="mb-4">政策目录</h5>
|
||||
<a href="#principles" class="toc-item">合作原则</a>
|
||||
<a href="#requirements" class="toc-item">资质要求</a>
|
||||
<a href="#standards" class="toc-item">服务标准</a>
|
||||
<a href="#fees" class="toc-item">费用与结算</a>
|
||||
<a href="#rights" class="toc-item">权利与义务</a>
|
||||
<a href="#violations" class="toc-item">违规处理</a>
|
||||
<a href="#disputes" class="toc-item">争议解决</a>
|
||||
<a href="#changes" class="toc-item">政策变更</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-9">
|
||||
<div class="card policy-card">
|
||||
<div class="card-body p-5">
|
||||
<h2 class="card-title mb-4">商家合作政策</h2>
|
||||
|
||||
<h4 id="principles" class="policy-title">1. 合作原则</h4>
|
||||
<p>结伴客平台致力于为用户提供优质的旅行结伴和动物认领服务。我们与商家合作的基本原则包括：</p>
|
||||
<ul>
|
||||
<li><strong>诚信经营：</strong>商家需提供真实、准确的服务信息</li>
|
||||
<li><strong>优质服务：</strong>商家应确保服务质量，满足用户需求</li>
|
||||
<li><strong>合法合规：</strong>商家需遵守相关法律法规和平台规定</li>
|
||||
<li><strong>互利共赢：</strong>平台与商家共同为用户提供价值</li>
|
||||
</ul>
|
||||
|
||||
<h4 id="requirements" class="policy-title">2. 商家资质要求</h4>
|
||||
<p>申请入驻的商家需满足以下基本条件：</p>
|
||||
<ul>
|
||||
<li>具备合法的营业执照和相关经营许可</li>
|
||||
<li>拥有良好的商业信誉和经营状况</li>
|
||||
<li>具备提供相关服务的能力和资源</li>
|
||||
<li>认同并遵守平台的相关规定和政策</li>
|
||||
</ul>
|
||||
|
||||
<h4 id="standards" class="policy-title">3. 服务标准</h4>
|
||||
<p>合作商家需遵守以下服务标准：</p>
|
||||
<ul>
|
||||
<li>服务描述真实准确，不得夸大宣传</li>
|
||||
<li>按时提供服务，不得无故延误或取消</li>
|
||||
<li>保证服务质量，接受用户评价和监督</li>
|
||||
<li>及时处理用户投诉和纠纷</li>
|
||||
</ul>
|
||||
|
||||
<h4 id="fees" class="policy-title">4. 费用与结算</h4>
|
||||
<p>平台费用和结算方式如下：</p>
|
||||
<ul>
|
||||
<li>平台将按约定比例收取服务佣金</li>
|
||||
<li>具体佣金比例根据合作类型和服务内容确定</li>
|
||||
<li>结算周期为每月一次，商家可随时查看收入明细</li>
|
||||
<li>平台提供详细的财务报表和结算信息</li>
|
||||
</ul>
|
||||
|
||||
<h4 id="rights" class="policy-title">5. 权利与义务</h4>
|
||||
<h6>平台权利与义务：</h6>
|
||||
<ul>
|
||||
<li>为商家提供展示和交易平台</li>
|
||||
<li>维护平台正常运营和秩序</li>
|
||||
<li>保护商家合法权益</li>
|
||||
<li>提供必要的技术支持和培训</li>
|
||||
</ul>
|
||||
|
||||
<h6>商家权利与义务：</h6>
|
||||
<ul>
|
||||
<li>在平台展示和销售服务</li>
|
||||
<li>获得合理的服务收益</li>
|
||||
<li>要求平台提供必要的支持</li>
|
||||
<li>遵守平台规定和合作协议</li>
|
||||
</ul>
|
||||
|
||||
<h4 id="violations" class="policy-title">6. 违规处理</h4>
|
||||
<p>对于违反平台规定的商家，平台将视情节轻重采取以下措施：</p>
|
||||
<ul>
|
||||
<li>警告并要求限期整改</li>
|
||||
<li>暂停服务或限制功能</li>
|
||||
<li>扣除保证金或违约金</li>
|
||||
<li>终止合作并追究法律责任</li>
|
||||
</ul>
|
||||
|
||||
<h4 id="disputes" class="policy-title">7. 争议解决</h4>
|
||||
<p>合作过程中如发生争议，双方应友好协商解决；协商不成的，任何一方可向平台所在地人民法院提起诉讼。</p>
|
||||
|
||||
<h4 id="changes" class="policy-title">8. 政策变更</h4>
|
||||
<p>平台有权根据业务发展需要对本政策进行修改，修改后的政策将在平台上公布，商家应定期关注政策变化。</p>
|
||||
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</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="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>
|
||||
<script>
|
||||
// 目录滚动高亮
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const tocItems = document.querySelectorAll('.toc-item');
|
||||
const sections = document.querySelectorAll('.policy-title');
|
||||
|
||||
window.addEventListener('scroll', function() {
|
||||
let current = '';
|
||||
|
||||
sections.forEach(section => {
|
||||
const sectionTop = section.offsetTop;
|
||||
if (pageYOffset >= sectionTop - 200) {
|
||||
current = section.getAttribute('id');
|
||||
}
|
||||
});
|
||||
|
||||
tocItems.forEach(item => {
|
||||
item.classList.remove('active');
|
||||
if (item.getAttribute('href') === '#' + current) {
|
||||
item.classList.add('active');
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user