kit

Action height

Built revision v17.10.0

CSS core
Topics

Human support

Bring a missing role, layout, or state, or a rendering against the standard, to the session working on kit. Name the package and the entry.

Action height

Open the whole page

Source
<main>
  <section data-kit-site="opening">
    <hgroup>
      <p>Venue hire software</p>
      <h1>Your hall, booked and paid</h1>
      <p>Take bookings, send invoices and chase payment from one screen.</p>
    </hgroup>
    <div data-kit-site-part="actions">
      <a data-kit-site-action="primary" href="../display/">Start free</a>
      <a data-kit-site-action="secondary" href="../section-space/">Book a call</a>
    </div>
  </section>
  <section data-kit-site="offer">
    <div>
      <h2>Free for one hall, £24&nbsp;a&nbsp;month for each hall after it</h2>
      <p><small>Billed monthly per hall, cancel from settings at any time. Prices include VAT.</small></p>
      <div data-kit-site-part="actions">
        <a data-kit-site-action="primary" href="../action/">Start free</a>
        <a data-kit-site-action="secondary" href="../plans/">See pricing</a>
      </div>
    </div>
  </section>
  <section data-kit-site="action">
    <hgroup>
      <h2>Start with one hall and grow into it</h2>
      <p>The free plan runs one hall with no end date.</p>
    </hgroup>
    <div data-kit-site-part="actions">
      <a data-kit-site-action="primary" href="../display/">Start free</a>
      <a data-kit-site-action="secondary" href="../section-space/">Book a call</a>
    </div>
  </section>
</main>