1. 小蓝资源网首页
  2. 网站源码

电子音乐节 HTML 单页源码（霓虹紫青渐变 + 倒计时 + 三日通票）

小蓝IT • • 网站源码 • 阅读 19

霓虹紫青渐变配色的电子音乐节售票页，含倒计时、阵容、节目表、票种与 FAQ。

本源码是一款为电子音乐节、Live 演出、演唱会售票场景打造的「售票落地页」单页模板，采用深色背景 + 霓虹粉/青/紫渐变 + 网格发光的赛博风，视觉冲击力极强，与年轻、夜场、电子音乐的目标人群高度匹配。首屏直接抛出日期、地点与「NEON WAVE」巨型发光标题，配合倒计时块直接刺激「抢票」动作。

页面结构按购票用户的浏览节奏设计：演出阵容区三位 Headliner 用三种渐变色块突出，下方 10 位艺人网格快速浏览；节目日程用 5 列等宽表格 + 颜色区分 MAIN STAGE / BASS DOME / SUNSET 三个舞台；票种区四档对比（单日 / 三日通票 / VIP / 学生票），三日通票用「最抢手」霓虹高亮并标注余票库存；现场须知与 FAQ 区使用圆角卡片解决购票前最常见的疑虑。

适合音乐节、Live 演出、电音派对、艺术展览、潮流市集等售票型活动作为售票落地页或活动官网。替换艺名、日期、场地、价格后即可上线，也可作为演出经纪或票务平台的二级页面。

电子音乐节 HTML 单页源码（霓虹紫青渐变 + 倒计时 + 三日通票）

使用教程

1. 下载与保存

将下方 HTML 源码全部复制，保存为 index.html 文件（注意文件后缀必须是 .html）。

2. 本地预览

直接双击 index.html 文件，浏览器会自动打开并渲染页面效果。也可以在文件夹内运行 python -m http.server 后访问 localhost:8000 进行预览。

3. 自定义修改

替换文字：直接编辑 HTML 中的标题、段落文本与链接。调整配色：修改 <style> 标签内的 CSS 变量（:root 部分）或具体颜色值。更换图片：将 <img> 的 src 属性换成你自己的图片地址，或将背景渐变替换为 background-image。

4. 上线部署

将 index.html 上传到任意支持静态网页托管的服务（GitHub Pages、Vercel、Netlify、阿里云 OSS、腾讯云 COS 等）即可获得独立访问网址。

HTML 源码

