<!DOCTYPE html>
<html>
<head>
<title>h2design</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%;
margin:0;
padding:0;
-webkit-font-smoothing: antialiased;
}
html{
width: 100%;
}
table{
font-size: 14px;
border: 0;
}
/* ----------- responsivity ----------- */
@media only screen and (max-width: 800px){
table.container.top-header-left {
width: 726px;
}
}
@media only screen and (max-width: 736px){
table.container.top-header-left {
width: 684px;
}
img.santa-claus {
height: 236px;
}
table.ban-hei {
height: 325px;
}
}
@media only screen and (max-width: 667px){
table.container.top-header-left {
width: 645px;
}
table.nav {
width: 403px;
}
}
@media only screen and (max-width: 640px){
img.santa-claus {
height: 180px;
}
table.twelve {
width: 400px;
}
table.nav {
width: 150px;
}
/*------ top header ------ */
.header-bg{width: 440px !important; height: 10px !important;}
.main-header{line-height: 28px !important;}
.main-subheader{line-height: 28px !important;}
/*----- --features ---------*/
.feature{width: 420px !important;}
.feature-middle{width: 400px !important; text-align: center !important;}
.feature-img{width: 440px !important; height: auto !important;}
.container{width: 440px !important;}
.container-middle{width: 420px !important;}
.mainContent{width: 400px !important;}
.main-image{width: 400px !important; height: auto !important;}
.banner{width: 400px !important; height: auto !important;}
/*------ sections ---------*/
.section-item{width: 400px !important;}
.section-img{width: 400px !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: 420px !important; height: auto !important;}
table.ban-hei {
height: 228px;
}
table.container-middle.navi-grid {
width: 360px !important;
}
}
@media only screen and (max-width: 568px){
table.container.top-header-left {
width: 495px !important;
}
}
@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: 240px !important; text-align: center !important;}
.feature-img{width: 260px !important; height: auto !important;}
.container{width: 290px !important;}
.container-middle{width: 260px !important;}
.mainContent{width: 240px !important;}
.main-image{width: 240px !important; height: auto !important;}
.banner{width: 240px !important; height: auto !important;}
/*------ sections ---------*/
.section-item{width: 240px !important;}
.section-img{width: 240px !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;
}
table.container.top-header-left {
width: 422px !important;
}
.nav {
width: 147px !important;
}
.logo {
width: 160px !important;
}
a.logo-text {
font-size: 2.5em !important;
}
table.container-middle.navi-grid {
width: 399px !important;
}
table.container-middle.nav-head {
width: 350px !important;
}
td.wel-text {
font-size: 1.8em !important;
}
}
@media only screen and (max-width: 414px){
table.container.top-header-left {
width: 397px !important;
}
table.container-middle.navi-grid {
width: 372px !important;
}
}
@media only screen and (max-width: 384px){
table.container-middle.navi-grid ,table.container.top-header-left{
width: 358px !important;
}
}
@media only screen and (max-width: 320px){
table.container.top-header-left {
width: 303px !important;
}
table.container-middle.navi-grid {
width: 268px !important;
}
table.container-middle.nav-head {
width: 287px !important;
}
table.ban-hei {
height: 158px;
}
img.santa-claus {
height: 140px;
}
img.full {
width: 256px;
height: 155px;
}
a.logo-text {
font-size: 2em !important;
}
.logo {
width: 138px !important;
}
table.container-middle.navi-grid {
width: 215px !important;
}
}
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" align="center" valign="top" background="images/bells.png" style="">
<table>
<tr><td height="50"></td></tr>
</table>
<!-- main content -->
<table style="box-shadow: 0px 6px 15px #CAC9C9;"width="800" border="0" cellpadding="0" cellspacing="0" align="center" class="container top-header-left">
<tr bgcolor="#ffffff">
<td>
<table border="0" width="650" align="center" cellpadding="0" cellspacing="0" class="container-middle nav-head">
<tr><td height="6"></td></tr>
<tr>
<td>
<table border="0" align="left" width="420" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; " class="nav">
<tbody><tr><td height="13"></td></tr>
<tr>
<td>
<table border="0" align="right" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<table border="0">
<tbody>
<tr>
<td width="22">
<a href="#">
<img src="images/icon1.png" width="22" height="22" alt="">
</a>
043_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip
188 浏览量
2023-08-04
11:16:06
上传
评论
收藏 806KB ZIP 举报
043_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip （18个子文件） 
043 
index.html 30KB images 
pic5.jpg 38KB pic6.jpg 36KB
bells.png 12KB icon1.png 860B icon4.png 951B pic9.jpg 35KB pic4.jpg 33KB 1.png 440KB icon5.png 1KB pic8.png 116KB 18.jpg 17KB bell.png 3KB icon3.png 1KB pic7.jpg 38KB banner2.jpg 94KB 2.png 3KB icon2.png 997B资源评论
