Home
Layouts
AMA

AMA

AMA Layout

The AMA layout is for a very specific use case (currently). It includes a full-page background gradient and uses CSS grid to position a button in the top-right corner without using absolute positioning.

Example
An AMA layout.

Ask Me Anything

Ask R.O.B. (Really Outstanding Bot) anything about your contracts and it’s contents.

HTML

<div class="pv-layout-ama">
  <div class="pv-container-sm">
    <p class="pv-heading-5 pv-stack-4 pv-flex pv-text-inverse">
      <svg aria-hidden="true" class="pv-icon-20">
        <title>ai</title>
        <use xlink:href="#ai"></use>
      </svg>
      <span>Ask Me Anything</span>
    </p>
    <p class="pv-text-subdued-inverse pv-text-body-sm">Ask R.O.B. (Really Outstanding Bot) anything about your contracts and it’s contents.</p>
  </div>
  <button type="button" class="pv-button-primary">
    <span>Close</span>
    <svg aria-hidden="true" class="pv-icon-20">
      <title>close</title>
      <use xlink:href="#close"></use>
    </svg>
  </button>
</div>