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

山谷星空露营地「野望营地」HTML 单页源码（大地棕 + 卡其 + 日落橙，含山形剪影 hero + 营位选择 + 设施装备 + 七日天气）

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

一处藏在山谷中的星空露营地预订页，含营位类型、设施装备清单、七日天气、热门玩法与住客评价。

本源码是一款为山野露营地、星空营地、房车营位、户外度假村打造的「预订 + 攻略」单页模板，采用大地棕 + 卡其 + 日落橙 + 天蓝主调，视觉上沉稳、亲近自然，与山林、海拔、夜观星象的营地氛围高度契合。首屏用 SVG 山形剪影与日出渐变作为背景，配合搜索条让访客直接选日期、人数与营位类型。

页面内容围绕「准备好一场完整露营」展开：营位类型卡片区分星空帐篷、森林木屋、自带帐篷区三种价位与配套；设施清单与装备租赁分两栏并列，方便对照查看；七日天气用 SVG 图标 + 晴雨温度一目了然；六类玩法覆盖日出、徒步、烧烤、亲子、星空摄影等高频需求；住客评价则用真实对话感进一步降低决策门槛。

适合营地运营方、民宿主理人、户外俱乐部、文旅项目作为官网或小红书 / 抖音投放落地页。替换营地名、营位类型、价格、天气数据与联系方式后即可上线，也可作为山野度假类目的获客页面模板。

山谷星空露营地「野望营地」HTML 单页源码（大地棕 + 卡其 + 日落橙，含山形剪影 hero + 营位选择 + 设施装备 + 七日天气）

