441 lines
23 KiB
HTML
441 lines
23 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="旅行结伴, 旅行伙伴, 结伴旅行, 旅行计划, 旅行社交">
|
||
|
|
|
||
|
|
<!-- CSS -->
|
||
|
|
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.7/css/bootstrap.css" rel="stylesheet">
|
||
|
|
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/7.0.0/css/all.css" rel="stylesheet">
|
||
|
|
<link href="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.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">
|
||
|
|
<link href="css/travel.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 active" href="travel.html">旅行结伴</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="animal.html">动物认领</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="flower.html">送花服务</a>
|
||
|
|
</li>
|
||
|
|
<li class="nav-item">
|
||
|
|
<a class="nav-link" href="reward.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="page-header travel-header">
|
||
|
|
<div class="container h-100">
|
||
|
|
<div class="row h-100 align-items-center">
|
||
|
|
<div class="col-12 text-center text-white">
|
||
|
|
<h1 class="display-3 fw-bold mb-4">旅行结伴</h1>
|
||
|
|
<p class="lead mb-5 fs-4">发布你的旅行计划，寻找志同道合的伙伴<br>一起探索世界的美好</p>
|
||
|
|
<a href="#plans" class="btn btn-light btn-lg btn-rounded me-3">查看旅行计划</a>
|
||
|
|
<a href="#process" class="btn btn-outline-light btn-lg btn-rounded">发布我的计划</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<!-- 服务介绍 -->
|
||
|
|
<section class="py-5">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12 text-center">
|
||
|
|
<h2 class="display-5 fw-bold section-title">为什么选择旅行结伴</h2>
|
||
|
|
<p class="lead">结伴客为您提供安全可靠的旅行伙伴匹配服务</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-4 mb-4">
|
||
|
|
<div class="feature-box">
|
||
|
|
<div class="feature-icon">
|
||
|
|
<i class="fa fa-shield-alt"></i>
|
||
|
|
</div>
|
||
|
|
<h3 class="h4 mb-3">安全保障</h3>
|
||
|
|
<p class="text-muted">严格的身份验证机制和信用评价体系，确保您的旅行安全无忧。</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-4 mb-4">
|
||
|
|
<div class="feature-box">
|
||
|
|
<div class="feature-icon">
|
||
|
|
<i class="fa fa-users"></i>
|
||
|
|
</div>
|
||
|
|
<h3 class="h4 mb-3">精准匹配</h3>
|
||
|
|
<p class="text-muted">基于兴趣爱好、旅行偏好和时间安排的智能匹配算法。</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-4 mb-4">
|
||
|
|
<div class="feature-box">
|
||
|
|
<div class="feature-icon">
|
||
|
|
<i class="fa fa-comments"></i>
|
||
|
|
</div>
|
||
|
|
<h3 class="h4 mb-3">便捷沟通</h3>
|
||
|
|
<p class="text-muted">内置聊天系统，方便您与潜在伙伴快速建立联系。</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<!-- 旅行计划列表 -->
|
||
|
|
<section id="plans" class="py-5 bg-light">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12 text-center">
|
||
|
|
<h2 class="display-5 fw-bold section-title">热门旅行计划</h2>
|
||
|
|
<p class="lead">浏览其他用户发布的旅行计划，找到你的理想伙伴</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row" id="travel-plans-container">
|
||
|
|
<!-- 旅行计划将通过JS动态加载 -->
|
||
|
|
<div class="col-md-4 mb-4">
|
||
|
|
<div class="card h-100">
|
||
|
|
<img src="images/travel-case1.svg" class="card-img-top" alt="西藏之旅">
|
||
|
|
<div class="card-body">
|
||
|
|
<h5 class="card-title">西藏朝圣之旅</h5>
|
||
|
|
<p class="card-text">寻找志同道合的旅伴，一起探索神秘的西藏，体验心灵的洗礼。</p>
|
||
|
|
<div class="d-flex justify-content-between align-items-center">
|
||
|
|
<small class="text-muted">出发日期: 2025-06-15</small>
|
||
|
|
<span class="badge bg-primary">3人同行</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="card-footer">
|
||
|
|
<small class="text-muted">发布者: 张先生</small>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-4 mb-4">
|
||
|
|
<div class="card h-100">
|
||
|
|
<img src="images/travel-case2.svg" class="card-img-top" alt="云南大理">
|
||
|
|
<div class="card-body">
|
||
|
|
<h5 class="card-title">云南大理休闲游</h5>
|
||
|
|
<p class="card-text">洱海骑行，古城漫步，寻找最美的风景和最有趣的伙伴。</p>
|
||
|
|
<div class="d-flex justify-content-between align-items-center">
|
||
|
|
<small class="text-muted">出发日期: 2025-05-20</small>
|
||
|
|
<span class="badge bg-success">招募中</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="card-footer">
|
||
|
|
<small class="text-muted">发布者: 李女士</small>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-4 mb-4">
|
||
|
|
<div class="card h-100">
|
||
|
|
<img src="images/travel-case3.svg" class="card-img-top" alt="海南三亚">
|
||
|
|
<div class="card-body">
|
||
|
|
<h5 class="card-title">海南三亚度假游</h5>
|
||
|
|
<p class="card-text">阳光、沙滩、海浪，和伙伴一起享受悠闲的海岛假期。</p>
|
||
|
|
<div class="d-flex justify-content-between align-items-center">
|
||
|
|
<small class="text-muted">出发日期: 2025-07-10</small>
|
||
|
|
<span class="badge bg-warning text-dark">还差2人</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="card-footer">
|
||
|
|
<small class="text-muted">发布者: 王先生</small>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-12 text-center mt-4">
|
||
|
|
<button class="btn btn-outline-primary btn-lg">查看更多旅行计划</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<!-- 使用流程 -->
|
||
|
|
<section id="process" class="py-5">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12 text-center">
|
||
|
|
<h2 class="display-5 fw-bold section-title">使用流程</h2>
|
||
|
|
<p class="lead">简单几步，找到您的旅行伙伴</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-3 mb-4">
|
||
|
|
<div class="text-center">
|
||
|
|
<div class="step-icon bg-primary text-white rounded-circle mx-auto mb-3">
|
||
|
|
<i class="fa fa-edit"></i>
|
||
|
|
</div>
|
||
|
|
<h3 class="h5 mb-3">1. 发布计划</h3>
|
||
|
|
<p class="text-muted">填写旅行目的地、时间、预算和偏好等信息</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-3 mb-4">
|
||
|
|
<div class="text-center">
|
||
|
|
<div class="step-icon bg-success text-white rounded-circle mx-auto mb-3">
|
||
|
|
<i class="fa fa-search"></i>
|
||
|
|
</div>
|
||
|
|
<h3 class="h5 mb-3">2. 寻找伙伴</h3>
|
||
|
|
<p class="text-muted">浏览匹配的旅行计划或等待系统推荐</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-3 mb-4">
|
||
|
|
<div class="text-center">
|
||
|
|
<div class="step-icon bg-info text-white rounded-circle mx-auto mb-3">
|
||
|
|
<i class="fa fa-comments"></i>
|
||
|
|
</div>
|
||
|
|
<h3 class="h5 mb-3">3. 沟通确认</h3>
|
||
|
|
<p class="text-muted">通过平台聊天系统与伙伴交流确认细节</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-3 mb-4">
|
||
|
|
<div class="text-center">
|
||
|
|
<div class="step-icon bg-warning text-white rounded-circle mx-auto mb-3">
|
||
|
|
<i class="fa fa-plane"></i>
|
||
|
|
</div>
|
||
|
|
<h3 class="h5 mb-3">4. 开始旅行</h3>
|
||
|
|
<p class="text-muted">达成一致后，开始愉快的结伴旅行</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<!-- 成功案例 -->
|
||
|
|
<section class="py-5 bg-light">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12 text-center">
|
||
|
|
<h2 class="display-5 fw-bold section-title">结伴成功案例</h2>
|
||
|
|
<p class="lead">听听他们结伴旅行的故事</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-4 mb-4">
|
||
|
|
<div class="card h-100">
|
||
|
|
<img src="images/travel-success1.jpg" class="card-img-top" alt="川藏线骑行">
|
||
|
|
<div class="card-body">
|
||
|
|
<h5 class="card-title">川藏线骑行</h5>
|
||
|
|
<p class="card-text">通过结伴客平台，来自不同城市的三位骑行爱好者成功组队，完成了川藏线的挑战。</p>
|
||
|
|
<div class="d-flex justify-content-between align-items-center">
|
||
|
|
<small class="text-muted">参与人数: 3人</small>
|
||
|
|
<span class="badge bg-success">已完成</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-4 mb-4">
|
||
|
|
<div class="card h-100">
|
||
|
|
<img src="images/travel-success2.jpg" class="card-img-top" alt="云南背包客">
|
||
|
|
<div class="card-body">
|
||
|
|
<h5 class="card-title">云南背包客之旅</h5>
|
||
|
|
<p class="card-text">两位独自旅行的女孩通过平台相识，结伴游览了大理、丽江和香格里拉。</p>
|
||
|
|
<div class="d-flex justify-content-between align-items-center">
|
||
|
|
<small class="text-muted">参与人数: 2人</small>
|
||
|
|
<span class="badge bg-success">已完成</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-4 mb-4">
|
||
|
|
<div class="card h-100">
|
||
|
|
<img src="images/travel-success3.jpg" class="card-img-top" alt="东北滑雪">
|
||
|
|
<div class="card-body">
|
||
|
|
<h5 class="card-title">东北滑雪之旅</h5>
|
||
|
|
<p class="card-text">滑雪爱好者组成的四人小队，一起探索了东北各大滑雪场。</p>
|
||
|
|
<div class="d-flex justify-content-between align-items-center">
|
||
|
|
<small class="text-muted">参与人数: 4人</small>
|
||
|
|
<span class="badge bg-success">已完成</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<!-- 常见问题 -->
|
||
|
|
<section class="py-5">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row mb-5">
|
||
|
|
<div class="col-12 text-center">
|
||
|
|
<h2 class="display-5 fw-bold section-title">常见问题</h2>
|
||
|
|
<p class="lead">关于旅行结伴，您可能有以下疑问</p>
|
||
|
|
</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">
|
||
|
|
我们通过实名认证、手机号验证、社交账号绑定等多重身份验证机制确保用户身份真实。同时，建立完善的信用评价体系，用户可以查看彼此的评价记录，帮助您选择可靠的旅行伙伴。
|
||
|
|
</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">
|
||
|
|
注册并登录后，点击"发布计划"按钮，填写目的地、出发时间、预算、人数要求等详细信息即可。我们的智能匹配系统会为您推荐合适的伙伴。
|
||
|
|
</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">
|
||
|
|
发布和浏览旅行计划完全免费。只有在成功结伴并完成旅行后，平台才会收取少量服务费，用于平台维护和功能优化。
|
||
|
|
</div>
|
||
|
|
</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>
|