<!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手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.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资源评论
