<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/libb.css" />
<link rel="stylesheet" href="css/mooom.css" />
<link rel="stylesheet" href="css/resce.css" />
</head>
<body>
<div class="public-header">
<div class="public-container clearfloat ">
<div class="header-logo"><a href=""></a></div>
<ul class="header-nav clearfloat">
<li class="item"><a href="">our story</a></li>
<li class="item"><a href="">Menu</a></li>
<li class="item"><a href="">Rsdervations</a></li>
<li class="item"><a href="">News</a></li>
<li class="item"><a href="">Rviews</a></li>
</ul>
</div>
</div>
<div class="index-banner"></div>
<div class="public-container index-list"></div>
<div class="public-container index-panel">
<div class="index-panel-header">Featured Dishes</div>
</div>
<div class="public-container index-panel">
<div class="index-panel-header">Featured Dishes</div>
</div>
<div class="public-footer">
<div class="public-container"></div>
</div>
</body>
</html>
.public-header{
height: 110px;
}
.public-header .header-logo{
margin-top:32px ;
float: left;
width: 70px;
height: 30px;
background: url(../img/2.png);
}
.public-header .header-nav{
float: right;
font-size: 14px;
}
.public-header .header-nav.item{
float: left;
}
.public-container{
position: relative;
margin: 0 auto;
width: 1100px;
}
.public-footer{
height: 318px;
background: #3b3b3b;
}
boy,div,dl,dt,dd,ul,li,h1,hh2,h3,h4,h5,h6,input,a,p,textarea{
margin:0;
padding:0;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
ol,ul,li{
list-style:none;
}
a{
text-decoration:none;
display:block;
}
img{
border:none;
display:block;
}
.clearfloat{
zoom：1；
}
.clearfloat：after{
display:block;
clear:both;
content:"";
visibility:hidden;
height:0;
}