<div class="header">
<div class="agile-top-header">
<div class="logo">
<h1><a href="index.html">好<span>美味</span>餐<span>厅</a></h1>
</div>
<!-- navigation -->
<div class="top-left">
<div class="top-icons">
<ul>
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i>脸书</a></li>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i>飞鸽</a></li>
<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i>脸书</a></li>
<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i>微博</a></li>
</ul>
</div>
<div class="top-nav">
<nav class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- navbar-header -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<nav class="linkEffects linkHoverEffect_2">
<ul>
<li><a href="index.html" data-link-alt="Home" class="active"><span>首页</span></a></li>
<li><a href="#services" data-link-alt="SERVICES" class="scroll"><span>服务</span></a></li>
<li><a href="#gallery" data-link-alt="GALLERY" class="scroll"><span>种类</span></a></li>
<li><a href="#special" data-link-alt="SPECIAL" class="scroll"><span>特色</span></a></li>
<li><a href="#clients" data-link-alt="CLIENTS" class="scroll"><span>客户好评</span></a></li>
<li><a href="#contact" data-link-alt="CONTACT US" class="scroll"><span>联系我们</span></a></li>
</ul>
</nav>
</div>
<div class="clearfix"> </div>
</nav>
</div>
<div class="clearfix"> </div>
<!-- //navigation -->
</div>
</div>
<div class="slider">
<!-- Slideshow 3 -->
<ul class="rslides" id="slider">
<li>
<img src="http://material.17hongtu.cn/storeid_1195/pc/resource/20220513/202205130920504348253.jpg" alt="">
<div class="slider-info">
<h4>好美味餐厅</h4>
<p>美食盛宴,火爆全场</p>
<div class="button">
<a href="#" data-toggle="modal" data-target="#myModal">更多<span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span></a>
</div>
</div>
</li>
<li>
<img src="http://material.17hongtu.cn/storeid_1195/pc/resource/20230309/202303091848549581563.jpg" alt="">
<div class="slider-info">
<h4>好美味餐厅</h4>
<p>宴会焕然升级,打造全新美味盛宴</p>
<div class="button">
<a href="#" data-toggle="modal" data-target="#myModal">更多<span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span></a>
</div>
</div>
</li>
<li>
<img src="https://m.hdhniupai.com/static/images/product/71dd4ec0-4472-47f3-aeee-e1386a51bad6.jpg" alt="">
<div class="slider-info">
<h4>好美味餐厅</h4>
<p>有趣有料有优惠</p>
<div class="button">
<a href="#" data-toggle="modal" data-target="#myModal">更多<span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span></a>
</div>
</div>
</li>
</ul>
<!-- Slideshow 3 Pager -->
<ul id="slider3-pager">
<li><a href="#"><img src="images/bgs-11.jpg" alt=""></a></li>
<li><a href="#"><img src="images/bgs-22.jpg" alt=""></a></li>
<li><a href="#"><img src="images/bgs-33.jpg" alt=""></a></li>
</ul>
</div>
</div>