<!doctype html>

<html lang="zh">

<head>

  <meta charset="utf-8" />

  <meta name="viewport" content="width=device-width,initial-scale=1" />

  <title>Ningbo PNG</title>

  <style>

    body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial;

         background:#111;color:#fff;margin:24px}

    .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}

    .card{background:#1b1b1b;border:1px solid #333;border-radius:14px;padding:14px}

    img{width:100%;height:auto;background:#fff;border-radius:10px}

    code{display:block;word-break:break-all;background:#000;border:1px solid #333;

         padding:10px;border-radius:10px;margin-top:10px;font-size:12px}

  </style>

</head>

<body>

  <h2>Ningbo PNG 目录(点开图片地址即可复制)</h2>

  <div class="grid">

    <div class="card"><img src="aningbo.png"><code>aningbo.png</code></div>

    <div class="card"><img src="beilun1.png"><code>beilun1.png</code></div>

    <div class="card"><img src="cixi1.png"><code>cixi1.png</code></div>

    <div class="card"><img src="fenghua1.png"><code>fenghua1.png</code></div>

    <div class="card"><img src="haishu1.png"><code>haishu1.png</code></div>

    <div class="card"><img src="jiangbei1.png"><code>jiangbei1.png</code></div>

    <div class="card"><img src="ninghai1.png"><code>ninghai1.png</code></div>

    <div class="card"><img src="xiangshan1.png"><code>xiangshan1.png</code></div>

    <div class="card"><img src="yinzhou1.png"><code>yinzhou1.png</code></div>

    <div class="card"><img src="yuyao1.png"><code>yuyao1.png</code></div>

    <div class="card"><img src="zhenhai1.png"><code>zhenhai1.png</code></div>

  </div>


  <p style="opacity:.7;margin-top:18px">

    图片最终URL = 你的网站域名 + /文件名(例如 https://ningbo-png.pages.dev/haishu1.png)

  </p>

</body>

</html>