重构关于我们、商家申请和案例页面，优化布局和内容展示
This commit is contained in:
@@ -60,161 +60,166 @@
|
||||
</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>
|
||||
<h2 class="display-5 fw-bold text-center section-title">公司简介</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-6 mb-4 mb-lg-0">
|
||||
<div class="about-image-wrapper">
|
||||
<img src="images/team-photo.svg" alt="结伴客团队" class="img-fluid rounded shadow">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<h3 class="mb-4">让旅行不再孤单</h3>
|
||||
<p class="lead">结伴客平台成立于2015年，源于一群热爱旅行的朋友的共同梦想。我们相信，旅行不仅是看风景，更是与人分享、与自然互动的过程。</p>
|
||||
<p>在快节奏的现代生活中，很多人渴望逃离城市的喧嚣，走进大自然的怀抱，但又不想独自一人。于是我们创建了这个平台，让志同道合的人能够轻松找到旅伴，一起探索世界的美好。</p>
|
||||
<p>通过我们的平台，用户可以找到志同道合的旅行伙伴，一起探索自然的奥秘；也可以认领可爱的动物，体验农场生活，感受生命的温暖。</p>
|
||||
</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="value-box">
|
||||
<div class="value-icon">
|
||||
<i class="fa fa-tree"></i>
|
||||
</div>
|
||||
<h3>回归自然</h3>
|
||||
<p class="mb-0">我们倡导回归自然的生活方式，鼓励人们走出城市，亲近大自然，感受生命的本真。</p>
|
||||
</div>
|
||||
<div class="col-lg-6 mb-4">
|
||||
<h3 class="h4 mb-4">我们的使命</h3>
|
||||
<p>结伴客致力于为用户提供独特的旅行结伴体验，通过创新的平台服务连接志同道合的旅行者，让人与人、人与自然建立更深层的情感联系。</p>
|
||||
|
||||
<h3 class="h4 mb-4 mt-5">我们的愿景</h3>
|
||||
<p>成为国内领先的结伴旅行服务平台，打造一个充满温暖、信任和乐趣的旅行社区，让每一次旅行都成为珍贵的回忆。</p>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="value-box">
|
||||
<div class="value-icon">
|
||||
<i class="fa fa-users"></i>
|
||||
<div class="col-lg-6 mb-4">
|
||||
<div class="card border-0 shadow">
|
||||
<div class="card-body p-5">
|
||||
<h3 class="h4 mb-4">核心价值观</h3>
|
||||
<div class="d-flex mb-3">
|
||||
<div class="feature-icon-sm bg-primary text-white rounded-circle me-3">
|
||||
<i class="fa fa-heart"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="h5 mb-2">真诚</h4>
|
||||
<p class="mb-0">以诚待人，建立信任的伙伴关系</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex mb-3">
|
||||
<div class="feature-icon-sm bg-success text-white rounded-circle me-3">
|
||||
<i class="fa fa-shield-alt"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="h5 mb-2">安全</h4>
|
||||
<p class="mb-0">保障用户信息安全和旅行安全</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="d-flex">
|
||||
<div class="feature-icon-sm bg-info text-white rounded-circle me-3">
|
||||
<i class="fa fa-leaf"></i>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="h5 mb-2">自然</h4>
|
||||
<p class="mb-0">倡导与自然和谐相处的旅行方式</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h3>真诚交友</h3>
|
||||
<p class="mb-0">我们坚持以真诚的态度对待每一位用户，帮助大家在旅途中结识真正的朋友。</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="value-box">
|
||||
<div class="value-icon">
|
||||
<i class="fa fa-heart"></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>
|
||||
<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>
|
||||
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<div class="milestone">
|
||||
<div class="milestone-icon">
|
||||
<i class="fa fa-1"></i>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-10 mx-auto">
|
||||
<div class="timeline">
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-date">2015年</div>
|
||||
<div class="timeline-content">
|
||||
<h3 class="h5">公司成立</h3>
|
||||
<p>武汉高灏科技有限责任公司正式成立，开始构思结伴客平台的商业模式</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-date">2017年</div>
|
||||
<div class="timeline-content">
|
||||
<h3 class="h5">平台上线</h3>
|
||||
<p>结伴客1.0版本正式上线，提供基础的旅行结伴功能</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-date">2019年</div>
|
||||
<div class="timeline-content">
|
||||
<h3 class="h5">功能拓展</h3>
|
||||
<p>推出动物认领特色功能，平台用户突破10万</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-date">2021年</div>
|
||||
<div class="timeline-content">
|
||||
<h3 class="h5">服务升级</h3>
|
||||
<p>新增送花服务和推广奖励机制，平台生态更加完善</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-date">2023年</div>
|
||||
<div class="timeline-content">
|
||||
<h3 class="h5">技术革新</h3>
|
||||
<p>平台全面升级，采用微服务架构，用户体验大幅提升</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="timeline-item">
|
||||
<div class="timeline-date">2025年</div>
|
||||
<div class="timeline-content">
|
||||
<h3 class="h5">未来展望</h3>
|
||||
<p>计划拓展国际市场，打造全球结伴旅行平台</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h5>2015年 - 梦想起航</h5>
|
||||
<p>结伴客平台正式成立，专注于旅行结伴服务，帮助第一批用户找到了志同道合的旅伴。</p>
|
||||
</div>
|
||||
|
||||
<div class="milestone">
|
||||
<div class="milestone-icon">
|
||||
<i class="fa fa-2"></i>
|
||||
</div>
|
||||
<h5>2017年 - 服务升级</h5>
|
||||
<p>推出动物认领服务，为用户提供更多元化的自然体验，让用户在旅行中与动物建立情感纽带。</p>
|
||||
</div>
|
||||
|
||||
<div class="milestone">
|
||||
<div class="milestone-icon">
|
||||
<i class="fa fa-3"></i>
|
||||
</div>
|
||||
<h5>2019年 - 用户突破</h5>
|
||||
<p>注册用户突破10万，合作商家达到500家，平台影响力不断扩大。</p>
|
||||
</div>
|
||||
|
||||
<div class="milestone">
|
||||
<div class="milestone-icon">
|
||||
<i class="fa fa-4"></i>
|
||||
</div>
|
||||
<h5>2021年 - 服务拓展</h5>
|
||||
<p>新增送花服务，丰富用户体验，让用户能够通过鲜花传递旅途中的温暖与浪漫。</p>
|
||||
</div>
|
||||
|
||||
<div class="milestone">
|
||||
<div class="milestone-icon">
|
||||
<i class="fa fa-5"></i>
|
||||
</div>
|
||||
<h5>2023年 - 全新出发</h5>
|
||||
<p>平台全面升级，优化用户体验，致力于成为国内领先的自然旅行社交平台。</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>
|
||||
<h2 class="display-5 fw-bold text-center section-title">核心团队</h2>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-3 col-6 mb-4">
|
||||
<div class="team-member text-center">
|
||||
<img src="images/ceo-avatar.svg" class="rounded-circle mb-3 team-photo" alt="CEO张明">
|
||||
<h5>张明</h5>
|
||||
<p class="text-muted mb-0">首席执行官</p>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card team-card text-center">
|
||||
<img src="images/team-member1.jpg" class="card-img-top rounded-circle mx-auto mt-4" alt="CEO 张总" width="150" height="150">
|
||||
<div class="card-body">
|
||||
<h3 class="h5 card-title">张总</h3>
|
||||
<p class="card-text text-muted">创始人兼CEO</p>
|
||||
<p>拥有10年互联网产品经验，热爱旅行和户外运动</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 col-6 mb-4">
|
||||
<div class="team-member text-center">
|
||||
<img src="images/cto-avatar.svg" class="rounded-circle mb-3 team-photo" alt="CTO李华">
|
||||
<h5>李华</h5>
|
||||
<p class="text-muted mb-0">首席技术官</p>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card team-card text-center">
|
||||
<img src="images/team-member2.jpg" class="card-img-top rounded-circle mx-auto mt-4" alt="CTO 李博士" width="150" height="150">
|
||||
<div class="card-body">
|
||||
<h3 class="h5 card-title">李博士</h3>
|
||||
<p class="card-text text-muted">首席技术官</p>
|
||||
<p>计算机博士，专注于分布式系统和大数据分析</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 col-6 mb-4">
|
||||
<div class="team-member text-center">
|
||||
<img src="images/cmo-avatar.svg" class="rounded-circle mb-3 team-photo" alt="CMO王芳">
|
||||
<h5>王芳</h5>
|
||||
<p class="text-muted mb-0">首席市场官</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 col-6 mb-4">
|
||||
<div class="team-member text-center">
|
||||
<img src="images/coo-avatar.svg" class="rounded-circle mb-3 team-photo" alt="COO赵强">
|
||||
<h5>赵强</h5>
|
||||
<p class="text-muted mb-0">首席运营官</p>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card team-card text-center">
|
||||
<img src="images/team-member3.jpg" class="card-img-top rounded-circle mx-auto mt-4" alt="COO 王女士" width="150" height="150">
|
||||
<div class="card-body">
|
||||
<h3 class="h5 card-title">王女士</h3>
|
||||
<p class="card-text text-muted">首席运营官</p>
|
||||
<p>资深运营专家，擅长用户增长和生态建设</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -244,10 +249,10 @@
|
||||
<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>
|
||||
<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">
|
||||
@@ -287,8 +292,8 @@
|
||||
</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="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>
|
||||
@@ -303,7 +308,7 @@
|
||||
</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/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>
|
||||
|
||||
Reference in New Issue
Block a user