沅江吴鸣油炼鸭网站建设

源码:

<!DOCTYPE HTML>
<html>
<head>
<title>吴鸣油炼鸭</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="吴鸣油炼鸭,湖南,沅江,特色菜,油炼鸭" />
<meta name="Description" content="吴鸣油炼鸭,湖南,沅江,特色菜,油炼鸭,沅江本土特色菜" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="bookmark icon" href="/favicon.ico" />
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>


<script src="js/responsiveslides.min.js"></script>
 <script>
    $(function () {
      $("#slider").responsiveSlides({
      auto: true,
      nav: true,
      speed: 500,
        namespace: "callbacks",
        pager: true,
      });
    });
  </script>
  <!--startsmothscrolling-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
 <script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
});
});
</script>
<!--endsmothscrolling-->


</head>
<body>
<!--header-->
<div class="header ">
<div class="container">
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>  
<div class="navbar-brand">
<h1 style="box-shadow:0px 11px 57px -6px #f5f5f5;"><a href="index.html"><img src="http://7xr1th.com1.z0.glb.clouddn.com/yly/img/logo1.jpg"/></a></h1>
</div>
</div>


<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">首页 <span class="sr-only">(current)</span></a></li>
<li><a href="about.html">关于本店</a></li>
<li><a href="gallery.html" class="scroll">本店菜品</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
 
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div class="slider">
<div class="callbacks_container">
<ul class="rslides" id="slider">
<li>  
<div class="caption">
<div class="col-md-6 cap-img">
<img src="http://7xr1th.com1.z0.glb.clouddn.com/yly/img/yly02.jpg"  class="img-responsive" alt="/">
</div>
<div class="col-md-6 cap">
<h3>油炼鸭 </h3>  
<p>秘制的酱料做成火锅,鲜香四溢,又能满足口味,又能保证营养,口感香酥松,不管是老年人,小孩还是各类人群都非常适合食用,也是集休闲,下饭,喝酒的最佳伴侣</p>

</div>
</div>
<div class="clearfix"></div>
</li>
<li>
<div class="caption">
<div class="col-md-6 cap-img">
<img src="http://7xr1th.com1.z0.glb.clouddn.com/yly/img/lbs.jpg"  class="img-responsive" alt="/">
</div>
<div class="col-md-6 cap">
<h3>萝卜丝</h3> 
<p>本店的人气菜品之一,除了萝卜本有的营养和搭配火锅的特性外,每一份萝卜丝都是纯刀工切配,到店的客人基本上都会搭配一份!</p>
</div>
</div>
<div class="clearfix"></div>
</li>
<li>
<div class="caption">
<div class="col-md-6 cap-img">
<img src="http://7xr1th.com1.z0.glb.clouddn.com/yly/img/xlh02.jpg"  class="img-responsive" alt="/">
</div>
<div class="col-md-6 cap">
<h3>撩菜 </h3> 
<p>撩菜学名雪里红,跟萝卜丝一样有相当高的人气,搭配本店火锅味道格外鲜美,百吃不厌。</p>
</div>
</div>
<div class="clearfix"></div>
</li>
<li>          
<div class="caption">
<div class="col-md-6 cap-img">
<img src="http://7xr1th.com1.z0.glb.clouddn.com/yly/img/wxr01.jpg"  class="img-responsive" alt="/">
</div>
<div class="col-md-6 cap">
<h3>五香肉</h3>
<p>特色菜之一,除了五花肉本身的口感柔软,油儿不腻,味道鲜美外,与众不同的是经过秘制卤水卤制而成。感觉入口即化,鲜香四溢,伴随淡淡的辣味</p>
</div>
</div>
<div class="clearfix"></div>
</li>
<li>          
<div class="caption">
<div class="col-md-6 cap-img">
<img src="http://7xr1th.com1.z0.glb.clouddn.com/yly/img/yz02.jpg"  class="img-responsive" alt="/">
</div>
<div class="col-md-6 cap">
<h3>鸭杂</h3>
<p>特色菜之一,由鸭胗,鸭肠,鸭心混炒而成,与五香肉异曲同工,但与五香肉口感相反,其口感是有嚼劲,久嚼不失其味,即炒即吃味道更佳。</p>
</div>
</div>
<div class="clearfix"></div>
</li>
<li>          
<div class="caption">
<div class="col-md-6 cap-img">
<img src="http://7xr1th.com1.z0.glb.clouddn.com/yly/img/zj01.jpg"  class="img-responsive" alt="/">
</div>
<div class="col-md-6 cap">
<h3>秘制猪蹄</h3>
<p>特色菜之一,色泽红润,口感Q弹,不油腻!加上独特配方和大蒜的香味融合深受消费者好评。</p>
</div>
</div>
<div class="clearfix"></div>
</li>
<li>          
<div class="caption">
<div class="col-md-6 cap-img">
<img src="http://7xr1th.com1.z0.glb.clouddn.com/yly/img/nr03.jpg"  class="img-responsive" alt="/">
</div>
<div class="col-md-6 cap">
<h3>牛肉</h3>
<p>由腱子肉卤制而成,加上纯刀工切片后,易厥易烂,加上独特酱料,既有牛肉本味,又有酱料的香味,加在一起浑然天成,下酒下饭必不可少!</p>
</div>
</div>
<div class="clearfix"></div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--header-->
<!--content-->
<div class="content">


