laoweb
/
list.html

<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>商品列表-橙汁园餐厅</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" >
<link rel="stylesheet" href="res/css/bootstrap4.min.css" >
<link rel="stylesheet" href="res/css/zico.min.css" >
<script src="res/js/jquery-3.2.1.min.js" ></script>
<script src="res/js/bootstrap4.min.js" ></script>
<link rel="stylesheet" href="style/global.css" >
<script type="text/javascript" src="style/js/jquery.imagezoom.min.js"></script>
</head>
<body>
<div class="mytop">
<div class="container-xl">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="login.html">用户登录</a></li>
<li><a href="reg.html">会员注册</a></li>
<li><a href="cart.html">购物车</a></li>
</ul>
</div>
</div>
<!--mytop end-->

<header class="container-xl">
<div class="row">
<div class="col-md-4 col-12"><a href="index.html"><img src="style/images/logo.png" alt="橙汁园餐厅"/></a></div>
<div class="col-md-8 col-12">
<form class="form-inline" role="search" action="/Search/SearchList" method="get" target="_blank"> <div class="input-group"> <input name="KeyWord" class="form-control" type="text" placeholder="全站搜索"> <div class="input-group-append"> <button class="input-group-text" type="submit" ><i class="zi zi_search" ></i> 搜索</button> </div> </div> </form>
</div>
</div>
</header>
<!--header end-->

<div class="ask">
<marquee scrollAmount="5" width="100%" style="background-color: #E1E1E1">橙汁园餐厅出新品啦！欢迎大家到店免费品尝！</marquee>
</div>
<!--ask end-->


<div class="container-xl ihero">
<nav class="navbar navbar-expand-md">
<a class="navbar-brand" href="#">全部分类</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample04" aria-controls="navbarsExample04" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
  <div class="collapse navbar-collapse" id="navbarsExample04">
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active"><a class="nav-link" href="index.html">首页<span class="sr-only">(current)</span></a> </li>
      <li class="nav-item"><a class="nav-link" href="list.html">今日新品</a></li>
      <li class="nav-item"><a class="nav-link" href="list.html">热闹订单</a></li>
      <li class="nav-item"><a class="nav-link" href="list.html">限时秒杀</a></li>
      <li class="nav-item"><a class="nav-link" href="list.html">拼团</a></li>
      <li class="nav-item"><a class="nav-link" href="list.html">特惠</a></li>
    </ul>
  </div>
 </nav>
</div>
<!--ihero end-->

<nav aria-label="breadcrumb" class="container-xl mysite">
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">首页</a></li>
    <li class="breadcrumb-item"><a href="#">商品列表</a></li>
    <li class="breadcrumb-item active" aria-current="page">商品列表</li>
  </ol>
</nav>
<!--breadcrumb end-->

