<!DOCTYPE html>
<html>
<head>
<title>Happy New year</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="" />
<!--style-->
<style type="text/css">
body{
width:100%;
background:#ffcc33;
margin:0;
padding:0;
}
table{
font-size: 14px;
border: 0;
}
@media only screen and (max-width: 800px){
.container{ width: 754px !important;}
}
@media only screen and (max-width: 768px){
/*------ top header ------ */
.header-top {width: 700px;}
.header-bg{width: 440px !important; height: 10px !important;}
.main-header{line-height: 28px !important;}
/*----- --features ---------*/
.feature-middle{width: 400px !important; text-align: center !important;}
.feature-img{height: 437px !important;}
.about-left {width: 275px;}
.about-right {width: 289px;}
.mainContent { width: 188px;}
.container{ width: 654px !important;}
.container-middle{width: 590px !important;}
.member {width: 13px;}
.gallery1 {width: 147px;}
}
@media only screen and (max-width: 640px){
.logo {font-size: 0.85em;}
.container{ width: 530px !important}
.main-img {width: 530px !important;height: 326px !important;}
.container-middle {width: 480px !important}
.about-left {width: 225px;}
.about-right {width: 226px; font-size: 0.96em;}
.mainContent {width: 150px; font-size: 0.96em;}
.feature {height: 136px;}
.gallery1 { width: 120px;}
}
@media only screen and (max-width: 480px){
.logo {font-size: 0.85em; margin-top: .5em}
.container-middle {width: 298px !important;}
.about-right {width: 299px}
.main-img {width: 415px !important;height: 259px !important;}
.feature1 { width: 300px;}
.container {width: 415px !important;}
.feature {height: 185px;width: 306px;}
.gallery2 {margin: 2em 0;}
.fet {margin-top: 2em;}
.gallery1 {width: 149px;}
.wel {font-size: 2em !important;}
.top-header-left {font-size: 0.94em;}
}
@media only screen and (max-width: 320px){
.logo {font-size: 0.85em; width: 100%; text-align: center;}
.container {width: 296px !important;}
.main-img {width: 297px !important;height: 198px !important;}
.container-middle {width: 265px !important;}
.feature {height: 185px;width: 266px;}
.feature1 {width: 265px;}
.about-right {width: 260px;}
.gallery1 {width: 279px;height: 137px;}
.galry1 {height: 150px;}
.nav {width: 100%;text-align: center;}
.top {height: 20px;}
}
</style>
<!--style-->
</head>
<body>
<table width="100%">
<tbody>
<tr>
<td height="40" class="top"></td>
</tr>
<tr>
<td>
<table width="800" align="center" border="0" cellpadding="0" cellspacing="0" align="center" class="container">
<tbody>
<!-- header -->
<tr>
<td>
<table width="800" align="center" border="0" cellpadding="0" cellspacing="0" class="container">
<tbody>
<tr>
<td>
<!-- log -->
<table align="left" class="logo">
<tbody>
<tr>
<td>
<a href="#" style="font-size:3em; text-decoration:none; color:#fff; font-family:Harlow Solid" >Happy new year</a>
</td>
</tr>
</tbody>
</table>
<!-- log -->
<!-- social-icons -->
<table align="right" class="nav">
<tbody>
<tr>
<td height="15"></td>
</tr>
<tr>
<td>
<a href="#" >
<img src="images/i1.png" width="29" height="29" alt="">
</a>
</td>
<td>
<a href="#" >
<img src="images/i2.png" width="29" height="29" alt="">
</a>
</td>
<td>
<a href="#" >
<img src="images/i3.png" width="29" height="29" alt="">
</a>
</td>
<td>
<a href="#" >
<img src="images/i4.png" width="29" height="29" alt="">
</a>
</td>
</tr>
</tbody>
</table>
<!-- social-icons -->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<!-- header -->
<!--banner-->
<tr>
<td height="10"></td>
</tr>
<tr>
<td>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" style="background:url(images/3.jpg); background-size:cover;" height="450" class="main-img">
<tbody><tr>
<td> </td>
</tr>
</tbody></table>
</td>
</tr>
<!--//banner-->
<tr>
<td>
<table width="800" align="center" bgcolor="#0da9fa" border="0" cellpadding="0" cellspacing="0" class="container top-header-left">
<tbody>
<tr>
<td height="30"bgcolor="#FFFFFF" ></td>
</tr>
<tr>
<td bgcolor="#FFFFFF" style="font-size:2.5em; text-decoration:none; color:#0da9fa; font-family:Harlow Solid; text-align:center" class="wel">
Welcome to new year-2016
</td>
</tr>
<tr>
<td height="30"bgcolor="#FFFFFF" ></td>
</tr>
<tr>
<td height="50"></td>
</tr>
<!--banner-bottom-->
<tr>
<td>
<table width="700" align="center" border="0" cellpadding="0" cellspacing="0" class="container-middle">
<tbody>
<tr>
<td>
<table align="left" width="300" border="0" cellpadding="0" cellspacing="0" class="about-left">
<tbody>
<tr>
<td>
<img src="images/p1.jpg" alt="" width="100%" height="200" style="border: 2px solid#FFFFFF" class="feature1">
</td>
</tr>
</tbody>
</table>
<table align="right" width="350" border="0" cellpadding="0" cellspacing="0" class="about-right">
<tbody>
<tr>
<td style="color: #eee; font-size: 1em;font-family: Candara; text-align:left; font-weight: normal; line-height: 2em; vertical-align:top; letter-spacing:1px" class="main-text">
Duis dictum lacinia turpis, non laoreet dolor commodo in. Curabitur lorem lectus, lobortis id augue vel, elementum pretium lacus. Nunc sagittis ac tellus vel fringilla. Morbi in facilisis enim.
</td>
</tr>
<tr>
<td height="30"></td>
</tr>
<tr>
<td>
<a href="#" style="text-align:center;font-size:1em; text-transform:capitalize; text-decoration:none; padding:.8em 1em; background-color:#FFFFFF;color:#0da9fa;font-family: Candara;letter-spacing:1px;font-weight: 900">read more</a>
</td>
</tr>
</tbody>
</table>
<!--about-->
<tr>
<td height="50"></td>
</tr>
<tr>
<td>
<table align="left" width="200" bor
2016专题页面网站模板下载是一款Happy new year新年快乐专题页模板下载。.rar
版权申诉
46 浏览量
2021-11-06
12:36:32
上传
评论
收藏 562KB RAR 举报
2016专题页面网站模板下载是一款Happy new year新年快乐专题页模板下载。.rar （19个子文件） 
2016专题页面网站模板下载是一款Happy new year新年快乐专题页模板下载。 moban924 
index.html 20KB images 
g3.jpg 16KB g2.jpg 44KB
i4.png 3KB g8.jpg 21KB i1.png 3KB p4.jpg 20KB i3.png 3KB g7.jpg 33KB g6.jpg 21KB g5.jpg 49KB p2.jpg 32KB g4.jpg 18KB p3.jpg 27KB i2.png 3KB p5.jpg 44KB 3.jpg 162KB g1.jpg 40KB p1.jpg 44KB资源评论
