HTML to Elementor
Website kits

Conference one-page site

Complete one-page conference site: hero, counters, speaker cards, two-day schedule, venue and hotels, three ticket tiers, partners, FAQ and signup form.

Page Conference One-page Schedule Tickets Full page
Preview of the Conference one-page site template

The top of the template as it renders in a browser. Images become placeholders when you import it.

When to use it

The whole site for a one- or two-day conference, ordered the way a visitor’s questions arrive. The hero answers what, when and where in three short lines and offers two jumps: straight to tickets, or to the schedule for people who need to justify the trip first. The yellow numbers band gives a sense of scale; replace the sample figures with your own and drop any number you cannot back up. Speakers come before the schedule because names sell passes, and the schedule is built from plain rows rather than a table so every time and title stays editable. Venue, travel and hotels follow for people who have decided to come, then the ticket tiers with the early-bird deadline written out in words. Partners, the FAQ and an updates signup close the page. Keep the schedule current above everything else: on the day, this page is the program people read on their phones between sessions.

What it converts to

Converted with the Native components mode. The component list below is what this template produces — not a generic example.

  • Container × 74
  • Container (grid) × 3
  • Container (grid, 4 columns) × 3
  • Container (grid, 2 columns) × 1
  • Container (grid, 3 columns) × 2
  • HTML widget × 1 — the block’s scoped CSS; keep it, the layout depends on it
  • Text Editor × 78
  • Heading × 33
  • Icon List × 5
  • Button × 6
  • Image × 2
  • Counter × 4
  • Image Box × 4
  • Accordion × 1
  • Form × 1

