統嶺工程行 https://www.ihomediy.com.tw/?blog=25424 登入

統嶺工程行
https://www.ihomediy.com.tw/?blog=25424

     站內搜尋 :
公司簡介
聯絡資料
公司地圖
產品與服務 (1)
1.針對工地、廠房與工程現場需求,提供可落地執行的安全設施與勞安
供需資訊 (0)
部落格文章 (0)
總瀏覽人次 (80)


<!DOCTYPE html>
<html lang="zh-Hant">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>專業勞安工程服務|守護每一處施工安全</title>
  <style>
    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      font-family: "Noto Sans TC", "Microsoft JhengHei", Arial, sans-serif;
      color: #1f2937;
      line-height: 1.7;
      background: #f8fafc;
    }

    a {
      text-decoration: none;
      color: inherit;
    }

    header {
      background: #0f172a;
      color: white;
      position: sticky;
      top: 0;
      z-index: 10;
    }

    .container {
      width: min(1120px, 92%);
      margin: 0 auto;
    }

    .nav {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 18px 0;
    }

    .logo {
      font-size: 22px;
      font-weight: 800;
      letter-spacing: 1px;
    }

    .logo span {
      color: #facc15;
    }

    .nav-links {
      display: flex;
      gap: 26px;
      font-size: 15px;
    }

    .nav-links a:hover {
      color: #facc15;
    }

    .hero {
      background: linear-gradient(rgba(15, 23, 42, 0.78), rgba(15, 23, 42, 0.78)),
        url("https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1600&q=80") center/cover;
      color: white;
      padding: 120px 0 110px;
    }

    .hero-content {
      max-width: 760px;
    }

    .tag {
      display: inline-block;
      background: rgba(250, 204, 21, 0.16);
      color: #fde68a;
      padding: 8px 14px;
      border-radius: 999px;
      font-size: 14px;
      margin-bottom: 22px;
      border: 1px solid rgba(250, 204, 21, 0.35);
    }

    h1 {
      font-size: clamp(36px, 6vw, 62px);
      line-height: 1.18;
      margin-bottom: 24px;
      font-weight: 900;
    }

    .hero p {
      font-size: 20px;
      color: #e5e7eb;
      margin-bottom: 34px;
    }

    .buttons {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
    }

    .btn {
      display: inline-block;
      padding: 14px 24px;
      border-radius: 10px;
      font-weight: 700;
      transition: 0.2s;
    }

    .btn-primary {
      background: #facc15;
      color: #111827;
    }

    .btn-primary:hover {
      background: #eab308;
    }

    .btn-secondary {
      border: 1px solid white;
      color: white;
    }

    .btn-secondary:hover {
      background: white;
      color: #111827;
    }

    section {
      padding: 82px 0;
    }

    .section-title {
      text-align: center;
      margin-bottom: 46px;
    }

    .section-title h2 {
      font-size: 34px;
      color: #0f172a;
      margin-bottom: 10px;
    }

    .section-title p {
      color: #64748b;
      max-width: 680px;
      margin: 0 auto;
    }

    .about {
      background: white;
    }

    .about-grid {
      display: grid;
      grid-template-columns: 1.1fr 0.9fr;
      gap: 44px;
      align-items: center;
    }

    .about-card {
      background: #f1f5f9;
      padding: 34px;
      border-radius: 18px;
      border-left: 6px solid #facc15;
    }

    .about-card h3 {
      font-size: 26px;
      margin-bottom: 16px;
      color: #0f172a;
    }

    .stats {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 18px;
    }

    .stat {
      background: #0f172a;
      color: white;
      padding: 28px;
      border-radius: 16px;
    }

    .stat strong {
      display: block;
      color: #facc15;
      font-size: 34px;
      margin-bottom: 6px;
    }

    .services-grid, .advantages-grid, .cases-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px;
    }

    .card {
      background: white;
      border-radius: 18px;
      padding: 30px;
      box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
      border: 1px solid #e2e8f0;
    }

    .card .icon {
      width: 48px;
      height: 48px;
      display: grid;
      place-items: center;
      background: #fef3c7;
      color: #92400e;
      border-radius: 12px;
      font-size: 24px;
      margin-bottom: 16px;
    }

    .card h3 {
      font-size: 21px;
      margin-bottom: 10px;
      color: #0f172a;
    }

    .card p {
      color: #64748b;
    }

    .dark-section {
      background: #0f172a;
      color: white;
    }

    .dark-section .section-title h2,
    .dark-section .card h3 {
      color: white;
    }

    .dark-section .section-title p,
    .dark-section .card p {
      color: #cbd5e1;
    }

    .dark-section .card {
      background: #1e293b;
      border-color: #334155;
    }

    .case {
      min-height: 190px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .case span {
      color: #facc15;
      font-weight: 700;
      margin-top: 18px;
    }

    .faq {
      background: white;
    }

    .faq-list {
      max-width: 900px;
      margin: 0 auto;
      display: grid;
      gap: 16px;
    }

    .faq-item {
      background: #f8fafc;
      border: 1px solid #e2e8f0;
      border-radius: 14px;
      padding: 24px;
    }

    .faq-item h3 {
      color: #0f172a;
      margin-bottom: 8px;
      font-size: 19px;
    }

    .contact {
      background: linear-gradient(135deg, #0f172a, #1e3a8a);
      color: white;
    }

    .contact-box {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 34px;
      align-items: start;
    }

    .contact-info h2 {
      font-size: 36px;
      margin-bottom: 18px;
    }

    .contact-info p {
      color: #dbeafe;
      margin-bottom: 24px;
    }

    .contact-info ul {
      list-style: none;
      display: grid;
      gap: 12px;
    }

    .contact-info li {
      background: rgba(255, 255, 255, 0.1);
      padding: 14px 16px;
      border-radius: 10px;
    }

    form {
      background: white;
      color: #1f2937;
      padding: 30px;
      border-radius: 18px;
      display: grid;
      gap: 14px;
    }

    input, textarea, select {
      width: 100%;
      padding: 14px 15px;
      border: 1px solid #cbd5e1;
      border-radius: 10px;
      font-size: 15px;
      font-family: inherit;
    }

    textarea {
      min-height: 120px;
      resize: vertical;
    }

    button {
      border: none;
      cursor: pointer;
      font-size: 16px;
    }

    footer {
      background: #020617;
      color: #94a3b8;
      text-align: center;
      padding: 24px;
      font-size: 14px;
    }

    @media (max-width: 860px) {
      .nav {
        align-items: flex-start;
        gap: 12px;
      }

      .nav-links {
        display: none;
      }

      .hero {
        padding: 88px 0;
      }

      .about-grid,
      .contact-box {
        grid-template-columns: 1fr;
      }

      .services-grid,
      .advantages-grid,
      .cases-grid {
        grid-template-columns: 1fr;
      }

      .stats {
        grid-template-columns: 1fr;
      }
    }
  </style>
</head>
<body>
  <header>
    <div class="container nav">
      <div class="logo">統嶺<span>勞安工程</span></div>
      <nav class="nav-links">
        <a href="#about">關於我們</a>
        <a href="#services">服務項目</a>
        <a href="#advantages">工程優勢</a>
        <a href="#cases">實績案例</a>
        <a href="#contact">聯絡我們</a>
      </nav>
    </div>
  </header>

  <main>
    <section class="hero">
      <div class="container hero-content">
        <div class="tag">營造公司|工程承包商|工廠企業|現場安全改善</div>
        <h1>專業勞安工程服務,守護每一處施工安全</h1>
        <p>提供勞安設施規劃、防護網、圍籬、假設工程與現場安全施作,協助業主降低風險、提升施工安全。</p>
        <div class="buttons">
          <a class="btn btn-primary" href="#contact">立即諮詢估價</a>
          <a class="btn btn-secondary" href="#services">查看服務項目</a>
        </div>
      </div>
    </section>

    <section id="about" class="about">
      <div class="container about-grid">
        <div class="about-card">
          <h3>專注工程現場安全,協助客戶安心施工</h3>
          <p>我們服務營造公司、工程承包商、工廠與公共工程單位,依照不同現場需求提供勞安設施規劃與施工。從防護網、圍籬、開口防護到現場安全改善,協助客戶降低職災風險、符合施工安全要求,讓工程能更順利推進。</p>
        </div>
        <div class="stats">
          <div class="stat"><strong>快速</strong>現場評估與報價</div>
          <div class="stat"><strong>專業</strong>工程安全規劃</div>
          <div class="stat"><strong>完整</strong>勞安設施設置</div>
          <div class="stat"><strong>安心</strong>降低施工風險</div>
        </div>
      </div>
    </section>

    <section id="services">
      <div class="container">
        <div class="section-title">
          <h2>服務項目</h2>
          <p>針對工地、廠房與工程現場需求,提供可落地執行的安全設施與勞安改善服務。</p>
        </div>
        <div class="services-grid">
          <div class="card">
            <div class="icon">⚠️</div>
            <h3>勞安設施規劃</h3>
            <p>依現場狀況規劃安全防護設施,協助工地與廠區建立更完整的安全環境。</p>
          </div>
          <div class="card">
            <div class="icon">🧱</div>
            <h3>工地圍籬工程</h3>
            <p>提供工地圍籬、臨時圍設與區域隔離工程,提升現場安全與管理效率。</p>
          </div>
          <div class="card">
            <div class="icon">🕸️</div>
            <h3>安全防護網</h3>
            <p>適用高空作業、開口區域與外牆施工,降低人員與物料墜落風險。</p>
          </div>
          <div class="card">
            <div class="icon">🏗️</div>
            <h3>假設工程</h3>
            <p>協助工程現場進行臨時性安全設施與施工輔助設施規劃施作。</p>
          </div>
          <div class="card">
            <div class="icon">🔍</div>
            <h3>現場安全改善</h3>
            <p>針對危險區域、動線、開口與高風險作業提出改善建議並執行施作。</p>
          </div>
          <div class="card">
            <div class="icon">📋</div>
            <h3>承攬商安全配合</h3>
            <p>配合總包、業主與工程單位需求,提供現場安全設施與施工支援。</p>
          </div>
        </div>
      </div>
    </section>

    <section id="advantages" class="dark-section">
      <div class="container">
        <div class="section-title">
          <h2>為什麼選擇我們</h2>
          <p>我們懂工程現場,也懂客戶最在意的時間、品質與安全。</p>
        </div>
        <div class="advantages-grid">
          <div class="card">
            <h3>現場導向</h3>
            <p>不是只談理論,而是依照現場條件提供可執行的工程解決方案。</p>
          </div>
          <div class="card">
            <h3>快速回應</h3>
            <p>工地安全需求常有時間壓力,我們協助快速評估、安排與施作。</p>
          </div>
          <div class="card">
            <h3>客製規劃</h3>
            <p>依營造、廠房、外牆、高空作業等不同場域,規劃適合的防護方式。</p>
          </div>
        </div>
      </div>
    </section>

    <section id="cases">
      <div class="container">
        <div class="section-title">
          <h2>適用場景與實績類型</h2>
          <p>我們可協助不同工程現場處理安全防護與勞安改善需求。</p>
        </div>
        <div class="cases-grid">
          <div class="card case">
            <h3>建案工地安全防護</h3>
            <p>協助建設公司與營造廠處理工地圍籬、防護網、開口防護等需求。</p>
            <span>營造公司適用</span>
          </div>
          <div class="card case">
            <h3>高空作業防墜改善</h3>
            <p>針對外牆、鋁窗、帷幕、鷹架相關工程,規劃安全防護措施。</p>
            <span>承包商適用</span>
          </div>
          <div class="card case">
            <h3>工廠廠區安全改善</h3>
            <p>協助工廠、倉儲與製造業進行作業區域隔離與設備周邊安全改善。</p>
            <span>工廠企業適用</span>
          </div>
        </div>
      </div>
    </section>

    <section class="faq">
      <div class="container">
        <div class="section-title">
          <h2>常見問題</h2>
          <p>第一次詢問勞安工程,也可以先從這些問題開始了解。</p>
        </div>
        <div class="faq-list">
          <div class="faq-item">
            <h3>你們主要服務哪些客戶?</h3>
            <p>主要服務營造公司、工程承包商、工廠企業、公共工程單位與需要現場安全改善的業主。</p>
          </div>
          <div class="faq-item">
            <h3>可以到現場評估嗎?</h3>
            <p>可以。建議提供現場照片、位置、需求項目與預計施工時間,我們可協助初步判斷與安排評估。</p>
          </div>
          <div class="faq-item">
            <h3>是否可以配合急件?</h3>
            <p>可依現場狀況與施工排程評估,若有勞檢、業主要求或工期壓力,建議儘早聯繫。</p>
          </div>
          <div class="faq-item">
            <h3>報價需要提供哪些資料?</h3>
            <p>建議提供工程地點、現場照片、施作範圍、尺寸、需求項目與聯絡方式,方便快速估價。</p>
          </div>
        </div>
      </div>
    </section>

    <section id="contact" class="contact">
      <div class="container contact-box">
        <div class="contact-info">
          <h2>需要勞安工程協助?</h2>
          <p>不論是工地安全設施、圍籬、防護網、假設工程或現場改善,歡迎留下需求,我們將儘快與您聯繫。</p>
          <ul>
            <li>電話:請填入您的公司電話</li>
            <li>LINE:請填入您的 LINE ID</li>
            <li>Email:請填入您的信箱</li>
            <li>服務地區:台灣各縣市可洽詢</li>
          </ul>
        </div>
        <form>
          <input type="text" placeholder="公司名稱" /統嶺工程行>
          <input type="text" placeholder="聯絡人姓名" /藍仁育>
          <input type="tel" placeholder="聯絡電話" /0935859172>
          <select>
            <option>請選擇需求項目</option>
            <option>勞安設施規劃</option>
            <option>工地圍籬工程</option>
            <option>安全防護網</option>
            <option>假設工程</option>
            <option>現場安全改善</option>
            <option>其他需求</option>
          </select>
          <textarea placeholder="請簡單描述工程地點、施作內容與需求"></textarea>
          <button class="btn btn-primary" type="button">送出諮詢</button>
        </form>
      </div>
    </section>
  </main>

  <footer>
    © 2026 統嶺勞安工程|專業勞安工程服務|郭專員服務電話<0908194648>
  </footer>
</body>
</html>


其他廠商登入 | 相關產業資訊 | 廠商總覽 | 產品總覽 | 廠商免費登錄 | 廠商供需資訊 | 網站服務說明 | iHomeDIY 網站首頁