重构动物认领页面和导航菜单,统一使用SVG图标并优化交互体验
This commit is contained in:
@@ -36,6 +36,18 @@
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="about.html">关于我们</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" 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>
|
||||
@@ -192,7 +204,7 @@
|
||||
<div class="row">
|
||||
<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">
|
||||
<img src="images/ceo-avatar.svg" 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>
|
||||
@@ -203,7 +215,7 @@
|
||||
|
||||
<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">
|
||||
<img src="images/cto-avatar.svg" 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>
|
||||
@@ -214,7 +226,7 @@
|
||||
|
||||
<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">
|
||||
<img src="images/coo-avatar.svg" 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>
|
||||
@@ -310,6 +322,7 @@
|
||||
|
||||
<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/enhanced-interactions.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user