使用教程

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>野望营地 - 山谷星空营地预订</title>
<style>
  :root{
    --earth:#4a3f35;
    --earth-d:#332b23;
    --khaki:#a8956f;
    --sunset:#e07a3f;
    --sunset-d:#c25f28;
    --sky:#5b8fa8;
    --sand:#f5efe3;
    --sand-2:#eae0cd;
    --leaf:#6b8c5a;
    --text:#3a332b;
    --muted:#7c7266;
    --line:#ddd2bd;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  body{font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif;background:var(--sand);color:var(--text);line-height:1.8}
  .wrap{max-width:1140px;margin:0 auto;padding:0 22px}
  a{text-decoration:none}

  header{position:sticky;top:0;z-index:50;background:rgba(245,239,227,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
  .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
  .lg{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:800;letter-spacing:2px}
  .lg .t{width:38px;height:38px;background:var(--earth);color:var(--sand);display:grid;place-items:center;font-size:19px;border-radius:8px}
  .nav ul{display:flex;gap:28px;list-style:none;font-size:15px;font-weight:600}
  .nav ul a{color:var(--muted);transition:.22s}
  .nav ul a:hover{color:var(--sunset-d)}
  .bkbtn{background:var(--sunset);color:#fff;padding:11px 24px;border-radius:8px;font-size:14.5px;font-weight:700;box-shadow:0 5px 14px rgba(224,122,63,.3)}

  /* hero */
  .hero{position:relative;padding:0;overflow:hidden}
  .hero-bg{height:520px;background:
    linear-gradient(180deg,rgba(50,42,34,.15) 0%,rgba(50,42,34,.6) 100%),
    linear-gradient(175deg,#8fb4c4 0%,#c9a878 42%,#e07a3f 62%,#7a5c3a 100%);
    position:relative;display:flex;align-items:center}
  .mtn{position:absolute;left:0;right:0;bottom:0;height:210px}
  .mtn::before,.mtn::after{content:"";position:absolute;bottom:0;border-style:solid;border-color:transparent}
  .mtn::before{left:8%;border-width:0 160px 175px 160px;border-bottom-color:rgba(58,50,40,.55)}
  .mtn::after{right:4%;border-width:0 210px 205px 210px;border-bottom-color:rgba(42,36,29,.7)}
  .hero-in{position:relative;z-index:5;width:100%;color:#fff}
  .chip{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);padding:8px 18px;border-radius:999px;font-size:13.5px;font-weight:700;margin-bottom:22px;backdrop-filter:blur(6px)}
  .hero h1{font-size:52px;font-weight:900;letter-spacing:-.5px;line-height:1.2;margin-bottom:16px;text-shadow:0 4px 24px rgba(0,0,0,.28)}
  .hero p{font-size:17px;max-width:520px;margin-bottom:32px;color:rgba(255,255,255,.92);text-shadow:0 2px 12px rgba(0,0,0,.3)}
  .hb{display:flex;gap:14px;flex-wrap:wrap}
  .btn{padding:15px 32px;border-radius:10px;font-size:15.5px;font-weight:700;display:inline-block;transition:.25s}
  .b1{background:var(--sunset);color:#fff;box-shadow:0 10px 26px rgba(224,122,63,.4)}
  .b1:hover{background:var(--sunset-d);transform:translateY(-2px)}
  .b2{background:rgba(255,255,255,.18);color:#fff;border:1.5px solid rgba(255,255,255,.5);backdrop-filter:blur(6px)}

  /* 搜索条 */
  .search{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 40px rgba(74,63,53,.14);margin-top:-46px;position:relative;z-index:10;padding:22px 26px}
  .s-grid{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:16px;align-items:end}
  .sf label{display:block;font-size:12.5px;color:var(--muted);font-weight:700;margin-bottom:7px;letter-spacing:.5px}
  .sf input,.sf select{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:9px;font-size:14.5px;font-family:inherit;color:var(--text);background:#fdfbf7;outline:none}
  .sf input:focus,.sf select:focus{border-color:var(--sunset)}
  .search button{background:var(--earth);color:#fff;border:0;padding:13px 34px;border-radius:9px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap}

  section{padding:72px 0}
  .st{text-align:center;margin-bottom:46px}
  .st .k{color:var(--sunset-d);font-size:13px;font-weight:800;letter-spacing:4px;margin-bottom:9px}
  .st h2{font-size:33px;font-weight:900;letter-spacing:-.4px}
  .st p{color:var(--muted);font-size:15.5px;margin-top:10px}

  /* 营位 */
  .site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .site{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.28s;display:flex;flex-direction:column}
  .site:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgba(74,63,53,.14)}
  .site .im{height:170px;position:relative;display:grid;place-items:center;font-size:50px}
  .m1{background:linear-gradient(150deg,#a8c4b0,#6b8c5a)}
  .m2{background:linear-gradient(150deg,#e0a878,#c25f28)}
  .m3{background:linear-gradient(150deg,#8fb4c4,#4a7288)}
  .site .bg{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.94);color:var(--earth);font-size:11.5px;font-weight:800;padding:4px 12px;border-radius:999px}
  .site .st2{position:absolute;top:12px;right:12px;background:var(--leaf);color:#fff;font-size:11.5px;font-weight:700;padding:4px 12px;border-radius:999px}
  .site .st2.few{background:var(--sunset)}
  .site .st2.no{background:#9b9187}
  .site .bd{padding:24px 24px 26px;flex:1;display:flex;flex-direction:column}
  .site h3{font-size:20px;font-weight:800;margin-bottom:8px}
  .site .sp{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
  .site .sp span{font-size:12px;background:var(--sand-2);color:var(--muted);padding:3px 11px;border-radius:6px;font-weight:600}
  .site .ds{font-size:14px;color:var(--muted);line-height:1.9;flex:1;margin-bottom:18px}
  .site .pf{display:flex;justify-content:space-between;align-items:baseline;padding-top:16px;border-top:1px dashed var(--line)}
  .site .pf b{font-size:25px;color:var(--sunset-d);font-weight:900}
  .site .pf b small{font-size:13px;color:var(--muted);font-weight:600}
  .site .pf a{font-size:14px;color:var(--earth);font-weight:700;border-bottom:2px solid var(--sunset)}

  /* 设施 */
  .fac{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .fac-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
  .f{text-align:center;padding:24px 12px;border-radius:14px;transition:.25s}
  .f:hover{background:var(--sand)}
  .f .e{font-size:32px;margin-bottom:10px;display:block}
  .f b{display:block;font-size:14.5px;font-weight:800;margin-bottom:3px}
  .f span{font-size:12.5px;color:var(--muted)}

  /* 装备清单 */
  .gear{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
  .gbox{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 32px}
  .gbox h3{font-size:21px;font-weight:900;margin-bottom:6px;display:flex;align-items:center;gap:10px}
  .gbox h3 i{font-style:normal;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:16px}
  .gbox.inc h3 i{background:#e2efdc;color:var(--leaf)}
  .gbox.brg h3 i{background:#fbe6d5;color:var(--sunset-d)}
  .gbox .sb{font-size:13.5px;color:var(--muted);margin-bottom:20px}
  .gbox ul{list-style:none}
  .gbox li{display:flex;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:14.5px}
  .gbox li:last-child{border-bottom:0}
  .gbox li .ck{flex-shrink:0;width:20px;height:20px;border-radius:5px;display:grid;place-items:center;font-size:11px;margin-top:3px}
  .inc li .ck{background:var(--leaf);color:#fff}
  .brg li .ck{background:var(--sand-2);color:var(--muted)}
  .gbox li b{display:block;font-weight:700}
  .gbox li span{font-size:13px;color:var(--muted)}

  /* 天气 */
  .wt{background:var(--earth);color:var(--sand)}
  .wt .st h2{color:#fff}
  .wt .st p{color:rgba(245,239,227,.66)}
  .wt-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}
  .w{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:20px 10px;text-align:center}
  .w.tod{background:rgba(224,122,63,.22);border-color:var(--sunset)}
  .w .dy{font-size:12.5px;color:rgba(245,239,227,.7);font-weight:700;margin-bottom:9px}
  .w .ic{font-size:28px;margin-bottom:9px}
  .w .tp{font-size:16px;font-weight:800;color:#fff}
  .w .tp small{font-size:12.5px;color:rgba(245,239,227,.6);font-weight:500}
  .w .st3{font-size:11.5px;color:rgba(245,239,227,.66);margin-top:5px}

  /* 玩法 */
  .act-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
  .a{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
  .a .im{height:130px;display:grid;place-items:center;font-size:40px}
  .n1{background:#e2efdc}.n2{background:#fbe6d5}.n3{background:#dceaf0}.n4{background:#f0e6d5}
  .a .tx{padding:18px 20px 22px}
  .a h4{font-size:16.5px;font-weight:800;margin-bottom:6px}
  .a p{font-size:13.5px;color:var(--muted);line-height:1.85}

  /* 评价 */
  .rv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  .rv{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px 24px}
  .rv .s{color:#e8a83d;font-size:15px;letter-spacing:2px;margin-bottom:12px}
  .rv p{font-size:14.4px;color:#4d453b;line-height:1.9;margin-bottom:16px}
  .rv .wh{display:flex;align-items:center;gap:11px}
  .rv .wh i{width:38px;height:38px;border-radius:50%;background:var(--sand-2);color:var(--earth);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:14px}
  .rv .wh b{display:block;font-size:14px}
  .rv .wh span{font-size:12.5px;color:var(--muted)}

  footer{background:var(--earth-d);color:#a89b8b;padding:50px 0 26px;font-size:14px}
  .f3{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:38px;margin-bottom:32px}
  footer h5{color:#fff;font-size:16.5px;font-weight:800;margin-bottom:15px}
  footer ul{list-style:none;line-height:2.1}
  .cp{border-top:1px solid rgba(255,255,255,.09);padding-top:20px;text-align:center;font-size:12.5px;color:#7d7264}

  @media(max-width:980px){
    .nav ul{display:none}
    .hero-bg{height:400px}
    .hero h1{font-size:32px}
    .s-grid,.site-grid,.gear,.rv-grid,.f3{grid-template-columns:1fr}
    .fac-grid,.act-grid{grid-template-columns:repeat(3,1fr)}
    .wt-grid{grid-template-columns:repeat(4,1fr)}
    section{padding:50px 0}
  }
</style>
</head>
<body>

<header>
  <div class="wrap nav">
    <div class="lg"><span class="t">⛺</span>野望营地</div>
    <ul>
      <li><a href="#site">营位类型</a></li>
      <li><a href="#gear">装备清单</a></li>
      <li><a href="#act">营地玩法</a></li>
      <li><a href="#wt">天气预报</a></li>
    </ul>
    <a class="bkbtn" href="#site">查看空位</a>
  </div>
</header>

<div class="hero">
  <div class="hero-bg">
    <div class="mtn"></div>
    <div class="wrap hero-in">
      <div class="chip">🌌 海拔 1240m　│　全年平均可见星等 5.8</div>
      <h1>把周末<br>还给一片山谷</h1>
      <p>距市区 78 公里，三面环山一面临溪。48 个营位、全时段热水、拎包入住的星空帐——你只需要带上想放空的自己。</p>
      <div class="hb">
        <a class="btn b1" href="#site">立即预订营位</a>
        <a class="btn b2" href="#act">看看能玩什么</a>
      </div>
    </div>
  </div>
</div>

<div class="wrap">
  <div class="search">
    <div class="s-grid">
      <div class="sf"><label>入营日期</label><input type="date" value="2026-08-08"></div>
      <div class="sf"><label>离营日期</label><input type="date" value="2026-08-09"></div>
      <div class="sf"><label>入住人数</label><select><option>2 人</option><option>3 人</option><option>4 人</option><option>5 人及以上</option></select></div>
      <div class="sf"><label>营位类型</label><select><option>全部类型</option><option>自带帐篷位</option><option>星空拎包帐</option><option>房车电桩位</option></select></div>
      <button>搜索空位</button>
    </div>
  </div>
</div>

<section id="site">
  <div class="wrap">
    <div class="st">
      <div class="k">CAMP SITES</div>
      <h2>营位类型与价格</h2>
      <p>周末与法定节假日价格上浮 30%，连住两晚第二晚 8 折</p>
    </div>
    <div class="site-grid">
      <div class="site">
        <div class="im m1"><div class="bg">草坪区</div><div class="st2">余 12 位</div>🏕️</div>
        <div class="bd">
          <h3>自带帐篷位</h3>
          <div class="sp"><span>6×6m 平整草地</span><span>含用电</span><span>限 4 人</span></div>
          <div class="ds">适合有全套装备的老玩家。营位间距 4 米以上，不会被邻居的呼噜声吵醒。每位配一张野餐桌与两把折叠椅。</div>
          <div class="pf"><b>￥128<small> /晚</small></b><a href="#">查看详情 →</a></div>
        </div>
      </div>
      <div class="site">
        <div class="im m2"><div class="bg">观星区</div><div class="st2 few">仅余 3 位</div>🌟</div>
        <div class="bd">
          <h3>星空拎包帐</h3>
          <div class="sp"><span>透明穹顶</span><span>含床品空调</span><span>限 2 人</span></div>
          <div class="ds">什么都不用带，躺下就能看星星。内配双人床、电热毯与独立卫浴，冬天也不冷。视野最好的三顶在坡顶。</div>
          <div class="pf"><b>￥498<small> /晚</small></b><a href="#">查看详情 →</a></div>
        </div>
      </div>
      <div class="site">
        <div class="im m3"><div class="bg">溪边区</div><div class="st2 no">本周满</div>🚐</div>
        <div class="bd">
          <h3>房车电桩位</h3>
          <div class="sp"><span>16A 电桩</span><span>上下水接口</span><span>限 1 车</span></div>
          <div class="ds">紧邻溪流的硬化地面，含独立供水与污水排放口。转弯半径充足，7 米以内房车均可轻松入位。</div>
          <div class="pf"><b>￥218<small> /晚</small></b><a href="#">查看详情 →</a></div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="fac">
  <div class="wrap">
    <div class="st">
      <div class="k">FACILITIES</div>
      <h2>营地设施</h2>
      <p>基础设施全部免费开放，不额外收费</p>
    </div>
    <div class="fac-grid">
      <div class="f"><span class="e">🚿</span><b>热水淋浴</b><span>24 小时供应</span></div>
      <div class="f"><span class="e">🚻</span><b>独立卫生间</b><span>每日三次清洁</span></div>
      <div class="f"><span class="e">🔌</span><b>营位供电</b><span>每位 10A 电源</span></div>
      <div class="f"><span class="e">📶</span><b>全场 WiFi</b><span>光纤 500M</span></div>
      <div class="f"><span class="e">🛒</span><b>营地小卖部</b><span>补给与冰块</span></div>
      <div class="f"><span class="e">🅿️</span><b>免费停车</b><span>紧邻营位</span></div>
    </div>
  </div>
</section>

<section id="gear">
  <div class="wrap">
    <div class="st">
      <div class="k">CHECKLIST</div>
      <h2>装备清单</h2>
      <p>照着这份单子准备，基本不会漏东西</p>
    </div>
    <div class="gear">
      <div class="gbox inc">
        <h3><i>✓</i>营地已提供</h3>
        <div class="sb">这些不用带，营地都有，星空帐住客可全部忽略下方自备清单</div>
        <ul>
          <li><span class="ck">✓</span><div><b>野餐桌与折叠椅</b><span>每营位一桌两椅，免费使用</span></div></li>
          <li><span class="ck">✓</span><div><b>烧烤炉与炭火</b><span>可在小卖部租借，30 元/次含炭</span></div></li>
          <li><span class="ck">✓</span><div><b>饮用水与冰块</b><span>公共取水点免费，冰块 5 元/袋</span></div></li>
          <li><span class="ck">✓</span><div><b>照明与充电</b><span>公共区域夜灯，营位配 10A 电源</span></div></li>
          <li><span class="ck">✓</span><div><b>急救箱与灭火器</b><span>服务中心常备，24 小时值守</span></div></li>
        </ul>
      </div>
      <div class="gbox brg">
        <h3><i>!</i>建议自备</h3>
        <div class="sb">自带帐篷位与房车位的朋友请重点确认这一栏</div>
        <ul>
          <li><span class="ck">□</span><div><b>帐篷与地钉</b><span>山谷夜间有风，建议带加长地钉</span></div></li>
          <li><span class="ck">□</span><div><b>睡袋与防潮垫</b><span>夜间最低 14℃，建议舒适温标 10℃</span></div></li>
          <li><span class="ck">□</span><div><b>厚外套与长裤</b><span>昼夜温差可达 12℃，别只带短袖</span></div></li>
          <li><span class="ck">□</span><div><b>驱蚊液与防晒</b><span>溪边蚊虫较多，日间紫外线偏强</span></div></li>
          <li><span class="ck">□</span><div><b>垃圾袋</b><span>营地践行无痕露营，垃圾请自行带走</span></div></li>
        </ul>
      </div>
    </div>
  </div>
</section>

<section class="wt" id="wt">
  <div class="wrap">
    <div class="st">
      <div class="k">WEATHER</div>
      <h2>营地未来七日天气</h2>
      <p>数据每日 06:00 更新，遇暴雨红色预警可全额退款</p>
    </div>
    <div class="wt-grid">
      <div class="w tod"><div class="dy">今天 8/05</div><div class="ic">☀️</div><div class="tp">29<small>/17℃</small></div><div class="st3">晴 · 微风</div></div>
      <div class="w"><div class="dy">周四 8/06</div><div class="ic">🌤️</div><div class="tp">28<small>/16℃</small></div><div class="st3">多云</div></div>
      <div class="w"><div class="dy">周五 8/07</div><div class="ic">☀️</div><div class="tp">30<small>/18℃</small></div><div class="st3">晴 · 适宜观星</div></div>
      <div class="w"><div class="dy">周六 8/08</div><div class="ic">☀️</div><div class="tp">31<small>/19℃</small></div><div class="st3">晴 · 适宜观星</div></div>
      <div class="w"><div class="dy">周日 8/09</div><div class="ic">🌦️</div><div class="tp">26<small>/17℃</small></div><div class="st3">午后阵雨</div></div>
      <div class="w"><div class="dy">周一 8/10</div><div class="ic">🌧️</div><div class="tp">24<small>/16℃</small></div><div class="st3">小雨</div></div>
      <div class="w"><div class="dy">周二 8/11</div><div class="ic">⛅</div><div class="tp">27<small>/16℃</small></div><div class="st3">阴转多云</div></div>
    </div>
  </div>
</section>

<section id="act">
  <div class="wrap">
    <div class="st">
      <div class="k">ACTIVITIES</div>
      <h2>营地能玩什么</h2>
      <p>大部分活动免费参加，报名在服务中心前台</p>
    </div>
    <div class="act-grid">
      <div class="a"><div class="im n1">🥾</div><div class="tx"><h4>晨间徒步</h4><p>每天 07:00 出发，沿溪线路来回约 5 公里，领队带路，两小时返回营地。</p></div></div>
      <div class="a"><div class="im n2">🔥</div><div class="tx"><h4>篝火夜话</h4><p>每晚 20:00 中央草坪点火，营地提供棉花糖与热可可，随时可以加入。</p></div></div>
      <div class="a"><div class="im n3">🔭</div><div class="tx"><h4>天文观测</h4><p>晴夜 21:30 开放两台天文望远镜，志愿者讲解当季主要星座与行星。</p></div></div>
      <div class="a"><div class="im n4">🎣</div><div class="tx"><h4>溪流垂钓</h4><p>溪边划定垂钓区，可租借鱼竿。钓获需放流，请勿使用倒刺钩。</p></div></div>
    </div>
  </div>
</section>

<section style="background:#fff;border-top:1px solid var(--line)">
  <div class="wrap">
    <div class="st">
      <div class="k">REVIEWS</div>
      <h2>营友怎么说</h2>
      <p>综合评分 4.8 分，来自 1247 条真实入住评价</p>
    </div>
    <div class="rv-grid">
      <div class="rv"><div class="s">★★★★★</div><p>星空帐真的不虚，躺床上抬头就是银河。空调和热水都很给力，带娃来完全不用担心洗澡问题，比想象中舒服太多。</p><div class="wh"><i>沈</i><div><b>沈女士</b><span>星空拎包帐 · 2026-07</span></div></div></div>
      <div class="rv"><div class="s">★★★★★</div><p>营位间距是真的宽，隔壁说话完全听不见。营地小卖部东西不贵，忘带的东西基本都能补齐，工作人员半夜还帮我们修了帐篷杆。</p><div class="wh"><i>唐</i><div><b>唐先生</b><span>自带帐篷位 · 2026-07</span></div></div></div>
      <div class="rv"><div class="s">★★★★☆</div><p>房车位的水电接口很规范，倒车入位空间充足。唯一想吐槽的是周末人多，早上洗漱要排队，建议错峰或者早点起。</p><div class="wh"><i>贺</i><div><b>贺先生</b><span>房车电桩位 · 2026-06</span></div></div></div>
    </div>
  </div>
</section>

<footer>
  <div class="wrap">
    <div class="f3">
      <div>
        <h5>⛺ 野望营地</h5>
        <p>地址：青云县野望山谷（导航搜「野望营地」直达）<br>距市区 78 公里，全程高速 + 12 公里盘山路<br>预订电话：0571-8866-7788（每日 08:00–21:00）</p>
      </div>
      <div><h5>预订服务</h5><ul><li>营位类型</li><li>装备租借</li><li>退改规则</li><li>团建包场</li></ul></div>
      <div><h5>营地公约</h5><ul><li>无痕露营准则</li><li>22:00 后静音</li><li>宠物入营须知</li><li>明火使用规范</li></ul></div>
    </div>
    <div class="cp">© 2026 野望营地　本页为 HTML 模板演示，营地信息、价格与天气数据均为虚构</div>
  </div>
</footer>

</body>
</html>

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

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

关于作者

小蓝IT的头像

小蓝IT

440 文章
12 评论
13 粉丝
13年建站经验，为用户提供企业、个人、博客网站搭建服务
沉浸式剧本杀「迷雾档案馆」HTML 单页源码（深色紫黑 + 琥珀金 + 血红，含剧本列表 + 实景场馆 + 预约流程 + 价格套餐）
上一篇 5小时前
心理咨询工作室「栖野心理」HTML 单页源码（雾蓝 + 暖米 + 鼠尾草绿，含咨询方向 + 预约流程 + 费用说明 + 隐私承诺）
下一篇 5小时前

相关推荐

发表回复

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