Banner image slider horizontal

Whether you’re looking for full privacy, decorative appeal, or durable perimeter fencing, we offer custom-built and prefabricated vinyl fence options to meet your project requirements.

Vinyl Fencing

Text + image

<h3><span style="color:#003594">Why North American Supply vinyl fencing is different?</span></h3>
<ul>
<li>Thicker, premium-grade vinyl (PVC) for added strength and long-term durability</li>
<li>UV-stabilized material to resist fading, yellowing, chalking, and brittleness over time</li>
<li>Reinforced components for better rigidity and straighter fence lines</li>
<li>Clean, consistent finish that looks great from both sides and stays low maintenance in all weather</li>
</ul>
<h3><span style="color:#003594">What’s included in a complete vinyl fence kit?</span></h3>
<ul>
<li>Vinyl fence panels (privacy / semi-privacy / picket options as selected)</li>
<li>Matching vinyl posts</li>
<li>Post caps (standard or upgraded styles, as selected)</li>
<li>Rails and inserts/components required for the chosen style</li>
<li>All required fasteners and screws</li>
<li>Connectors and installation hardware</li>
<li>Optional matching vinyl 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-quick-wrap{
    font-family:"Poppins",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    background: linear-gradient(180deg, var(--soft), #ffffff);
    padding: 16px;
  }

  .nas-quick-card{
    max-width: 720px;
    margin: 0 auto;
    background: var(--white);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    padding: 18px;
  }

  .nas-quick-title{
    margin: 0 0 6px;
    font-size: 22px;
    font-weight: 800;
    color: var(--text);
  }

  .nas-quick-sub{
    margin: 0 0 14px;
    font-size: 13px;
    color: var(--muted);
    line-height: 1.4;
  }

  .nas-quick-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;
    color: var(--text);
  }

  .nas-field input,
  .nas-field select{
    width:100%;
    padding: 11px 12px;
    border-radius: var(--radius-sm);
    border: 1px solid rgba(0,53,148,.25);
    font-size: 14px;
    outline:none;
  }

  .nas-field input:focus,
  .nas-field select:focus{
    border-color: rgba(0,53,148,.65);
    box-shadow: 0 0 0 3px rgba(0,53,148,.12);
  }

  .nas-btn{
    appearance:none;
    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);
    line-height: 1.4;
  }

  .nas-hp{ position:absolute; left:-9999px; top:-9999px; }

  @media (max-width: 720px){
    .nas-row{ grid-template-columns: 1fr; }
  }
</style>

<div class="nas-quick-wrap">
  <div class="nas-quick-card">
    <h3 class="nas-quick-title">Vinyl Fencing Quote </h3>
    <p class="nas-quick-sub">
      Request pricing for durable, low-maintenance <strong>vinyl (PVC) fencing</strong>.
      Provide a few details and we’ll follow up with options and availability.
    </p>

    <form
      class="nas-quick-form"
      action="https://formspree.io/f/mlgdyvbo"
      method="POST"
    >
      
      <div class="nas-hp" aria-hidden="true">
        <label>Website</label>
        <input type="text" name="_gotcha" tabindex="-1" autocomplete="off">
      </div>

      <input type="hidden" name="_subject" value="Vinyl Fencing Quote – North American Supply">
      <input type="hidden" name="product" value="Vinyl 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 Vinyl Fencing Quote</button>

      <p class="nas-note">
        We typically respond within 1 business day. Questions? <strong>service@northamericansupply.ca</strong>
      </p>
    </form>
  </div>
</div>