复制下方完整代码，保存为 .html 文件即可在浏览器中预览使用。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NEON WAVE 电子音乐节 2026 - 阵容 · 日程 · 购票</title>
<style>
  :root{
    --bg:#0a0716;
    --bg2:#120c26;
    --panel:#181031;
    --neon:#ff2ea6;
    --neon2:#00e5ff;
    --neon3:#b14bff;
    --lime:#c6ff3d;
    --text:#efe9ff;
    --muted:#9c92bd;
    --line:rgba(255,255,255,.1);
  }
  *{margin:0;padding:0;box-sizing:border-box}
  body{font-family:"PingFang SC","Microsoft YaHei","Arial Black",sans-serif;background:var(--bg);color:var(--text);line-height:1.75;overflow-x:hidden}
  .wrap{max-width:1140px;margin:0 auto;padding:0 22px}
  a{text-decoration:none}

  header{position:sticky;top:0;z-index:60;background:rgba(10,7,22,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:70px}
  .lg{font-size:22px;font-weight:900;letter-spacing:2px;background:linear-gradient(92deg,var(--neon),var(--neon2));-webkit-background-clip:text;background-clip:text;color:transparent}
  .nav ul{display:flex;gap:28px;list-style:none;font-size:14px;font-weight:700;letter-spacing:1px}
  .nav ul a{color:var(--muted);transition:.2s}
  .nav ul a:hover{color:var(--neon2)}
  .buy{background:linear-gradient(92deg,var(--neon),var(--neon3));color:#fff;padding:10px 24px;border-radius:999px;font-size:14px;font-weight:800;box-shadow:0 0 22px rgba(255,46,166,.45)}

  /* hero */
  .hero{padding:78px 0 90px;position:relative;text-align:center;overflow:hidden}
  .hero::before{content:"";position:absolute;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(177,75,255,.32),transparent 62%);top:-260px;left:50%;transform:translateX(-50%)}
  .hero::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,.22),transparent 62%);bottom:-280px;right:-140px}
  .hero-in{position:relative;z-index:3}
  .date-chip{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--neon2);color:var(--neon2);padding:8px 20px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:2px;margin-bottom:26px;box-shadow:0 0 20px rgba(0,229,255,.22) inset}
  .dot{width:7px;height:7px;border-radius:50%;background:var(--neon2);box-shadow:0 0 10px var(--neon2)}
  .hero h1{font-size:80px;font-weight:900;letter-spacing:-2px;line-height:.98;margin-bottom:6px;background:linear-gradient(96deg,var(--neon) 0%,var(--neon3) 42%,var(--neon2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(255,46,166,.3))}
  .hero h2{font-size:26px;font-weight:900;letter-spacing:14px;color:var(--text);margin-bottom:22px}
  .hero p{color:var(--muted);font-size:16.5px;max-width:560px;margin:0 auto 34px}
  .hero-btns{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-bottom:52px}
  .btn{padding:16px 38px;border-radius:999px;font-size:16px;font-weight:900;letter-spacing:1px;display:inline-block;transition:.25s}
  .b-main{background:linear-gradient(92deg,var(--neon),var(--neon3));color:#fff;box-shadow:0 0 34px rgba(255,46,166,.42)}
  .b-main:hover{transform:translateY(-3px);box-shadow:0 0 46px rgba(255,46,166,.6)}
  .b-line{border:2px solid var(--neon2);color:var(--neon2)}
  .b-line:hover{background:rgba(0,229,255,.1)}

  /* 倒计时 */
  .cd{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
  .cd div{min-width:104px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:16px;padding:18px 12px;backdrop-filter:blur(6px)}
  .cd b{display:block;font-size:38px;font-weight:900;line-height:1;background:linear-gradient(180deg,#fff,var(--neon2));-webkit-background-clip:text;background-clip:text;color:transparent}
  .cd span{font-size:11.5px;letter-spacing:3px;color:var(--muted);font-weight:700}

  section{padding:76px 0;position:relative}
  .st{text-align:center;margin-bottom:48px}
  .st .k{color:var(--neon);font-size:12.5px;font-weight:900;letter-spacing:6px;margin-bottom:10px}
  .st h2{font-size:38px;font-weight:900;letter-spacing:-.6px}
  .st p{color:var(--muted);font-size:15.5px;margin-top:10px}

  /* 阵容 */
  .lineup{background:linear-gradient(180deg,transparent,var(--bg2) 20%,var(--bg2) 80%,transparent)}
  .head-liners{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:22px}
  .hl{border-radius:22px;padding:38px 26px;position:relative;overflow:hidden;text-align:center;border:1px solid var(--line)}
  .hl::before{content:"";position:absolute;inset:0;opacity:.9}
  .a1::before{background:linear-gradient(150deg,#ff2ea6,#7d1a70)}
  .a2::before{background:linear-gradient(150deg,#00e5ff,#0b4a8a)}
  .a3::before{background:linear-gradient(150deg,#b14bff,#3d1a7a)}
  .hl > *{position:relative;z-index:2}
  .hl .tagt{font-size:11.5px;letter-spacing:4px;font-weight:900;background:rgba(0,0,0,.35);display:inline-block;padding:5px 14px;border-radius:999px;margin-bottom:16px}
  .hl h3{font-size:31px;font-weight:900;letter-spacing:1px;margin-bottom:6px;color:#fff}
  .hl .gen{font-size:13.5px;color:rgba(255,255,255,.82);font-weight:700;letter-spacing:2px;margin-bottom:14px}
  .hl .slot{font-size:13px;color:rgba(255,255,255,.9);border-top:1px solid rgba(255,255,255,.25);padding-top:12px}
  .others{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
  .oa{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:14px;padding:18px 12px;text-align:center;transition:.25s}
  .oa:hover{border-color:var(--neon3);background:rgba(177,75,255,.12)}
  .oa b{display:block;font-size:16px;font-weight:900;margin-bottom:3px}
  .oa span{font-size:11.5px;color:var(--muted);letter-spacing:1px}

  /* 日程 */
  .sch-tabs{display:flex;gap:10px;justify-content:center;margin-bottom:30px;flex-wrap:wrap}
  .tab{border:1px solid var(--line);border-radius:999px;padding:10px 26px;font-size:14px;font-weight:800;color:var(--muted);cursor:pointer;transition:.2s}
  .tab.on{background:linear-gradient(92deg,var(--neon),var(--neon3));color:#fff;border-color:transparent;box-shadow:0 0 22px rgba(255,46,166,.35)}
  .sch{background:var(--panel);border:1px solid var(--line);border-radius:22px;overflow:hidden}
  .sr{display:grid;grid-template-columns:120px 1fr 160px 110px;gap:14px;align-items:center;padding:18px 26px;border-bottom:1px solid var(--line);font-size:14.5px}
  .sr:last-child{border-bottom:0}
  .sr.h{background:rgba(255,255,255,.045);font-size:12px;letter-spacing:3px;color:var(--muted);font-weight:900}
  .sr .tm{color:var(--neon2);font-weight:900;font-size:15.5px;letter-spacing:1px}
  .sr .ar{font-weight:800;font-size:16px}
  .sr .sg{color:var(--muted);font-size:13.5px}
  .sr .stg{font-size:11.5px;font-weight:900;padding:4px 12px;border-radius:999px;text-align:center;letter-spacing:1px}
  .sg1{background:rgba(255,46,166,.16);color:var(--neon)}
  .sg2{background:rgba(0,229,255,.14);color:var(--neon2)}
  .sg3{background:rgba(198,255,61,.14);color:var(--lime)}

  /* 票种 */
  .tk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
  .tk{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:30px 24px;position:relative;transition:.28s;display:flex;flex-direction:column}
  .tk:hover{transform:translateY(-6px);border-color:var(--neon3)}
  .tk.best{border-color:var(--neon);box-shadow:0 0 40px rgba(255,46,166,.2)}
  .tk.best::after{content:"最抢手";position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(92deg,var(--neon),var(--neon3));color:#fff;font-size:11.5px;font-weight:900;padding:5px 18px;border-radius:999px;letter-spacing:2px;white-space:nowrap}
  .tk h3{font-size:19px;font-weight:900;letter-spacing:2px;margin-bottom:6px}
  .tk .tp{font-size:12.5px;color:var(--muted);margin-bottom:18px}
  .tk .pv{font-size:38px;font-weight:900;line-height:1;margin-bottom:4px;background:linear-gradient(180deg,#fff,var(--neon2));-webkit-background-clip:text;background-clip:text;color:transparent}
  .tk .pv small{font-size:15px}
  .tk .org{color:#7a7096;text-decoration:line-through;font-size:13.5px;margin-bottom:20px}
  .tk ul{list-style:none;font-size:13.8px;color:var(--muted);line-height:2.1;flex:1;margin-bottom:22px}
  .tk ul li::before{content:"◆ ";color:var(--lime);font-size:10px}
  .tk ul li.no{opacity:.42}
  .tk ul li.no::before{content:"× ";color:#6b6187}
  .tk a{display:block;text-align:center;padding:13px;border-radius:14px;font-weight:900;font-size:15px;transition:.2s}
  .tk .g{background:rgba(255,255,255,.07);color:var(--text);border:1px solid var(--line)}
  .tk .g:hover{background:rgba(255,255,255,.13)}
  .tk .p{background:linear-gradient(92deg,var(--neon),var(--neon3));color:#fff;box-shadow:0 0 26px rgba(255,46,166,.4)}
  .stock{font-size:11.5px;color:var(--lime);margin-top:10px;text-align:center;font-weight:700}

  /* 现场信息 */
  .info{background:var(--bg2)}
  .info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
  .ic{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:20px;padding:28px 24px}
  .ic .em{font-size:32px;margin-bottom:12px;display:block}
  .ic h4{font-size:17px;font-weight:900;margin-bottom:9px}
  .ic p{font-size:13.8px;color:var(--muted);line-height:1.9}

  /* FAQ */
  .fq{max-width:820px;margin:0 auto}
  .q{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px 26px;margin-bottom:12px}
  .q b{display:block;font-size:16px;font-weight:900;margin-bottom:8px;color:var(--neon2)}
  .q p{font-size:14.3px;color:var(--muted)}

  footer{border-top:1px solid var(--line);padding:48px 0 26px;font-size:13.8px;color:var(--muted)}
  .f3{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:36px;margin-bottom:30px}
  footer h5{color:#fff;font-size:16px;font-weight:900;margin-bottom:14px;letter-spacing:1px}
  footer ul{list-style:none;line-height:2.1}
  .cp{border-top:1px solid var(--line);padding-top:20px;text-align:center;font-size:12.5px;color:#6b6187}

  @media(max-width:940px){
    .nav ul{display:none}
    .hero h1{font-size:44px}
    .hero h2{font-size:17px;letter-spacing:7px}
    .head-liners,.tk-grid,.info-grid,.f3{grid-template-columns:1fr}
    .others{grid-template-columns:repeat(2,1fr)}
    .sr{grid-template-columns:84px 1fr;gap:6px 12px;padding:16px 18px}
    .sr .stg{justify-self:start}
    .sr.h{display:none}
    section{padding:54px 0}
    .cd div{min-width:78px;padding:14px 8px}
    .cd b{font-size:27px}
  }
</style>
</head>
<body>

<header>
  <div class="wrap nav">
    <div class="lg">NEON WAVE</div>
    <ul>
      <li><a href="#lineup">演出阵容</a></li>
      <li><a href="#sch">节目日程</a></li>
      <li><a href="#ticket">票种价格</a></li>
      <li><a href="#info">现场须知</a></li>
    </ul>
    <a class="buy" href="#ticket">立即购票</a>
  </div>
</header>

<div class="hero">
  <div class="wrap hero-in">
    <div class="date-chip"><span class="dot"></span>2026.09.18 – 09.20 · 滨江音乐公园</div>
    <h1>NEON WAVE</h1>
    <h2>电 子 音 乐 节</h2>
    <p>三天三夜，三座舞台，36 组国内外电子音乐人。把整个夏天没说完的话，都交给低频和灯光。</p>
    <div class="hero-btns">
      <a class="btn b-main" href="#ticket">抢购早鸟票</a>
      <a class="btn b-line" href="#lineup">查看完整阵容</a>
    </div>
    <div class="cd">
      <div><b>45</b><span>DAYS</span></div>
      <div><b>12</b><span>HOURS</span></div>
      <div><b>38</b><span>MINUTES</span></div>
      <div><b>07</b><span>SECONDS</span></div>
    </div>
  </div>
</div>

<section class="lineup" id="lineup">
  <div class="wrap">
    <div class="st">
      <div class="k">LINE UP 2026</div>
      <h2>演出阵容</h2>
      <p>36 组艺人 · 三座舞台 · 更多名单持续解锁中</p>
    </div>
    <div class="head-liners">
      <div class="hl a1"><div class="tagt">HEADLINER · DAY 1</div><h3>AURORA 8</h3><div class="gen">MELODIC TECHNO</div><div class="slot">09.18　22:00 – 23:30　MAIN STAGE</div></div>
      <div class="hl a2"><div class="tagt">HEADLINER · DAY 2</div><h3>KIRA WAVE</h3><div class="gen">FUTURE BASS</div><div class="slot">09.19　22:00 – 23:30　MAIN STAGE</div></div>
      <div class="hl a3"><div class="tagt">HEADLINER · DAY 3</div><h3>VOID CLUB</h3><div class="gen">PSY TRANCE</div><div class="slot">09.20　22:00 – 23:59　MAIN STAGE</div></div>
    </div>
    <div class="others">
      <div class="oa"><b>Lumen</b><span>HOUSE</span></div>
      <div class="oa"><b>断线电波</b><span>SYNTH POP</span></div>
      <div class="oa"><b>MOKO</b><span>DRUM &amp; BASS</span></div>
      <div class="oa"><b>夜航西飞</b><span>AMBIENT</span></div>
      <div class="oa"><b>Static Bloom</b><span>TECHNO</span></div>
      <div class="oa"><b>PIXEL 99</b><span>CHIPTUNE</span></div>
      <div class="oa"><b>河流计划</b><span>DOWNTEMPO</span></div>
      <div class="oa"><b>NOVA KID</b><span>HARDSTYLE</span></div>
      <div class="oa"><b>低气压</b><span>DUBSTEP</span></div>
      <div class="oa"><b>Echo Rin</b><span>TRIP HOP</span></div>
    </div>
  </div>
</section>

<section id="sch">
  <div class="wrap">
    <div class="st">
      <div class="k">SCHEDULE</div>
      <h2>节目日程</h2>
      <p>点击切换日期查看当日全部舞台安排</p>
    </div>
    <div class="sch-tabs">
      <div class="tab on">DAY 1 · 09.18 周五</div>
      <div class="tab">DAY 2 · 09.19 周六</div>
      <div class="tab">DAY 3 · 09.20 周日</div>
    </div>
    <div class="sch">
      <div class="sr h"><span>TIME</span><span>ARTIST</span><span>GENRE</span><span>STAGE</span></div>
      <div class="sr"><span class="tm">16:00</span><span class="ar">河流计划</span><span class="sg">Downtempo · 开场暖身</span><span class="stg sg3">SUNSET</span></div>
      <div class="sr"><span class="tm">17:30</span><span class="ar">PIXEL 99</span><span class="sg">Chiptune · 现场改机</span><span class="stg sg3">SUNSET</span></div>
      <div class="sr"><span class="tm">19:00</span><span class="ar">Lumen</span><span class="sg">House · 全新专辑首演</span><span class="stg sg2">BASS DOME</span></div>
      <div class="sr"><span class="tm">20:15</span><span class="ar">断线电波</span><span class="sg">Synth Pop · 乐队编制</span><span class="stg sg1">MAIN STAGE</span></div>
      <div class="sr"><span class="tm">22:00</span><span class="ar">AURORA 8</span><span class="sg">Melodic Techno · 压轴 90 分钟</span><span class="stg sg1">MAIN STAGE</span></div>
      <div class="sr"><span class="tm">23:40</span><span class="ar">Static Bloom</span><span class="sg">Techno · After Party 至凌晨</span><span class="stg sg2">BASS DOME</span></div>
    </div>
  </div>
</section>

<section id="ticket">
  <div class="wrap">
    <div class="st">
      <div class="k">TICKETS</div>
      <h2>票种与价格</h2>
      <p>早鸟票限量发售，售完即恢复原价，实名购票不可转让</p>
    </div>
    <div class="tk-grid">
      <div class="tk">
        <h3>单日票</h3><div class="tp">任选一天入场</div>
        <div class="pv">￥<small></small>398</div><div class="org">原价 ￥498</div>
        <ul>
          <li>指定单日全场通行</li>
          <li>三座舞台自由观演</li>
          <li>官方纪念手环</li>
          <li class="no">专属观演区</li>
          <li class="no">周边礼包</li>
        </ul>
        <a class="g" href="#">选择日期购买</a>
        <div class="stock">余票充足</div>
      </div>
      <div class="tk best">
        <h3>三日通票</h3><div class="tp">最超值 · 全程无缝</div>
        <div class="pv">￥<small></small>888</div><div class="org">原价 ￥1494</div>
        <ul>
          <li>三日全场通行</li>
          <li>专属快速入场通道</li>
          <li>官方限定 T 恤一件</li>
          <li>纪念徽章礼包</li>
          <li class="no">后台休息区</li>
        </ul>
        <a class="p" href="#">立即抢购</a>
        <div class="stock">仅剩 216 张</div>
      </div>
      <div class="tk">
        <h3>VIP 通票</h3><div class="tp">前排视野 · 尊享服务</div>
        <div class="pv">￥<small></small>1680</div><div class="org">原价 ￥2280</div>
        <ul>
          <li>三日 VIP 观演区</li>
          <li>独立卫生间与休息区</li>
          <li>免费饮品 3 杯/日</li>
          <li>限定周边全套</li>
          <li>专属寄存服务</li>
        </ul>
        <a class="g" href="#">购买 VIP</a>
        <div class="stock">仅剩 48 张</div>
      </div>
      <div class="tk">
        <h3>学生票</h3><div class="tp">需现场核验学生证</div>
        <div class="pv">￥<small></small>268</div><div class="org">原价 ￥498</div>
        <ul>
          <li>指定单日全场通行</li>
          <li>三座舞台自由观演</li>
          <li>官方纪念手环</li>
          <li class="no">专属观演区</li>
          <li class="no">周边礼包</li>
        </ul>
        <a class="g" href="#">验证并购买</a>
        <div class="stock">每日限量 300 张</div>
      </div>
    </div>
  </div>
</section>

<section class="info" id="info">
  <div class="wrap">
    <div class="st">
      <div class="k">VENUE INFO</div>
      <h2>现场须知</h2>
      <p>出发前请务必阅读，让入场更顺利</p>
    </div>
    <div class="info-grid">
      <div class="ic"><span class="em">📍</span><h4>场地位置</h4><p>滨江音乐公园 · 城市滨江大道 1888 号。地铁 3 号线滨江站 B 口出，步行约 700 米即达。</p></div>
      <div class="ic"><span class="em">🎫</span><h4>入场方式</h4><p>凭购票短信二维码换取实体手环，实名核验身份证。手环一经佩戴不可拆卸，请勿损坏。</p></div>
      <div class="ic"><span class="em">🚫</span><h4>禁带物品</h4><p>禁止携带专业摄影设备、自拍杆、无人机、玻璃制品、外带酒水及任何危险物品入场。</p></div>
      <div class="ic"><span class="em">🍔</span><h4>餐饮与寄存</h4><p>现场设 20 余家餐饮摊位，支持移动支付。入口处提供付费寄存柜，20 元/日不限存取次数。</p></div>
    </div>
  </div>
</section>

<section>
  <div class="wrap">
    <div class="st">
      <div class="k">FAQ</div>
      <h2>常见问题</h2>
    </div>
    <div class="fq">
      <div class="q"><b>下雨会取消演出吗？</b><p>音乐节风雨无阻正常举行，主舞台设有顶棚。极端天气（台风、雷暴红色预警）如需调整，将通过官方渠道提前 12 小时通知，并提供全额退票。</p></div>
      <div class="q"><b>票买了之后可以退改吗？</b><p>早鸟票与学生票不支持退换。单日票与三日通票在开演前 15 天可申请退票，扣除 20% 手续费；15 天内不支持退票，但可申请一次姓名变更。</p></div>
      <div class="q"><b>儿童需要买票吗？</b><p>1.2 米以下儿童在成人陪同下免票入场，但不单独占位。考虑到现场音量较大，建议 6 岁以下儿童佩戴专业隔音耳罩或避免入场。</p></div>
      <div class="q"><b>现场可以充电吗？</b><p>三座舞台附近均设有共享充电宝租借点与免费充电桌，但数量有限，建议自备充电宝（单块容量不超过 20000mAh）。</p></div>
    </div>
  </div>
</section>

<footer>
  <div class="wrap">
    <div class="f3">
      <div>
        <h5>NEON WAVE 2026</h5>
        <p>时间：2026 年 9 月 18 – 20 日<br>地点：滨江音乐公园（滨江大道 1888 号）<br>票务咨询：400-909-2026（每日 10:00–20:00）</p>
      </div>
      <div><h5>快速导航</h5><ul><li>演出阵容</li><li>节目日程</li><li>票种价格</li><li>现场须知</li></ul></div>
      <div><h5>关注我们</h5><ul><li>官方微博</li><li>官方微信</li><li>小红书</li><li>合作洽谈</li></ul></div>
    </div>
    <div class="cp">© 2026 NEON WAVE 电子音乐节　本页为 HTML 模板演示，所有艺人、日程与票价信息均为虚构</div>
  </div>
</footer>

</body>
</html>

原创文章，作者：小蓝IT，如若转载，请注明出处：https://www.xiaolanzy.com/1885.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
0 0

关于作者

小蓝IT的头像

小蓝IT

430 文章
12 评论
13 粉丝
13年建站经验，为用户提供企业、个人、博客网站搭建服务
房产楼盘详情 HTML 单页源码（森林绿 + 金色，含户型 + 价目 + 区位交通）
上一篇 8小时前
高德打车3次领1个月腾讯视频会员
下一篇 2023年 10月 2日 下午4:37

相关推荐

发表回复

登录后才能评论
分享本页
返回顶部
icon 首页
icon 网站源码
icon IT资讯
icon 网站客服