<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html>
<head>
<title>Music Events Email Template | w3layouts</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="Music Events templates, Email Templates, Newsletters, Marketing templates,
Advertising templates, free Newsletter" />
<!-- //Custom Theme files -->
<!-- Responsive Styles and Valid Styles -->
<style type="text/css">
body{
width: 100%;
text-align: -webkit-center;
vertical-align: top;
background:#252727;
-webkit-font-smoothing:
}
/* ----------- responsivity ----------- */
@media only screen and (max-width:800px){
.container {
width: 650px;
}
.4_grids{
width: 216px !important;
}
table.discount-left2 {
width: 100%!important;
}
table.discount-left {
width: 100%;
}
}
@media only screen and (max-width: 768px){
.container {
width: 650px;
}
.4_grids{
width: 216px !important;
}
}
@media only screen and (max-width:667px){
/*------ 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%;
}
table.b-text {
padding-left: 4em!important;
}
td.h-t {
font-size: 2em!important;
}
td.sub-ht {
font-size: 1.7em!important;
}
table.centeredBoxWrap {
width: 100%;
}
}
@media only screen and (max-width:640px){
/*------ 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%;
}
table.b-text {
padding-left: 4em!important;
}
td.h-t {
font-size: 2em!important;
}
td.sub-ht {
font-size: 1.7em!important;
}
table.centeredBoxWrap {
width: 100%;
}
td.sub_text {
text-align: center!important;
font-size: 1.2em!important;
}
td.ser_text {
text-align: center!important;
padding: 7px 0px!important;
}
td.ser_pad {
height: 27px!important;
}
td.ser_one {
height: 0!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%;
}
table.fea-text {
width: 5% !important;
}
table.about-text {
width: 83%!important;
}
td.f-text {
text-align:left!important;
}
}
@media only screen and (max-width:600px){
.icon {
width: 70%;
}
/*------ 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: left!important;
font-size: 0.86em!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-middle{width: 260px !important;}
.mainContent{width: 222px !important;}
.main-image{width: 222px !important; height: auto !important;}
游戏音乐娱乐类网站源码-音乐演出活动响应式网页模板.zip
版权申诉
31 浏览量
2024-03-25
08:49:57
上传
评论
收藏 5.21MB ZIP 举报
游戏音乐娱乐类网站源码-音乐演出活动响应式网页模板.zip （29个子文件） 
游戏音乐娱乐类网站源码-音乐演出活动响应式网页模板 html 
index.html 62KB images 
Untitled-3.psd 29KB
earth.png 626B
10.jpg 32KB 3.png 4KB 13.jpg 149KB 14.jpg 92KB banner.jpg 360KB time.png 1KB direction.png 386B logo.png 594B phone.png 646B 1.png 3KB 6.png 2KB email.png 402B sub-log.png 3KB banner1.jpg 2.91MB sub-log1.png 3KB 12.jpeg 102KB 8.jpg 33KB 5.png 2KB 4.png 1KB 11.jpg 100KB ban.jpg 265KB 7.jpg 49KB ban2.jpg 1.24MB 2.png 3KB 9.jpg 38KB Untitled-4 copy.psd 33KB资源评论
