/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 26 2026 | 15:37:06 */

<!-- https://htbcflooring.com/wp-content/uploads/2023/10/Screenshot_11-1.png -->
<style>
.htbc-ids{--ink:#17241d;--paper:#f5f2e9;--tan:#bd9d64;color:var(--ink);background:var(--paper);font-family:Arial,sans-serif;line-height:1.5}.htbc-ids *{box-sizing:border-box}.htbc-ids .wrap{max-width:1120px;width:calc(100% - 48px);margin:auto}.htbc-ids .hero{background:var(--ink);color:#fff;padding:26px 0 36px;overflow:hidden}.htbc-ids .nav,.htbc-ids footer{display:flex;align-items:center;justify-content:space-between}.htbc-ids .logo{height:44px;width:auto;filter:brightness(0) invert(1)}.htbc-ids .nav a{color:#fff;text-decoration:none;font-size:13px;font-weight:bold}.htbc-ids .hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;padding:90px 0 65px}.htbc-ids .eyebrow{color:var(--tan);font-size:11px;letter-spacing:1.4px;font-weight:bold;text-transform:uppercase;margin:0 0 18px}.htbc-ids h1,.htbc-ids h2{font-family:Georgia,serif;letter-spacing:-2px;line-height:.95;margin:0}.htbc-ids h1{font-size:clamp(55px,8vw,104px)}.htbc-ids h1 em{color:var(--tan)}.htbc-ids h2{font-size:clamp(40px,5vw,66px)}.htbc-ids .intro{max-width:470px;color:#d4d9d4;line-height:1.75;margin:34px 0}.htbc-ids .button{display:inline-flex;justify-content:space-between;gap:34px;background:#fff;color:var(--ink);padding:16px 20px;text-decoration:none;font-size:12px;font-weight:bold}.htbc-ids .event{border-top:1px solid #718077}.htbc-ids .event div{border-bottom:1px solid #526158;padding:17px 0}.htbc-ids .event span,.htbc-ids .meta span{display:block;color:var(--tan);font-size:10px;font-weight:bold;letter-spacing:1.3px}.htbc-ids .event strong{display:block;margin-top:4px;font-size:15px}.htbc-ids .event p{color:#b6c1b8;font-size:12px;margin:3px 0 0}.htbc-ids .host{font-size:11px;color:#b6c1b8;letter-spacing:.5px}.htbc-ids .why{display:grid;grid-template-columns:.75fr 1.25fr;gap:45px;padding:125px 0}.htbc-ids .why p,.htbc-ids .aside p{color:#49534b;line-height:1.75}.htbc-ids .register{background:#deded6;padding:100px 0}.htbc-ids .register-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:85px}.htbc-ids .meta{border-top:1px solid #b5b9b2;padding-top:18px;margin-top:42px}.htbc-ids .meta strong{display:block;margin:5px 0 20px;font-size:13px}.htbc-ids form{background:#f8f7f2;padding:34px;box-shadow:0 12px 30px #17241d12}.htbc-ids label,.htbc-ids legend{display:block;font-size:12px;font-weight:bold;margin-bottom:21px}.htbc-ids input,.htbc-ids textarea,.htbc-ids select{display:block;width:100%;border:0;border-bottom:1px solid #bfc1b9;background:transparent;padding:10px 0;font:14px Arial;margin-top:5px}.htbc-ids textarea{resize:vertical}.htbc-ids .two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.htbc-ids fieldset{border:0;padding:0;margin:0}.htbc-ids .choices{display:flex;gap:8px;flex-wrap:wrap}.htbc-ids .choices label{border:1px solid #c4c8be;padding:10px;margin:0;cursor:pointer}.htbc-ids .choices input{display:inline;width:auto;margin:0 6px 0 0}.htbc-ids button{border:0;width:100%;background:var(--ink);color:#fff;padding:17px 20px;font-weight:bold;text-align:left;cursor:pointer}.htbc-ids footer{padding:34px 0;color:#4b554d}.htbc-ids footer .logo{filter:none}.htbc-ids footer p{font-size:11px;text-align:right}@media(max-width:760px){.htbc-ids .wrap{width:calc(100% - 34px)}.htbc-ids .hero-grid,.htbc-ids .why,.htbc-ids .register-grid{grid-template-columns:1fr;gap:38px;padding:70px 0}.htbc-ids .why{padding:75px 0}.htbc-ids .register{padding:70px 0}.htbc-ids .two{grid-template-columns:1fr;gap:0}.htbc-ids form{padding:24px 20px}.htbc-ids footer{display:block}.htbc-ids footer p{text-align:left}}
</style>

<div class="htbc-ids">
  <section class="hero">
    <div class="wrap">
      <div class="nav">
        <img class="logo" src="LOGO-URL-HERE" alt="HTBC Flooring">
        <a href="#htbc-register">REGISTER YOUR VISIT ↘</a>
      </div>

      <div class="hero-grid">
        <div>
          <p class="eyebrow">TRADE INVITATION · IDS VANCOUVER 2026</p>
          <h1>Walk the floor<br><em>with us.</em></h1>
          <p class="intro">HTBC Flooring is exhibiting at IDS Vancouver this September. Stop by Booth 1106 to see new lines in person and talk trade pricing with our team.</p>
          <a class="button" href="#htbc-register">REGISTER YOUR VISIT ↓</a>
        </div>

        <div class="event">
          <div><span>SHOW</span><strong>IDS Vancouver</strong><p>Interior Design Show</p></div>
          <div><span>BOOTH</span><strong>1106</strong></div>
          <div><span>DATES</span><strong>Sept 24–27, 2026</strong><p>Public days: Sept 26/27, 10am–5pm</p></div>
          <div><span>LOCATION</span><strong>Vancouver Convention Centre West</strong></div>
        </div>
      </div>

      <div class="host">HOSTED BY HTBC FLOORING LTD · VANCOUVER, BC</div>
    </div>
  </section>

  <section class="why wrap">
    <p class="eyebrow" style="color:#687169">01 / WHY STOP BY</p>
    <div>
      <h2>Worth the walk<br>across the floor.</h2>
      <p>We’ll have new SKUs on display that haven’t shown up in our catalogue yet, along with samples you can actually put hands on.</p>
      <p>If you’re sourcing for an active project, tell us a little about it. We’ll have the right person and the right boards ready when you arrive.</p>
    </div>
  </section>

  <section class="register" id="htbc-register">
    <div class="wrap register-grid">
      <aside class="aside">
        <p class="eyebrow" style="color:#687169">02 / REGISTER YOUR VISIT</p>
        <h2>Let us know<br>you’re coming.</h2>
        <p>Takes under a minute. We’ll use this to plan for your visit — not to add you to a mailing list.</p>
        <div class="meta">
          <span>BOOTH</span><strong>1106</strong>
          <span>PUBLIC DAYS</span><strong>Sept 26/27 · 10am–5pm</strong>
        </div>
      </aside>

      <form action="https://formspree.io/f/xzdlblov" method="POST">
        <input type="hidden" name="_subject" value="HTBC IDS Vancouver 2026 registration">

        <div class="two">
          <label>Full name *<input name="fullName" required></label>
          <label>Company *<input name="company" required></label>
        </div>

        <div class="two">
          <label>Phone number *<input name="phone" required></label>
          <label>Email address *<input name="email" type="email" required></label>
        </div>

        <fieldset>
          <legend>Which day(s) are you planning to visit?</legend>
          <div class="choices">
            <label><input name="visitDays" value="Sept 26 — Public Day (10am–5pm)" type="checkbox">Sept 26 — Public Day (10am–5pm)</label>
            <label><input name="visitDays" value="Sept 27 — Public Day (10am–5pm)" type="checkbox">Sept 27 — Public Day (10am–5pm)</label>
          </div>
        </fieldset>

        <label>Number of people visiting
          <select name="people">
            <option>Just me</option>
            <option>2 people</option>
            <option>3 people</option>
            <option>4 people</option>
            <option>5+ people</option>
          </select>
        </label>

        <label>What are you looking for?
          <textarea name="projectNeeds" rows="4" placeholder="Product type, project type, anything that helps us prepare samples."></textarea>
        </label>

        <label>Anything else we should know?
          <textarea name="notes" rows="3"></textarea>
        </label>

        <button type="submit">CONFIRM REGISTRATION →</button>
      </form>
    </div>
  </section>

  <footer class="wrap">
    <img class="logo" src="LOGO-URL-HERE" alt="HTBC Flooring">
    <p>HTBC Flooring Ltd · Vancouver, BC<br>Booth 1106 · IDS Vancouver, Sept 24–27, 2026</p>
  </footer>
</div>