<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!-- Custom Theme files -->
<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="" />
<!-- //Custom Theme files -->
<!-- Responsive Styles and Valid Styles -->
<style type="text/css">
body{
width: 100%;
text-align: -webkit-center;
vertical-align: top;
background:#3EB3AD;
-webkit-font-smoothing:
}
html{
width: 100%;
}
table{
font-size: 14px;
border: 0;
}
/* ----------- responsivity ----------- */
@media only screen and (max-width: 768px){
.container {
width: 650px;
}
.4_grids{
width: 216px !important;
}
.container-middle{width: 416px !important;}
table.ban{
background: url(images/banner.jpg);
background-size: cover;
height: 342px!important;
}
}
@media only screen and (max-width: 622px){
/*------ top header ------ */
.header-bg{width: 422px !important; height: 10px !important;}
.main-header{line-height: 28px !important;}
.main-subheader{line-height: 28px !important;}
/*----- --features ---------*/
.feature{width: 416px !important;}
.feature-middle{width: 216px !important; text-align: center !important;}
.feature-img{width: 422px !important; height: auto !important;}
.container{width: 500px !important;}
.container-middle{width: 416px !important;}
.mainContent{width: 216px !important;}
.main-image{width: 216px !important; height: auto !important;}
.banner{width: 216px !important; height: auto !important;}
/*------ sections ---------*/
.section-item{width: 216px !important;}
.section-img{width: 216px !important; height: auto !important;}
/*------- prefooter ------*/
.prefooter-header{padding: 0 10px !important; line-height: 24px !important;}
.prefooter-subheader{padding: 0 10px !important; line-height: 24px !important;}
/*------- footer ------*/
.top-bottom-bg{width: 416px !important; height: auto !important;}
.feature1{
width:160px !important;
}
.img-responsive{
width:100%;
}
}
@media only screen and (max-width: 480px){
.container {
width: 160px !important;
}
.icon {
width: 70%;
}
}
@media only screen and (max-width:480px){
/*------ top header ------ */
.header-bg{width: 280px !important; height: 10px !important;}
.top-header-left{width: 260px !important; text-align: center !important;}
.top-header-right{width: 260px !important;}
.main-header{line-height: 28px !important; text-align: center !important;}
.main-subheader{line-height: 28px !important; text-align: center !important;}
/*------- header ----------*/
.logo{width: 260px !important;}
.nav{width: 260px !important;}
/*----- --features ---------*/
.feature{width: 260px !important;}
.feature-middle{width: 222px !important; text-align: center !important;}
.feature-img{width: 260px !important; height: auto !important;}
.container{width: 290px !important;}
.container-middle{width: 260px !important;}
.mainContent{width: 222px !important;}
.main-image{width: 222px !important; height: auto !important;}
.banner{width: 222px !important; height: auto !important;}
/*------ sections ---------*/
.section-item{width: 222px !important;}
.section-img{width: 222px !important; height: auto !important;}
/*------- prefooter ------*/
.prefooter-header{padding: 0 10px !important;line-height: 28px !important;}
.prefooter-subheader{padding: 0 10px !important; line-height: 28px !important;}
/*------- footer ------*/
.top-bottom-bg{width: 260px !important; height: auto !important;}
table {
width: 100% !important;
}
.gallery-img a img {
height: 134px !important;
}
.gallery-img1 a img {
height: 60px !important;
}
.gallery-img2 a img {
height: 60px !important;
}
span {
font-size: 2em!important;
}
a.log {
font-size: 2.2em!important;
}
a.nav {
font-size: 0.9em!important;
}
table.ban {
width: 100%!important;
height: 300px!important;
}
td.price {
font-size: 1.8em!important;
}
td.top-text {
height: 22px;
}
td.h-title {
font-size:1.8em!important;
}
td.line {
padding: 5px 0!important;
border-top: 1px solid #fff!important;
border-bottom: 1px solid#fff!important;
}
a.learn {
padding: 9px 12px!important;
width: 115px!important;
}
td.price {
line-height: 25px!important;
}
td.l-bottom {
height: 20px!important;
}
table.ban2 {
background: url(images/bottom.jpg);
background-size: cover;
height:280px!important;
}
table.orenge {
padding: 0 2em!important;
}
td.orenge-h {
height: 30px!important;
}
}
@media only screen and (max-width:414px){
td.scale-center-both img {
height: 372px!important;
width: 290px!important;
}
span {
font-size: 2em!important;
}
a.log {
font-size: 2.2em!important;
}
a.nav {
font-size:0.8em!important;
}
table.ban {
width: 100%!important;
height: 300px!important;
}
td.price {
font-size: 1.8em!important;
}
td.top-text {
height: 22px;
}
td.h-title {
font-size:1.8em!important;
}
td.line {
padding: 5px 0!important;
border-top: 1px solid #fff!important;
border-bottom: 1px solid#fff!important;
}
a.learn {
padding: 9px 12px!important;
width: 115px!important;
}
td.price {
line-height: 25px!important;
}
td.l-bottom {
height: 20px!important;
}
td.scale-center-both img {
height: 265px!important;
width:300px!important;
}
table.ban2 {
background: url(images/bottom.jpg);
background-size: cover;
height:280px!important;
}
}
@media only screen and (max-width:320px){
td.scale-center-both img {
height: 265px!important;
width: 290px!important;
}
span {
font-size: 2em!important;
}
a.log {
font-size: 3em!important;
}
a.nav {
font-size:0.8em!important;
}
a.log span {
font-size: 1em!important;
}
table.ban {
width: 100%!important;
height: 245px!important;
}
td.price {
font-size: 1.8em!important;
}
td.top-text {
height: 22px;
}
td.h-t {
font-size:2.7em!important;
}
table.ban2 {
background: url(images/bottom.jpg);
background-size: cover;
height: 230px!important;
}
table.orenge {
padding: 0 1em!important;
}
a.nav {
font-size: 0.75em!important;
margin-right: 1px!important;
}
}
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr><td height="60"></td></tr>
<tr>
纯色背景美食网页模板是一款简洁好看的美食餐饮类网页模板素材下载.rar
需积分: 0 63 浏览量
2023-09-09
13:51:59
上传
评论
收藏 843KB RAR 举报
纯色背景美食网页模板是一款简洁好看的美食餐饮类网页模板素材下载.rar （34个子文件） 
arrow-icon.png 1024B s2.png 5KB
2.jpg 137KB db.png 3KB earth.png 626B tw.png 3KB note.png 3KB pin.png 3KB 3.png 4KB 6.jpg 44KB banner.jpg 208KB time.png 3KB mail.png 3KB direction.png 386B s3.png 5KB 1.jpg 169KB phone.png 646B 1.png 3KB arrow-icon1.png 3KB fb.png 3KB 5.jpg 47KB email.png 402B bg.png 14KB 8.jpg 46KB
index.html 43KB 4.png 4KB bottom.jpg 88KB s1.png 5KB 3.jpg 50KB 7.jpg 44KB map.png 3KB 2.png 3KB mb.png 3KB 4.jpg 35KB资源评论
