4da983c06e
- 新增 merchant/apply.html 页面，提供商家入驻申请表单 - 添加 .idea 目录下的配置文件，用于项目管理和开发环境设置refactor(website): 重构网站页面布局和样式 - 更新了多个页面的 Logo 和导航栏样式 - 统一使用 Font Awesome 图标替代 Bootstrap Icons -调整了页面布局结构，提高了可读性和美观度 - 更新了联系我们信息，增加了经理电话和邮箱 - 移除了不必要的数据统计部分，简化了页面内容 - 优化了用户评价展示方式，增加了用户头像和身份信息 - 更新了行动号召部分的文案和按钮样式
297 lines
13 KiB
HTML
297 lines
13 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>商家合作 - 结伴客</title>
|
||
<meta name="description" content="加入结伴客商家合作生态，为旅行者提供农场、花店和活动组织服务。了解合作优势、入驻流程和商家数据。">
|
||
<meta name="keywords" content="结伴客, 商家合作, 农场合作, 花店合作, 活动组织, 商家入驻, 合作优势">
|
||
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
|
||
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.css" rel="stylesheet">
|
||
<link href="../css/style.css" rel="stylesheet">
|
||
</head>
|
||
<body>
|
||
<!-- 导航栏 -->
|
||
<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="fas fa-map me-2"></i>结伴客
|
||
</a>
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</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="fas fa-wechat"></i>
|
||
</a>
|
||
<a href="#" class="social-icon me-2">
|
||
<i class="fas fa-weibo"></i>
|
||
</a>
|
||
<a href="#" class="social-icon">
|
||
<i class="fab fa-qq"></i>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-2 mb-4">
|
||
<h5 class="mb-4">产品</h5>
|
||
<ul class="list-unstyled">
|
||
<li><a href="#" 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="fa fa-envelope me-2 mt-1"></i>
|
||
<span>master@gaohaotech.com</span>
|
||
</li>
|
||
<li class="d-flex align-items-start mb-3">
|
||
<i class="fa fa-phone me-2 mt-1"></i>
|
||
<div>
|
||
<div>郑经理 15927219038</div>
|
||
<div>杜经理 13871378634</div>
|
||
</div>
|
||
</li>
|
||
<li class="d-flex align-items-start mb-3">
|
||
<i class="fa fa-map-marker-alt me-2 mt-1"></i>
|
||
<span>武汉市东湖高新技术开发区关山大道保利国际中心8楼</span>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="row pt-4 mt-4 border-top border-secondary">
|
||
<div class="col-md-6 text-center text-md-start">
|
||
<p class="mb-0">© 2025 结伴客. 保留所有权利.</p>
|
||
<p class="mb-0 small">Copyright 2015 All rights reserved 鄂ICP备15009094号-1 jiebanke.com 武汉高灏科技有限责任公司</p>
|
||
</div>
|
||
<div class="col-md-6 text-center text-md-end">
|
||
<ul class="list-inline mb-0">
|
||
<li class="list-inline-item"><a href="#">用户协议</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.bootcdn.net/ajax/libs/bootstrap-icons/1.10.0/font/bootstrap-icons.min.js"></script>
|
||
</body>
|
||
</html> |