Opening centred

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.

Open the whole page

Source

<main>
  <section data-kit-site="opening" data-kit-site-arrangement="centred">
    <hgroup>
      <p>Venue hire software</p>
      <h1>Your hall, booked and paid</h1>
      <p>Take bookings, send invoices and chase payment from one screen, without a spreadsheet.</p>
    </hgroup>
    <div data-kit-site-part="actions">
      <a data-kit-site-action="primary" href="../action/">Start free</a>
      <a data-kit-site-action="secondary" href="../steps/">See how it works</a>
    </div>
    <ul data-kit-site-part="facts">
      <li>Free for one hall</li>
      <li>£24 a month for each hall after it</li>
      <li>No card to start</li>
    </ul>
    <figure data-kit-site-frame="window">
      <img src="../../screen.list.desktop.png" alt="Invoices awaiting payment, listed on a desktop" width="3024" height="1900" />
    </figure>
  </section>
</main>

Previous, Opening Next, Feature