264 lines
12 KiB
HTML
264 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>结伴客 - 旅行结伴与动物认领平台</title>
|
|
<meta name="description" content="结伴客是一个专注于旅行结伴和动物认领的社交平台。在这里，您可以找到志同道合的旅行伙伴，体验独特的动物认领服务，享受送花等贴心服务。">
|
|
<meta name="keywords" content="结伴客, 旅行结伴, 动物认领, 送花服务, 社交平台, 旅行伙伴">
|
|
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="css/style.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<!-- 导航栏 -->
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
|
|
<div class="container">
|
|
<!-- 添加Logo -->
|
|
<a class="navbar-brand" href="index.html">
|
|
<img src="images/logo.png" alt="结伴客 Logo" width="30" height="30" class="d-inline-block align-top me-2">
|
|
<i class="bi bi-map-fill me-2"></i>结伴客
|
|
</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav ms-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="index.html">首页</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" 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> |