340 lines
18 KiB
HTML
340 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">
|
||
<meta http-equiv="Permissions-Policy" content="accelerometer=(), gyroscope=(), magnetometer=(), geolocation=(), camera=(), microphone=(), payment=()">
|
||
<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/contact.html">
|
||
<title>联系我们 - 结伴客</title>
|
||
<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>
|
||
<!-- 导航栏 -->
|
||
<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" 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 text-center section-title">联系方式</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-4 mb-4">
|
||
<div class="card contact-card h-100 text-center">
|
||
<div class="card-body">
|
||
<div class="feature-icon mx-auto mb-4">
|
||
<i class="fa fa-envelope"></i>
|
||
</div>
|
||
<h3 class="h5 card-title">电子邮箱</h3>
|
||
<p class="card-text">如有任何问题或建议，欢迎发送邮件至我们的官方邮箱</p>
|
||
<a href="mailto:master@gaohaotech.com" class="btn btn-outline-primary">发送邮件</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-4 mb-4">
|
||
<div class="card contact-card h-100 text-center">
|
||
<div class="card-body">
|
||
<div class="feature-icon mx-auto mb-4">
|
||
<i class="fa fa-phone"></i>
|
||
</div>
|
||
<h3 class="h5 card-title">联系电话</h3>
|
||
<p class="card-text">工作日 9:00-18:00，您可以通过以下电话联系我们</p>
|
||
<p class="mb-0">郑经理: 15927219038</p>
|
||
<p class="mb-0">杜经理: 13871378634</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-4 mb-4">
|
||
<div class="card contact-card h-100 text-center">
|
||
<div class="card-body">
|
||
<div class="feature-icon mx-auto mb-4">
|
||
<i class="fa fa-map-marker-alt"></i>
|
||
</div>
|
||
<h3 class="h5 card-title">公司地址</h3>
|
||
<p class="card-text">欢迎前来参观交流，我们期待与您面对面沟通</p>
|
||
<p class="mb-0">武汉市东湖高新技术开发区</p>
|
||
<p class="mb-0">关山大道保利国际中心8楼</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 在线留言 -->
|
||
<section class="py-5 bg-light">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-12 mb-5">
|
||
<h2 class="display-5 fw-bold text-center section-title">在线留言</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-8">
|
||
<div class="card shadow">
|
||
<div class="card-body">
|
||
<form>
|
||
<div class="row">
|
||
<div class="col-md-6 mb-3">
|
||
<label for="name" class="form-label">姓名</label>
|
||
<input type="text" class="form-control" id="name" placeholder="请输入您的姓名">
|
||
</div>
|
||
<div class="col-md-6 mb-3">
|
||
<label for="email" class="form-label">邮箱</label>
|
||
<input type="email" class="form-control" id="email" placeholder="请输入您的邮箱">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<div class="col-md-6 mb-3">
|
||
<label for="phone" class="form-label">电话</label>
|
||
<input type="tel" class="form-control" id="phone" placeholder="请输入您的电话">
|
||
</div>
|
||
<div class="col-md-6 mb-3">
|
||
<label for="subject" class="form-label">主题</label>
|
||
<select class="form-select" id="subject">
|
||
<option selected>请选择留言主题</option>
|
||
<option value="business">商务合作</option>
|
||
<option value="support">技术支持</option>
|
||
<option value="feedback">意见反馈</option>
|
||
<option value="other">其他问题</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mb-3">
|
||
<label for="message" class="form-label">留言内容</label>
|
||
<textarea class="form-control" id="message" rows="5" placeholder="请详细描述您的问题或建议"></textarea>
|
||
</div>
|
||
|
||
<div class="mb-3 form-check">
|
||
<input type="checkbox" class="form-check-input" id="agree">
|
||
<label class="form-check-label" for="agree">我已阅读并同意 <a href="terms.html">用户协议</a> 和 <a href="privacy.html">隐私政策</a></label>
|
||
</div>
|
||
|
||
<div class="text-center">
|
||
<button type="submit" class="btn btn-primary btn-lg">提交留言</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</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 text-center section-title">常见问题</h2>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-8">
|
||
<div class="accordion" id="faqAccordion">
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="faq1">
|
||
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse1">
|
||
如何注册成为结伴客用户？
|
||
</button>
|
||
</h2>
|
||
<div id="collapse1" class="accordion-collapse collapse show" data-bs-parent="#faqAccordion">
|
||
<div class="accordion-body">
|
||
您可以通过结伴客官网、微信小程序或下载APP进行注册。只需提供手机号码并完成验证，即可成为结伴客用户。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="faq2">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2">
|
||
如何确保旅行伙伴的安全性？
|
||
</button>
|
||
</h2>
|
||
<div id="collapse2" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
|
||
<div class="accordion-body">
|
||
我们通过实名认证、手机号验证、社交账号绑定等多重身份验证机制确保用户身份真实。同时，建立完善的信用评价体系，用户可以查看彼此的评价记录，帮助您选择可靠的旅行伙伴。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="faq3">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse3">
|
||
动物认领后如何了解动物近况？
|
||
</button>
|
||
</h2>
|
||
<div id="collapse3" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
|
||
<div class="accordion-body">
|
||
我们会定期通过APP或微信推送动物的照片、视频和健康状况报告。认领者还可以预约实地探访，与动物亲密互动。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="faq4">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse4">
|
||
推广奖励如何结算和提现？
|
||
</button>
|
||
</h2>
|
||
<div id="collapse4" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
|
||
<div class="accordion-body">
|
||
佣金按月结算，每月10日结算上月佣金。您可以在个人中心查看收益明细并申请提现，支持微信、支付宝等多种提现方式。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header" id="faq5">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse5">
|
||
遇到问题如何寻求帮助？
|
||
</button>
|
||
</h2>
|
||
<div id="collapse5" class="accordion-collapse collapse" data-bs-parent="#faqAccordion">
|
||
<div class="accordion-body">
|
||
您可以通过在线客服、客服电话或留言表单与我们联系。我们的客服团队工作时间为工作日9:00-18:00，将尽快为您解决问题。
|
||
</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="fa fa-map-marker-alt me-2"></i>结伴客
|
||
</h5>
|
||
<p>专注于结伴旅行活动的平台，包含独特的动物认领功能。</p>
|
||
<div class="d-flex">
|
||
<a href="#" class="social-icon me-2">
|
||
<i class="fab fa-weixin"></i>
|
||
</a>
|
||
<a href="#" class="social-icon me-2">
|
||
<i class="fab 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="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>
|
||
|
||
<!-- 页面加载动画 -->
|
||
<div class="page-loader">
|
||
<div class="loader-spinner">
|
||
<i class="fa fa-compass fa-spin"></i>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.7/js/bootstrap.js"></script>
|
||
<script src="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.js"></script>
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
</html> |