327 lines
18 KiB
HTML
327 lines
18 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="结伴客, 商家入驻, 商家申请, 农场入驻, 花店入驻, 活动组织入驻">
|
|
<meta name="author" content="结伴客团队">
|
|
<meta property="og:title" content="商家入驻申请 - 结伴客">
|
|
<meta property="og:description" content="申请成为结伴客平台合作商家，填写商家入驻申请表单，加入我们的生态体系，为旅行者提供优质服务。">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:url" content="https://jiebanke.com/merchant/apply.html">
|
|
<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="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
|
|
<link href="../css/style.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<!-- 页面加载动画 -->
|
|
<div class="page-loader">
|
|
<div class="spinner-border text-primary" role="status">
|
|
<span class="visually-hidden">Loading...</span>
|
|
</div>
|
|
</div>
|
|
<!-- 导航栏 -->
|
|
<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="fa fa-map-marker-alt me-2"></i>结伴客
|
|
</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</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>
|
|
|
|
<!-- 页面滚动进度条 -->
|
|
<div class="scroll-progress"></div>
|
|
|
|
<!-- 返回顶部按钮 -->
|
|
<button class="back-to-top">
|
|
<i class="fas fa-arrow-up"></i>
|
|
</button>
|
|
|
|
<!-- 商家入驻横幅 -->
|
|
<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>
|
|
|
|
<!-- 申请步骤 -->
|
|
<script src="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.js"></script>
|
|
<script src="../js/main.js"></script>
|
|
<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="fa-brands fa-wechat"></i>
|
|
</a>
|
|
<a href="#" class="social-icon me-2">
|
|
<i class="fa-brands fa-weibo"></i>
|
|
</a>
|
|
<a href="#" class="social-icon">
|
|
<i class="fa-brands 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="../travel.html" class="d-block py-1">旅行结伴</a></li>
|
|
<li><a href="../animal.html" class="d-block py-1">动物认领</a></li>
|
|
<li><a href="../flower.html" class="d-block py-1">送花服务</a></li>
|
|
<li><a href="../reward.html" 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="../terms.html">用户协议</a></li>
|
|
<li class="list-inline-item"><a href="../privacy.html">隐私政策</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.7/js/bootstrap.js"></script>
|
|
</body>
|
|
</html> |