Banner image slider horizontal

Forge your boundaries with our robust steel fencing—where strength meets elegance, crafting spaces that endure time.

Steel Fencing

Text + image

<h3 style="white-space:pre-line"> </h3>
<h3><span style="color:#003594"><strong>Why North American Supply steel fencing is different?</strong></span></h3>
<ul>
<li><span style="color:#000000">Thicker-gauge steel for added strength and stability</span></li>
<li><span style="color:#000000">Heavy-duty powder-coated black finish for long-lasting protection </span></li>
<li><span style="color:#000000">Clean, modern appearance suitable for residential and commercial use </span></li>
<li><span style="color:#000000">Designed to meet higher performance standards against all weathers than typical steel fences</span></li>
</ul>
<h3><span style="color:#003594">What’s included in a complete steel fence kit?</span></h3>
<ul>
<li>Powder-coated steel fence panels</li>
<li>Matching heavy-duty steel posts</li>
<li>Post caps and mounting brackets</li>
<li>All required fasteners and screws</li>
<li>Connectors and installation hardware</li>
<li>Optional matching steel gates, hinges, and latches</li>
</ul>

Call to action

Video

Logo showcase

Embed

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&display=swap" rel="stylesheet">

<style>
  :root{
    --primary:#003594;
    --soft:#d9e1ef;
    --white:#ffffff;
    --text:#0b1220;
    --muted:#4b5563;
    --border:rgba(0,0,0,.10);
    --radius:18px;
    --radius-sm:12px;
  }
  .nas-wrap{font-family:"Poppins",system-ui;padding:16px;background:linear-gradient(180deg,var(--soft),#fff);}
  .nas-card{max-width:720px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:18px;}
  .nas-title{margin:0 0 6px;font-size:22px;font-weight:800;color:var(--text);}
  .nas-sub{margin:0 0 14px;font-size:13px;color:var(--muted);line-height:1.4;}
  .nas-form{display:grid;gap:12px;}
  .nas-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .nas-field label{display:block;font-size:12px;font-weight:800;margin:0 0 4px;}
  .nas-field input,.nas-field select{width:100%;padding:11px 12px;border-radius:var(--radius-sm);border:1px solid rgba(0,53,148,.25);}
  .nas-btn{border:1px solid var(--primary);background:var(--primary);color:#fff;font-weight:900;padding:12px 16px;border-radius:14px;cursor:pointer;}
  .nas-note{font-size:12px;color:var(--muted);}
  .nas-hp{position:absolute;left:-9999px;}
  @media(max-width:720px){.nas-row{grid-template-columns:1fr;}}
</style>

<div class="nas-wrap">
  <div class="nas-card">
    <h3 class="nas-title">Steel Fencing Quote </h3>
    <p class="nas-sub">
      Request pricing for premium <strong>powder-coated steel fencing</strong> for residential or commercial projects.
    </p>

    <form class="nas-form" action="https://formspree.io/f/mlgdyvbo" method="POST">
      <div class="nas-hp"><input type="text" name="_gotcha"></div>
      <input type="hidden" name="_subject" value="Steel Fencing Quote – North American Supply">
      <input type="hidden" name="product" value="Steel Fencing">

      <div class="nas-row">
        <div class="nas-field"><label>Full Name *</label><input type="text" name="full_name" required></div>
        <div class="nas-field"><label>Email *</label><input type="email" name="email" required></div>
      </div>

      <div class="nas-row">
        <div class="nas-field"><label>Phone *</label><input type="tel" name="phone" required></div>
        <div class="nas-field"><label>City / Province (optional)</label><input type="text" name="location" placeholder="e.g., Surrey, BC"></div>
      </div>

      <div class="nas-row">
        <div class="nas-field"><label>Approx. Fence Length *</label><input type="text" name="length" placeholder="e.g., 120 linear ft" required></div>
        <div class="nas-field">
          <label>Scope *</label>
          <select name="scope" required>
            <option value="">Select scope</option>
            <option value="Materials Only">Materials Only</option>
            <option value="Supply + Installation">Supply + Installation</option>
          </select>
        </div>
      </div>

      <button class="nas-btn" type="submit">Request Steel Fencing Quote</button>
      <p class="nas-note">Questions? <strong>service@northamericansupply.ca</strong></p>
    </form>
  </div>
</div>