<!--post-->
<div class="last-post">
<div class="container">
<h3><span>主打</span>招牌菜</h3>
<div class="last-grids">

<div class="col-md-3 last-grid">
<div class="last1">
<a href="#" class="mask"><img src="http://7xr1th.com1.z0.glb.clouddn.com/yly/img/yly05.jpg" alt="image" class="img-responsive zoom-img"></a>
<h4>秘制油炼鸭</h4>
<p>比起火锅油炼鸭,秘制油炼鸭更有嚼劲,回味无穷!</p>
</div>
</div>
<div class="col-md-3 last-grid">
<div class="last1">
<a href="#" class="mask"><img src="http://7xr1th.com1.z0.glb.clouddn.com/yly/img/zj03.jpg" alt="image" class="img-responsive zoom-img"></a>
<h4>秘制猪蹄</h4>
<p>色泽红润,肉质松软,口感Q弹,不油腻,</p>
</div>
</div>

<div class="col-md-3 last-grid">
<div class="last1">
<a href="#" class="mask"><img src="http://7xr1th.com1.z0.glb.clouddn.com/yly/img/nr01.jpg" alt="image" class="img-responsive zoom-img"></a>
<h4>牛肉</h4>
<p>酱料的香味,加在一起浑然天成,下酒下饭必不可少!</p>
</div>
</div>
<div class="col-md-3 last-grid">
<div class="last1">
<a href="#" class="mask"><img src="http://7xr1th.com1.z0.glb.clouddn.com/yly/img/yz02.jpg" alt="image" class="img-responsive zoom-img"></a>
<h4>鸭杂</h4>
<p>鸭胗,鸭肠,鸭心混炒而成,久嚼不失其味,即炒即吃味道更佳!</p>
</div>
</div>