<div class="container-xl">
<div class="ihome_list_box">
<ul class="row">
<li class="col-md-3 col-6">
<a href="item.html">
<img src="style/images/foods_01.jpg" alt="item.html" /></a>
<p><em>￥10.00</em><del>37.00</del> <span>67人付款</span></p>
<a href="item.html">回锅肉炒西芹</a>
</li>
<li class="col-md-3 col-6">
<a href="item.html">
<img src="style/images/foods_01.jpg" alt="item.html" /></a>
<p><em>￥10.00</em><del>37.00</del> <span>67人付款</span></p>
<a href="item.html">回锅肉炒西芹</a>
</li>
<li class="col-md-3 col-6">
<a href="item.html">
<img src="style/images/foods_01.jpg" alt="item.html" /></a>
<p><em>￥10.00</em><del>37.00</del> <span>67人付款</span></p>
<a href="item.html">回锅肉炒西芹</a>
</li>
<li class="col-md-3 col-6">
<a href="item.html">
<img src="style/images/foods_01.jpg" alt="item.html" /></a>
<p><em>￥10.00</em><del>37.00</del> <span>67人付款</span></p>
<a href="item.html">回锅肉炒西芹</a>
</li>
<li class="col-md-3 col-6">
<a href="item.html">
<img src="style/images/foods_01.jpg" alt="item.html" /></a>
<p><em>￥10.00</em><del>37.00</del> <span>67人付款</span></p>
<a href="item.html">回锅肉炒西芹</a>
</li>
<li class="col-md-3 col-6">
<a href="item.html">
<img src="style/images/foods_01.jpg" alt="item.html" /></a>
<p><em>￥10.00</em><del>37.00</del> <span>67人付款</span></p>
<a href="item.html">回锅肉炒西芹</a>
</li>
<li class="col-md-3 col-6">
<a href="item.html">
<img src="style/images/foods_01.jpg" alt="item.html" /></a>
<p><em>￥10.00</em><del>37.00</del> <span>67人付款</span></p>
<a href="item.html">回锅肉炒西芹</a>
</li>
<li class="col-md-3 col-6">
<a href="item.html">
<img src="style/images/foods_01.jpg" alt="item.html" /></a>
<p><em>￥10.00</em><del>37.00</del> <span>67人付款</span></p>
<a href="item.html">回锅肉炒西芹</a>
</li>
<li class="col-md-3 col-6">
<a href="item.html">
<img src="style/images/foods_01.jpg" alt="item.html" /></a>
<p><em>￥10.00</em><del>37.00</del> <span>67人付款</span></p>
<a href="item.html">回锅肉炒西芹</a>
</li>
<li class="col-md-3 col-6">
<a href="item.html">
<img src="style/images/foods_01.jpg" alt="item.html" /></a>
<p><em>￥10.00</em><del>37.00</del> <span>67人付款</span></p>
<a href="item.html">回锅肉炒西芹</a>
</li>
<li class="col-md-3 col-6">
<a href="item.html">
<img src="style/images/foods_01.jpg" alt="item.html" /></a>
<p><em>￥10.00</em><del>37.00</del> <span>67人付款</span></p>
<a href="item.html">回锅肉炒西芹</a>
</li>
<li class="col-md-3 col-6">
<a href="item.html">
<img src="style/images/foods_01.jpg" alt="item.html" /></a>
<p><em>￥10.00</em><del>37.00</del> <span>67人付款</span></p>
<a href="item.html">回锅肉炒西芹</a>
</li>
<li class="col-md-3 col-6">
<a href="item.html">
<img src="style/images/foods_01.jpg" alt="item.html" /></a>
<p><em>￥10.00</em><del>37.00</del> <span>67人付款</span></p>
<a href="item.html">回锅肉炒西芹</a>
</li>
<li class="col-md-3 col-6">
<a href="item.html">
<img src="style/images/foods_01.jpg" alt="item.html" /></a>
<p><em>￥10.00</em><del>37.00</del> <span>67人付款</span></p>
<a href="item.html">回锅肉炒西芹</a>
</li>
<li class="col-md-3 col-6">
<a href="item.html">
<img src="style/images/foods_01.jpg" alt="item.html" /></a>
<p><em>￥10.00</em><del>37.00</del> <span>67人付款</span></p>
<a href="item.html">回锅肉炒西芹</a>
</li>
<li class="col-md-3 col-6">
<a href="item.html">
<img src="style/images/foods_01.jpg" alt="item.html" /></a>
<p><em>￥10.00</em><del>37.00</del> <span>67人付款</span></p>
<a href="item.html">回锅肉炒西芹</a>
</li>
</ul>
</div>
<nav aria-label="Page navigation" class="mt-2">
  <ul class="pagination  pagination-lg justify-content-center">
    <li class="page-item">
      <a class="page-link" href="#" aria-label="Previous">
        <span aria-hidden="true">&laquo;</span>
        <span class="sr-only">Previous</span>
      </a>
    </li>
    <li class="page-item"><a class="page-link" href="#">1</a></li>
    <li class="page-item"><a class="page-link" href="#">2</a></li>
    <li class="page-item"><a class="page-link" href="#">3</a></li>
    <li class="page-item">
      <a class="page-link" href="#" aria-label="Next">
        <span aria-hidden="true">&raquo;</span>
        <span class="sr-only">Next</span>
      </a>
    </li>
  </ul>
</nav>
</div>


<footer>
<div class="container-xl">
<strong>订餐热线:0772-12345222</strong>
<p>版权所有&copy; 2012-2020 南方橙汁园连锁有限公司 <a href="http://beian.miit.gov.cn" target="_blank">桂ICP备90887766号</a> 桂餐证字2010110108002888<br/>
地址：桂柳市文林区中文苑路1号橙汁园大厦B座111层11号
</p>
</div>
</footer>
<script>
	function commentAnchor() { $("html,body").animate({ scrollTop: $("#iframe_comm").offset().top - 100 }, 300); }
    function IfrAutoHeight() {
        var $ifr = $("#comm_ifr");
        $ifr.height($ifr.contents().height());
    }

</script>
<script>
$(document).ready(function(){
	$(".jqzoom").imagezoom();
	$("#thumblist li a").click(function(){
		$(this).parents("li").addClass("tb-selected").siblings().removeClass("tb-selected");
		$(".jqzoom").attr('src',$(this).find("img").attr("mid"));
		$(".jqzoom").attr('rel',$(this).find("img").attr("big"));
	});
});
</script>
</body>
</html>