白色简洁风格的户外风筝CSS网站模板.zip资源-CSDN文库

共20个文件

jpg：12个

png：7个

html：1个

版权申诉

H5模版

HTML模版

165 浏览量 2024-12-26 19:35:32 上传评论收藏 473KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

白色简洁风格的户外风筝CSS网站模板.zip （20个子文件）

8446

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>HOME</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">   </span> <a style="text-decoration: none; color: #777" href="#">Gallery</a> <span style="text" class="navSpac">  </span> <a style="text-

评论收藏

内容反馈

版权申诉