沅江吴鸣油炼鸭网站建设

原创 2017年01月03日 12:37:09

源码:

<!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" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'First Name';}"></li>
<li><input class="text-box-dark" type="text" value="Last Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Last Name';}"></li>
</ul>
<ul>
<li><input class="text-box-dark" type="text" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}"></li>
<li><input class="text-box-dark" type="text" value="Phone" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Phone';}"></li>
</ul>
<ul>
<li><input class="text-box-dark" type="text" value="Address" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Address';}"></li>
<li><input class="text-box-dark" type="text" value="Pin Code" onfocus="this.value = '';" onblur="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" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Card Number';}"></li>
<li><input class="text-box-dark" type="text" value="Name on card" onfocus="this.value = '';" onblur="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" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Expiration Date';}"><em class="pay-date"> </em></li>
<li><input class="text-box-dark" type="text" value="Security Code" onfocus="this.value = '';" onblur="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

相关文章推荐

网站建设选择数据库的标准

网站建设交互式网站的开发都离不开数据库的支持,那么什么是数据库?简单的说,数据库(DataBase,DB)是一个长期存储在计算机内的、有组织的、有共享的、统一管理的数据集合。通俗地说,数据库就是一个按...

网站建设(3)——CDN及CDN加速原理

CDN的全称是Content Delivery Network,即内容分发网络。其目的是通过在现有的Internet中增加一层新的CACHE(缓存)层,将网站的内容发布到最接近用户的网络"边缘"的节点...

网站建设引发老板真实的言述

从标题的字意听上去是不是像是再描述一个故事,聚赢家+SEO来回答:”NO“,这不是故事,这是个活生生发生在身边一个老板对网站建设到网络推广真实的感受告白,这事说来也有段时间了,记得当时正在与客户讨论一...
  • sz3seo
  • sz3seo
  • 2015年08月06日 09:19
  • 349

企业网站建设各阶段的注意事项

为方便企业客户在网站建设时对有关费用、进度、方案的安排、比较和选择,根据部分企业网站建设的实际 经验,故在此概要介绍网站建设的各阶段及设计的不同层面。   1. 计划制定   制定建站计划往往是一...
  • reatong
  • reatong
  • 2014年12月17日 10:17
  • 387

《高性能网站建设指南》笔记

网站优化

经济学&管理学&心理学的60条定律(一)(适用于网站建设和人生规划,更新中)

1.二百五十定律 拉德认为:每一位顾客身后,大体有250名亲朋好友。如果您赢得了一位顾客的好感,就意味着赢得了250个人的好感;反之,如果你得罪了一名顾客,也就意味着得罪了250 名顾客。 在你...

客户如何从案例分辨出网站建设公司的专业性

一个网站设计师的专业水平到底怎样?我们要如何评判?站在客户的角度又怎么去看呢?今天和广大客户来分析一下到底怎么从网站建设公司的案例中来分析其设计的专业性,希望能够帮助到大家。   第一:网站设计的...

从上百幅架构图中学大型网站建设经验(上)

原文 http://write.blog.csdn.net/postedit                                                             ...
  • _liang_
  • _liang_
  • 2011年10月08日 12:24
  • 638

垂直行业网站建设风险的讨论

垂直行业网站曾经一度因为竞争力相对较低,成为不少个人站长的首选建站类型,但是随着行业细分程度越来越深,曾经拥有一定盈利能力的垂直行业网站想要盈利开始变得越来越难,而造成这个现象一个很重要的原因就在于在...

网站建设心得

1、每个页面应该主题鲜明,即一个页面只做一样东西。不要将多个功能挤在一起,甚至一个大的功能,应该分成几步完成,一步一个页面。互联网时代,人类空前浮躁,一刻也不愿停留,没有谁会有兴趣去研究一个所谓的网页...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:沅江吴鸣油炼鸭网站建设
举报原因:
原因补充:

(最多只允许输入30个字)