游戏音乐娱乐类网站源码-节日的风筝响应式网页模板.zip资源-CSDN文库

共20个文件

jpg：12个

png：7个

html：1个

版权申诉

HTML

源码

JavaScript

76 浏览量 2024-03-24 15:07:18 上传评论收藏 478KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

游戏音乐娱乐类网站源码-节日的风筝响应式网页模板.zip （20个子文件）

游戏音乐娱乐类网站源码-节日的风筝响应式网页模板

html

index.html 50KB

images

n9.jpg 48KB

s2.png 5KB

vimeo.png 3KB

wel.jpg 66KB

3.png 3KB

n7.jpg 23KB

1.jpg 113KB

n4.jpg 24KB

1.png 3KB

n5.jpg 40KB

n3.jpg 41KB

n8.jpg 33KB

banner1.jpg 31KB

n6.jpg 38KB

4.png 3KB

s1.png 5KB

n.jpg 43KB

2.png 3KB

n2.jpg 57KB

<!DOCTYPE html> <html> <head> <title>Festive Kites Email Template | w3layouts</title>  <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="Festive Kites Newsletter templates, Email Templates, Newsletters, Marketing templates, Advertising templates, free Newsletter" />   <style type="text/css"> body{ width: 100%; background-color: #222222; margin:0; padding:0; -webkit-font-smoothing: antialiased; } 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;} } @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: 479px){ /*------ 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; } } @media only screen and (max-width:320px){ .ban{ background: url(images/banner.jpg) no-repeat -260px 0px; background-size: cover; } a.logo { font-size: 2.5em!important; } span.h-title { font-size:26px!important; line-height: 1em!important; } span.para { font-size: 0.6em!important; line-height: 1em; } a.learn { padding: 10px 3px!important; font-size: 0.9em!important; } tr.ban { width: 100%!important; height: 256px!important; } td.main-header { font-size: 2.2em!important; } td.new-text { padding-left: 0em!important; } } </style> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table border="0" width="100%" cellpadding="0" cellspacing="0"> <tr bgcolor="222222"><td height="60"></td></tr> <tr bgcolor="00000"> <td width="100%" align="center" valign="top" bgcolor="00000">  <table width="800" border="0" cellpadding="0" cellspacing="0" align="center" class="container top-header-left" bgcolor="00000">  <tr bgcolor="ffffff"> <td> <table border="0" width="650" align="center" cellpadding="0" cellspacing="0" class="container-middle"> <tr> <td> <table border="0" width="650" align="center" cellpadding="0" cellspacing="0" class="container-middle"> <tr><td height="22"></td></tr> <tr class="top-header-left"> <td align="center"> <a class="logo" href="#" style="font-size:3.7em;color: #333;text-decoration:none;font-family:Gloucester MT;font-weight:216; letter-spacing:2px;">Festive <span style="color:#cf1a2f;">Kites</span></a> </td> </tr> <tr><td height="10"></td></tr> <tr> <td> <table border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; " class="nav"> <tbody> <tr> <td align="center" mc:edit="navigation" style="font-size: 1em;font-family:Arial;text-transform:uppercase; color:#FFFFFF;line-height:2em;letter-spacing:1px;"> <a style="text-decoration: none; color: #777" href="#">Home</a> <span style="text" class="navSpac">  </span> <a style="text-decoration: none; color: #777" href="#">About</a> <span style="text" class="navSpac">   </span> <a style="text-decoration: none; color: #777" href="#">Services</a> <span style="text" class="navSpac">   </span> <a style="text-decoration: none; color: #777" href="#">News</a> <span style="text" class="navSpac">&nbsp

评论收藏

内容反馈

版权申诉