Source
<main>
<section data-kit-site="feature">
<div>
<hgroup>
<p>On the move</p>
<h2>The invoice in your pocket</h2>
</hgroup>
<p>Open any invoice from a phone and see its hirer, amount and payments.</p>
</div>
<figure data-kit-site-frame="phone">
<img src="../../screen.record.phone.png" alt="One invoice with its billing contact, on a phone" width="780" height="1688" />
</figure>
</section>
<section data-kit-site="steps">
<ol>
<li>
<hgroup>
<p>Step 2</p>
<h3>Refund a hirer from a phone</h3>
</hgroup>
<p><strong>Open the invoice, review the refund, confirm.</strong></p>
<div data-kit-site-part="screens">
<figure data-kit-site-frame="phone">
<img src="../../screen.home.phone.png" alt="Home with what needs attention, on a phone" width="780" height="1688" />
</figure>
<figure data-kit-site-frame="phone">
<img src="../../screen.list.phone.png" alt="Invoices awaiting payment, listed on a phone" width="780" height="1688" />
</figure>
<figure data-kit-site-frame="phone">
<img src="../../screen.record.phone.png" alt="One invoice with its billing contact, on a phone" width="780" height="1688" />
</figure>
<figure data-kit-site-frame="phone">
<img src="../../screen.form.phone.png" alt="A refund under review, on a phone" width="780" height="1688" />
</figure>
</div>
</li>
</ol>
</section>
</main>