<div class="clearfix"></div>
</div>
</div>
</div>
<!--post-->
<!--news-->
<div class="new-section">
<div class="container">
<h3><span>超级鲜</span> 配菜</h3>
<div class="news-grids">
<div class="col-md-4 new-grid">
<a href="#" class="mask"><img src="http://7xr1th.com1.z0.glb.clouddn.com/yly/img/lbs.jpg" alt="image" class="img-responsive zoom-img"></a>
<h4><a href="#">萝卜丝</a></h4>
<p>人气配菜,搭配火锅一级棒。</p>
</div>
<div class="col-md-4 new-grid">
<a href="#" class="mask"><img src="http://7xr1th.com1.z0.glb.clouddn.com/yly/img/xlh01.jpg" alt="image" class="img-responsive zoom-img"></a>
<h4><a href="#">撩菜</a></h4>
<p>超级配菜,搭配油炼鸭火锅味道极鲜,百吃不厌。</p>
</div>
<div class="col-md-4 new-grid">
<a href="#" class="mask"><img src="http://7xr1th.com1.z0.glb.clouddn.com/yly/img/op.jpg" alt="image" class="img-responsive zoom-img"></a>
<h4><a href="#">藕片</a></h4>
<p>清爽一夏,吃完鸭子,吸吸油,倍爽!</p>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--news-->
<!--footer-->
<div class="footer-section">
<div class="container">
<div class="footer-grids">
<div class="col-md-3 footer-grid">
<h4>掌柜</h4>
<ul>
<li>吴帆</li>
</ul>
</div>
<div class="col-md-3 footer-grid">
<h4>店面位置</h4>
<ul>
<li>湖南省沅江市</li>
<li>琼湖东路与景星寺路交汇处</li>
</ul>
</div>
<div class="col-md-3 footer-grid">
<h4>订餐电话</h4>
<ul>
<li>座机:2808666</li>
<li>手机:18373746668</li>
</ul>
</div>




<div class="clearfix"></div>
</div>
</div>
</div>
<!--footer-->


</div>

<div class="modal fade" id="myModal1" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content modal-info">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div>
<div class="modal-body">
<div class="compose-grids">
<div class="payment-online-form-left">
<form>
<h4><span class="shipping"> </span>Shipping Details</h4>
<ul>
<li><input class="text-box-dark" type="text" value="First Name" οnfοcus="this.value = '';" οnblur="if (this.value == '') {this.value = 'First Name';}"></li>
<li><input class="text-box-dark" type="text" value="Last Name" οnfοcus="this.value = '';" οnblur="if (this.value == '') {this.value = 'Last Name';}"></li>
</ul>
<ul>
<li><input class="text-box-dark" type="text" value="Email" οnfοcus="this.value = '';" οnblur="if (this.value == '') {this.value = 'Email';}"></li>
<li><input class="text-box-dark" type="text" value="Phone" οnfοcus="this.value = '';" οnblur="if (this.value == '') {this.value = 'Phone';}"></li>
</ul>
<ul>
<li><input class="text-box-dark" type="text" value="Address" οnfοcus="this.value = '';" οnblur="if (this.value == '') {this.value = 'Address';}"></li>
<li><input class="text-box-dark" type="text" value="Pin Code" οnfοcus="this.value = '';" οnblur="if (this.value == '') {this.value = 'Pin Code';}"></li>

</ul>
<div class="clearfix"></div>
<h4 class="paymenthead"><span class="payment"></span>Payment Details</h4>
<div class="clearfix"></div>
<ul class="payment-type">
<li><span class="col_checkbox">
<input id="3" class="css-checkbox1" type="checkbox">
<label for="3" class="css-label1"></label>
<a class="visa" href="#"></a>
</span>
</li>
<li>
<span class="col_checkbox">
<input id="4" class="css-checkbox2" type="checkbox">
<label for="4" class="css-label2"></label>
<a class="paypal" href="#"></a>
</span>
</li>
</ul>
<ul>
<li><input class="text-box-dark" type="text" value="Card Number" οnfοcus="this.value = '';" οnblur="if (this.value == '') {this.value = 'Card Number';}"></li>
<li><input class="text-box-dark" type="text" value="Name on card" οnfοcus="this.value = '';" οnblur="if (this.value == '') {this.value = 'Name on card';}"></li>

</ul>
<ul>
<li><input class="text-box-light hasDatepicker" type="text" id="datepicker" value="Expiration Date" οnfοcus="this.value = '';" οnblur="if (this.value == '') {this.value = 'Expiration Date';}"><em class="pay-date"> </em></li>
<li><input class="text-box-dark" type="text" value="Security Code" οnfοcus="this.value = '';" οnblur="if (this.value == '') {this.value = 'Security Code';}"></li>

</ul>


 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-success">Process order</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

演示地址:http://www.yjwmyly.com

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值