Things worth knowing

  • Each section’s id becomes the container’s CSS ID, but with a per-conversion prefix, for example hte-1a2b3c4d-speakers. After import, open Advanced → CSS ID on the speakers, schedule, venue and tickets containers and change them to exactly speakers, schedule, venue and tickets so the header links reach them; top, sponsors, faq and updates are prefixed the same way.
  • The two hero buttons are rewritten to the prefixed IDs (#hte-…-tickets, #hte-…-schedule), so they scroll right after import; once you rename the CSS IDs, set their links back to #tickets and #schedule. The three ticket buttons point to placeholder checkout URLs on tickets.example.com — replace them with your ticketing links.
  • The numbers band converts to four Counter widgets (24, 6, 30, and 600 with a + suffix), the speaker cards to four Image Box widgets, and the hero facts, travel routes and ticket inclusions to five Icon List widgets. The hero and venue photos become Image widgets; all image slots arrive empty, so select your photos after import.
  • The two-day schedule is built from div rows, not a table, so it converts natively: each session is a small Container with a Text Editor for the time and a Heading and Text Editor for the title and room. The six FAQ questions become one Accordion widget.
  • The signup converts to an Elementor Pro Form with text, email and select fields; its action is removed, so set Actions After Submit, such as Email or your mailing list, after import. Below 780px every grid stacks to one column except the numbers, speakers and partners, which drop to two.

The HTML

This is the complete source. Copy it, or send it straight to the converter and adjust the options before exporting.

Show the HTML source
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Halden Product Summit — May 14–15, Port Halden</title>
  <style>
    body{margin:0;font-family:'Work Sans',Helvetica,Arial,sans-serif;color:#101a4d;background:#ffffff}
    .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
    section{padding:88px 0}
    h1,h2,h3{font-family:'Space Grotesk',Helvetica,Arial,sans-serif;color:#101a4d;font-weight:700}
    h1{font-size:64px;line-height:1.02;letter-spacing:-.035em;margin:0 0 20px}
    h2{font-size:44px;line-height:1.08;letter-spacing:-.03em;margin:0 0 14px}
    h3{font-size:21px;line-height:1.3;letter-spacing:-.01em;margin:0 0 6px}
    p{font-size:17px;line-height:1.7;color:#4f5878;margin:0 0 16px}
    .eyebrow{font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#d61f63;margin:0 0 14px}
    .head{max-width:700px;margin:0 0 44px}
    .button{display:inline-block;padding:16px 28px;border-radius:6px;background:#d61f63;color:#ffffff;text-decoration:none;font-weight:700;font-size:16px}
    .ghost{display:inline-block;padding:14px 26px;border-radius:6px;border:2px solid #ffffff;color:#ffffff;text-decoration:none;font-weight:700;font-size:16px}
    .actions{display:flex;gap:14px;flex-wrap:wrap}
    .dark{background:#101a4d}
    .dark h1,.dark h2,.dark h3{color:#ffffff}
    .dark p{color:#eef1fa}
    .dark .eyebrow{color:#ffc83d}
    .ice{background:#eef1fa}
    .hero{padding:72px 0 88px}
    .hero .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:56px;align-items:center}
    .hero .lead{font-size:19px;max-width:560px}
    .facts{display:flex;flex-direction:column;gap:10px;margin:0 0 32px}
    .facts > div{display:flex;gap:12px;align-items:center;font-size:17px;font-weight:600;color:#ffffff}
    .mark{color:#ffc83d;font-size:15px}
    .hero-img{width:100%;height:500px;object-fit:cover;border-radius:10px;display:block;background:#4f5878}
    .numbers{background:#ffc83d;padding:48px 0}
    .stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
    .num{border-left:4px solid #101a4d;padding:4px 0 4px 20px}
    .num .big{font-family:'Space Grotesk',Helvetica,Arial,sans-serif;font-size:56px;font-weight:700;line-height:1;letter-spacing:-.03em;color:#101a4d;margin:0 0 8px}
    .num .label{font-size:16px;font-weight:600;color:#101a4d;margin:0}
    .speakers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
    .speaker{background:#eef1fa;border-radius:10px;padding:14px 14px 22px}
    .speaker img{width:100%;height:300px;object-fit:cover;border-radius:6px;display:block;margin:0 0 16px;background:#4f5878}
    .speaker h3{font-size:20px;margin:0 0 6px}
    .speaker p{font-size:15px;line-height:1.6;margin:0}
    .more{margin:32px 0 0;font-size:17px;color:#101a4d}
    .days{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
    .day{background:#ffffff;border-radius:10px;padding:30px 30px 14px;border-top:6px solid #d61f63}
    .day.two{border-top-color:#ffc83d}
    .day h3{font-size:26px;margin:0 0 18px}
    .slot{display:flex;gap:20px;padding:14px 0;border-top:1px solid #eef1fa}
    .slot .time{flex:0 0 84px;margin:0;font-size:15px;font-weight:700;color:#d61f63;line-height:1.5}
    .slot h4{font-family:'Space Grotesk',Helvetica,Arial,sans-serif;font-size:17px;line-height:1.4;color:#101a4d;margin:0 0 2px}
    .slot p{font-size:15px;line-height:1.5;margin:0}
    .split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
    .venue-img{width:100%;height:460px;object-fit:cover;border-radius:10px;display:block;background:#eef1fa}
    .routes{display:flex;flex-direction:column;gap:12px;margin:0 0 8px}
    .routes > div{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.55;color:#101a4d}
    .go{color:#d61f63;font-size:16px;line-height:1.55}
    .hotels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:48px 0 0}
    .hotel{background:#eef1fa;border-radius:10px;padding:24px}
    .hotel p{font-size:15px;margin:0}
    .early{background:#ffc83d;border-radius:10px;padding:18px 24px;margin:0 0 32px}
    .early p{margin:0;font-size:17px;font-weight:600;color:#101a4d}
    .tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
    .tier{border:2px solid #4f5878;border-radius:10px;padding:32px 28px;display:flex;flex-direction:column}
    .tier.pick{background:#ffffff;border-color:#ffffff}
    .tier.pick h3{color:#101a4d}
    .tier.pick p{color:#4f5878}
    .tier .tag{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffc83d;margin:0 0 10px}
    .tier.pick .tag{color:#d61f63}
    .tier h3{font-size:24px;margin:0 0 12px}
    .amount{font-family:'Space Grotesk',Helvetica,Arial,sans-serif;font-size:48px;font-weight:700;line-height:1;letter-spacing:-.03em;margin:0 0 8px}
    .dark .amount{color:#ffffff}
    .dark .tier.pick .amount{color:#101a4d}
    .regular{font-size:15px;margin:0 0 22px}
    .incl{display:flex;flex-direction:column;gap:10px;margin:0 0 28px;flex-grow:1}
    .incl > div{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5;color:#eef1fa}
    .tier.pick .incl > div{color:#101a4d}
    .tick{color:#ffc83d;font-size:14px;line-height:1.6}
    .tier.pick .tick{color:#d61f63}
    .tier .button{text-align:center}
    .small{margin:28px 0 0;font-size:15px}
    .sponsors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 32px}
    .tile{border:2px solid #101a4d;border-radius:10px;padding:26px 20px;text-align:center;background:#ffffff}
    .tile .name{font-family:'Space Grotesk',Helvetica,Arial,sans-serif;font-size:20px;font-weight:700;color:#101a4d;margin:0 0 4px}
    .tile .level{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#d61f63;margin:0}
    .outline{display:inline-block;padding:14px 26px;border-radius:6px;border:2px solid #101a4d;color:#101a4d;text-decoration:none;font-weight:700;font-size:16px}
    .faq{display:flex;flex-direction:column;gap:12px;max-width:860px}
    details{border-radius:10px;padding:20px 24px;background:#eef1fa}
    summary{font-family:'Space Grotesk',Helvetica,Arial,sans-serif;font-size:19px;font-weight:700;color:#101a4d;cursor:pointer}
    details p{margin:12px 0 0;font-size:16px}
    .signup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center}
    form{background:#ffffff;border-radius:10px;padding:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
    .field{display:flex;flex-direction:column;gap:6px}
    .full{grid-column:1 / -1}
    label{font-size:14px;font-weight:700;color:#101a4d}
    input,select{font:inherit;font-size:16px;padding:12px 14px;border:1px solid #4f5878;border-radius:6px;background:#ffffff;color:#101a4d}
    .submit{grid-column:1 / -1;justify-self:start;padding:16px 28px;border:0;border-radius:6px;background:#d61f63;color:#ffffff;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
    @media(max-width:780px){
      section{padding:56px 0}
      .wrap{padding:0 16px}
      .hero{padding:40px 0 56px}
      h1{font-size:40px}
      h2{font-size:31px}
      .hero .wrap,.split,.signup{grid-template-columns:minmax(0,1fr);gap:32px}
      .hero .lead{font-size:17px}
      .hero-img{height:260px}
      .numbers{padding:36px 0}
      .stats-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
      .num .big{font-size:42px}
      .num{padding-left:14px}
      .speakers{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
      .speaker{padding:10px 10px 16px}
      .speaker img{height:200px}
      .speaker h3{font-size:17px}
      .speaker p{font-size:14px}
      .days,.hotels,.tiers{grid-template-columns:minmax(0,1fr);gap:20px}
      .day{padding:22px 18px 8px}
      .slot{gap:12px}
      .slot .time{flex-basis:72px;font-size:14px}
      .venue-img{height:260px}
      .hotels{margin-top:32px}
      .sponsors{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
      .tile{padding:20px 12px}
      .tile .name{font-size:17px}
      form{grid-template-columns:minmax(0,1fr);padding:24px 18px}
    }
  </style>
</head>
<body>
  <section class="hero dark" id="top">
    <div class="wrap">
      <div>
        <p class="eyebrow">Regional conference for product teams</p>
        <h1>Two days of practical talks for the people who build products</h1>
        <p class="lead">Product managers, designers, researchers and engineers from across the region, comparing notes on what actually shipped — and what they would do differently.</p>
        <div class="facts">
          <div><span class="mark">●</span><span>May 14–15 · 9:00 am to 6:00 pm</span></div>
          <div><span class="mark">●</span><span>Halden Exchange Hall, Port Halden</span></div>
          <div><span class="mark">●</span><span>Two stages, six hands-on workshops</span></div>
        </div>
        <div class="actions">
          <a class="button" href="#tickets">Get tickets</a>
          <a class="ghost" href="#schedule">View schedule</a>
        </div>
      </div>
      <img class="hero-img" src="https://htmltoelementor.com/wp-content/uploads/hte-library/event/audience-stage.jpg" width="1600" height="1000" alt="Conference audience in a full hall watching a speaker on a stage lit in magenta and warm light">
    </div>
  </section>

  <section class="numbers">
    <div class="wrap stats-row">
      <div class="num"><p class="big">24</p><p class="label">Talks on two stages</p></div>
      <div class="num"><p class="big">6</p><p class="label">Hands-on workshops</p></div>
      <div class="num"><p class="big">30</p><p class="label">Speakers</p></div>
      <div class="num"><p class="big">600+</p><p class="label">Attendees expected</p></div>
    </div>
  </section>

  <section id="speakers">
    <div class="wrap">
      <div class="head">
        <p class="eyebrow">Speakers</p>
        <h2>Practitioners, not keynote tourists</h2>
        <p>Every speaker has shipped the thing they are talking about in the last two years. Talks run 30 minutes with 10 minutes of questions.</p>
      </div>
      <div class="speakers">
        <article class="speaker">
          <img src="https://htmltoelementor.com/wp-content/uploads/hte-library/event/speaker-amara.jpg" width="1000" height="1250" alt="Portrait of a woman with short natural hair in a mustard jacket, smiling, against a plain backdrop">
          <h3>Amara Osei</h3>
          <p>Head of Product, Lanternfish Health — opening keynote on retiring features without losing customers.</p>
        </article>
        <article class="speaker">
          <img src="https://htmltoelementor.com/wp-content/uploads/hte-library/event/speaker-daniel.jpg" width="1000" height="1250" alt="Portrait of a bearded man in his forties wearing glasses and a dark sweater">
          <h3>Daniel Reyes</h3>
          <p>Principal Designer, Quarry Labs — designing for the second year of a product, after launch.</p>
        </article>
        <article class="speaker">
          <img src="https://htmltoelementor.com/wp-content/uploads/hte-library/event/speaker-meilin.jpg" width="1000" height="1250" alt="Portrait of a woman with shoulder-length black hair in a white shirt, arms folded, smiling">
          <h3>Mei Lin Tan</h3>
          <p>VP Engineering, Brightwater Freight — platform teams that unblock others instead of queueing them.</p>
        </article>
        <article class="speaker">
          <img src="https://htmltoelementor.com/wp-content/uploads/hte-library/event/speaker-rohan.jpg" width="1000" height="1250" alt="Portrait of a young man with short dark hair in a denim shirt, laughing">
          <h3>Rohan Iyer</h3>
          <p>Research Lead, Fernway Bank — customer discovery that still happens when the deadline moves up.</p>
        </article>
      </div>
      <p class="more">Plus 26 more speakers across the two stages and workshop rooms. The full line-up is announced in March.</p>
    </div>
  </section>

  <section class="ice" id="schedule">
    <div class="wrap">
      <div class="head">
        <p class="eyebrow">Schedule</p>
        <h2>Two days, one main hall, two tracks after lunch</h2>
        <p>Times may shift by a few minutes. Workshops have limited seats and are booked when you buy a Full or Team pass.</p>
      </div>
      <div class="days">
        <div class="day">
          <h3>Day 1 · May 14</h3>
          <div class="slot"><p class="time">8:30 am</p><div><h4>Registration and coffee</h4><p>Main foyer · badges and lanyards</p></div></div>
          <div class="slot"><p class="time">9:15 am</p><div><h4>Opening keynote: Retiring features without losing customers</h4><p>Amara Osei · Main hall</p></div></div>
          <div class="slot"><p class="time">10:15 am</p><div><h4>Discovery that survives a deadline</h4><p>Rohan Iyer · Main hall</p></div></div>
          <div class="slot"><p class="time">11:15 am</p><div><h4>Track talks: research operations and design systems</h4><p>Hall A and Hall B · four talks each</p></div></div>
          <div class="slot"><p class="time">1:00 pm</p><div><h4>Lunch</h4><p>Quayside terrace · vegetarian and vegan options</p></div></div>
          <div class="slot"><p class="time">2:00 pm</p><div><h4>Workshops, round one</h4><p>Rooms 1–3 · Full and Team pass holders</p></div></div>
          <div class="slot"><p class="time">4:15 pm</p><div><h4>Panel: Shipping with a team of five</h4><p>Four product leads · Main hall</p></div></div>
          <div class="slot"><p class="time">6:00 pm</p><div><h4>Evening meetup</h4><p>Quayside terrace · drinks and food until 8:30 pm</p></div></div>
        </div>
        <div class="day two">
          <h3>Day 2 · May 15</h3>
          <div class="slot"><p class="time">8:45 am</p><div><h4>Coffee and hallway time</h4><p>Main foyer · sponsor tables open</p></div></div>
          <div class="slot"><p class="time">9:15 am</p><div><h4>Keynote: Designing for the second year</h4><p>Daniel Reyes · Main hall</p></div></div>
          <div class="slot"><p class="time">10:15 am</p><div><h4>Platform teams without the queue</h4><p>Mei Lin Tan · Main hall</p></div></div>
          <div class="slot"><p class="time">11:15 am</p><div><h4>Track talks: pricing and growth experiments</h4><p>Hall A and Hall B · four talks each</p></div></div>
          <div class="slot"><p class="time">1:00 pm</p><div><h4>Lunch</h4><p>Quayside terrace · vegetarian and vegan options</p></div></div>
          <div class="slot"><p class="time">2:00 pm</p><div><h4>Workshops, round two</h4><p>Rooms 1–3 · Full and Team pass holders</p></div></div>
          <div class="slot"><p class="time">3:45 pm</p><div><h4>Lightning talks from attendees</h4><p>Ten talks of six minutes · Main hall</p></div></div>
          <div class="slot"><p class="time">5:00 pm</p><div><h4>Closing session and thank-yous</h4><p>Main hall · ends by 5:45 pm</p></div></div>
        </div>
      </div>
    </div>
  </section>

  <section id="venue">
    <div class="wrap">
      <div class="split">
        <img class="venue-img" src="https://htmltoelementor.com/wp-content/uploads/hte-library/event/venue-hall.jpg" width="1600" height="1000" alt="Converted brick warehouse event hall with tall windows, exposed beams and rows of empty chairs facing a low stage">
        <div>
          <p class="eyebrow">Venue and travel</p>
          <h2>Halden Exchange Hall</h2>
          <p>40 Quayside Lane, Port Halden. A converted grain exchange on the harbor, with step-free entry from Mill Street, lifts to both floors and a quiet room on the upper level.</p>
          <h3>Getting there</h3>
          <div class="routes">
            <div><span class="go">→</span><span>By train: Port Halden Central, then an eight-minute walk along the quay.</span></div>
            <div><span class="go">●</span><span>By car: Quayside garage next door, $18 a day with the conference parking code.</span></div>
            <div><span class="go">↻</span><span>By bike: racks on Mill Street and a bike-share dock at the corner of Rope Walk.</span></div>
          </div>
        </div>
      </div>
      <div class="hotels">
        <div class="hotel">
          <h3>The Lantern Quay Hotel</h3>
          <p>Three minutes on foot. Conference rate from $159 a night when booked by April 14 with code HPS-MAY.</p>
        </div>
        <div class="hotel">
          <h3>Ropewalk Inn</h3>
          <p>Seven minutes on foot. Small rooms, good breakfast, from $119 a night; mention the summit when you call.</p>
        </div>
        <div class="hotel">
          <h3>Harborside Suites</h3>
          <p>Next to Port Halden Central. Kitchenettes for longer stays, from $139 a night with the conference link.</p>
        </div>
      </div>
    </div>
  </section>

  <section class="dark" id="tickets">
    <div class="wrap">
      <div class="head">
        <p class="eyebrow">Tickets</p>
        <h2>Pick a pass</h2>
        <p>All prices include lunch, coffee and access to the talk recordings after the event. Prices are per person and exclude sales tax.</p>
      </div>
      <div class="early">
        <p>Early-bird prices end April 10. After that, each pass goes up to the regular price shown under it.</p>
      </div>
      <div class="tiers">
        <div class="tier">
          <p class="tag">One day</p>
          <h3>Day pass</h3>
          <p class="amount">$189</p>
          <p class="regular">Regular price $249</p>
          <div class="incl">
            <div><span class="tick">✓</span><span>Day 1 or Day 2, your choice</span></div>
            <div><span class="tick">✓</span><span>All talks on both stages that day</span></div>
            <div><span class="tick">✓</span><span>Lunch, coffee and recordings</span></div>
          </div>
          <a class="button" href="https://tickets.example.com/halden-summit/day-pass">Get a day pass</a>
        </div>
        <div class="tier pick">
          <p class="tag">Most chosen</p>
          <h3>Full pass</h3>
          <p class="amount">$389</p>
          <p class="regular">Regular price $469</p>
          <div class="incl">
            <div><span class="tick">✓</span><span>Both days and every talk</span></div>
            <div><span class="tick">✓</span><span>One workshop seat each day</span></div>
            <div><span class="tick">✓</span><span>Evening meetup on May 14</span></div>
            <div><span class="tick">✓</span><span>Lunch, coffee and recordings</span></div>
          </div>
          <a class="button" href="https://tickets.example.com/halden-summit/full-pass">Get a full pass</a>
        </div>
        <div class="tier">
          <p class="tag">Five people</p>
          <h3>Team pass</h3>
          <p class="amount">$1,690</p>
          <p class="regular">Regular price $2,050</p>
          <div class="incl">
            <div><span class="tick">✓</span><span>Five full passes, names changeable</span></div>
            <div><span class="tick">✓</span><span>Workshop seats booked together</span></div>
            <div><span class="tick">✓</span><span>One invoice, paid by card or bank transfer</span></div>
          </div>
          <a class="button" href="https://tickets.example.com/halden-summit/team-pass">Get a team pass</a>
        </div>
      </div>
      <p class="small">Student and nonprofit passes are $99 for both days. Email [email protected] with proof of status and we will send a code.</p>
    </div>
  </section>

  <section class="ice" id="sponsors">
    <div class="wrap">
      <div class="head">
        <p class="eyebrow">Partners</p>
        <h2>The companies that keep tickets affordable</h2>
        <p>Partner fees cover the venue and the recordings. Partners get a table in the foyer, not a slot on the stage.</p>
      </div>
      <div class="sponsors">
        <div class="tile"><p class="name">Northpaw Analytics</p><p class="level">Lead partner</p></div>
        <div class="tile"><p class="name">Tidewell Cloud</p><p class="level">Lead partner</p></div>
        <div class="tile"><p class="name">Saltmarsh Studio</p><p class="level">Workshop partner</p></div>
        <div class="tile"><p class="name">Oarsman Payments</p><p class="level">Meetup partner</p></div>
        <div class="tile"><p class="name">Kettle & Key</p><p class="level">Supporter</p></div>
        <div class="tile"><p class="name">Driftline Software</p><p class="level">Supporter</p></div>
        <div class="tile"><p class="name">Copperleaf Print</p><p class="level">Supporter</p></div>
        <div class="tile"><p class="name">Greyfield Ventures</p><p class="level">Supporter</p></div>
      </div>
      <a class="outline" href="mailto:[email protected]">Ask about partnering</a>
    </div>
  </section>

  <section id="faq">
    <div class="wrap">
      <div class="head">
        <p class="eyebrow">FAQ</p>
        <h2>Before you book</h2>
      </div>
      <div class="faq">
        <details><summary>Can I get a refund or transfer my ticket?</summary><p>Refunds are available until April 30, minus a $20 fee. After that you can transfer your pass to a colleague at no charge until May 12 — just email us the new name.</p></details>
        <details><summary>Is the venue accessible?</summary><p>Yes. Entry from Mill Street is step-free, both floors have lifts and accessible restrooms, and the main hall has reserved wheelchair spaces and a hearing loop. Tell us about any other needs when you book.</p></details>
        <details><summary>Will the talks be recorded?</summary><p>Main hall and track talks are recorded and shared with every ticket holder about two weeks after the event. Workshops and the panel are not recorded.</p></details>
        <details><summary>How do I choose my workshops?</summary><p>Full and Team pass holders receive a booking link in April. Seats are limited to 30 per workshop and are allocated in the order people choose.</p></details>
        <details><summary>Can I get an invoice or a letter for my employer?</summary><p>Every order comes with a tax invoice. If you need a letter of attendance or an invitation letter for travel, email [email protected].</p></details>
        <details><summary>Is there a code of conduct?</summary><p>Yes. It applies to attendees, speakers, partners and staff, at the venue and at the evening meetup. You can reach the on-site safety team at any time during the event.</p></details>
      </div>
    </div>
  </section>

  <section class="ice" id="updates">
    <div class="wrap signup">
      <div>
        <p class="eyebrow">Stay in the loop</p>
        <h2>Get speaker news and ticket releases</h2>
        <p>One short email when new speakers are confirmed, when workshops open and a week before each price change. Nothing else, and you can leave at any time.</p>
      </div>
      <form action="#" method="post">
        <div class="field"><label for="u-name">First name</label><input id="u-name" name="name" type="text" autocomplete="given-name"></div>
        <div class="field"><label for="u-email">Email</label><input id="u-email" name="email" type="email" autocomplete="email" required></div>
        <div class="field full"><label for="u-topic">What would you like to hear about?</label><select id="u-topic" name="topic"><option>Everything about the summit</option><option>Speaker announcements only</option><option>Ticket releases only</option></select></div>
        <button class="submit" type="submit">Keep me posted</button>
      </form>
    </div>
  </section>
</body>
</html>