<body>
<!-- Scroll-Top Area (Start) -->
<a href="#home" class="scroll-top">
<i class="fas fa-angle-up"></i>
</a>
<!-- Scroll-Top Area (End) -->
<!-- Header Area (Start) -->
<header class="header">
<div id="menu-btn" class="fas fa-bars"></div>
<!-- Logo -->
<a class="logo" href="#home">
<img src="static/picture/logo.png" alt="logo" style="width: 200px;">
</a>
<nav class="navbar">
<a href="#home">首页</a>
<a href="#about">关于</a>
<a href="#menu-gallery">菜单</a>
<a href="#gallery">图库</a>
<a href="#team">团队</a>
<a href="#testimonials">客户评价</a>
<a href="#contact">联系我们</a>
</nav>
<a href="#book" class="booking-btn">预定餐桌</a>
</header>
<!-- Header Area (End) -->
<!-- Home Area (Start) -->
<section class="home" id="home">
<div class="swiper-container home-slider">
<div class="swiper-wrapper">
<div class="swiper-slide home-item">
<img src="static/picture/4.jpeg" alt="">
<div class="content">
<div class="text">
<h2>Shine Moon城市餐厅</h2>
<p>我们在Shine Moon城市餐厅提供最佳的美食和舒适的氛围。</p>
<a href="#menu-gallery" class="btn">菜单</a>
</div>
</div>
</div>
<div class="swiper-slide home-item">
<img src="static/picture/6.jpeg" alt="">
<div class="content">
<div class="text">
<h2>ShineMoon城市餐厅</h2>
<p>我们为客户提供最好的美食和清洁服务。</p>
<a href="#menu-gallery" class="btn">菜单</a>
</div>
</div>
</div>
<div class="swiper-slide home-item">
<img src="static/picture/5.jpeg" alt="">
<div class="content">
<div class="text">
<h2>ShineMoon城市餐厅</h2>
<p>我们为特殊客户提供一些折扣优惠。</p>
<a href="#menu-gallery" class="btn">菜单</a>
</div>
</div>
</div>
</div>
<div class="swiper-pagination swiper-pagination2"></div>
</div>
</section>
标签：Shine,菜单,城市,Moon,期末,餐厅,ShineMoon From： https://blog.51cto.com/u_16349720/9569880