<div style="max-width:24rem; margin:auto;">

<div class="text-center mb-2">
  <img src="/docs/doris-blue.svg" style="width:90%;">
  <h6>

</h6>
</div>
<div class="mb-2">
  Doris is an easy and visual way of designing an Option strategy.
</div>
<!--<div class="mb-2">
  There are three ways to use Doris:
</div>-->
<div class="ms-2 me-2" style="font-size:0.9em;">
  <div class="mb-1">
    <div class="card advanced-tools">
      <div class="card-body">
        <h6 class="card-title">Let Doris do the work</h6>
        <div class="mb-2">Start here. Doris will allow you to navigate possibilities without any options knowledge.</div>
        <div class="text-end">
          <a href="/tools/doris" class="btn btn-sm btn-primary stretched-link btn-next">Go <i class="bi bi-chevron-right"></i></a>
        </div>
      </div>
    </div>
  </div>
  <div class="mb-1 d-none">
    <div class="card advanced-tools">
      <div class="card-body">
        <h6 class="card-title">Asset Classes</h6>
        <div class="mb-2">Suggests some shapes based on describing your risk appetite in terms of asset classes.</div>
        <div class="text-end">
          <a class="btn btn-sm btn-primary stretched-link btn-next" data-value-target="design-mode" data-value="AssetClasses">Go <i class="bi bi-chevron-right"></i></a>
        </div>
      </div>
    </div>
  </div>
  <div class="mb-1">
    <div class="card">
      <div class="card-body">
        <h6 class="card-title">Doris It Yourself (DIY)</h6>
        <div class="mb-2">Have a play yourself and draw your own shapes. Needs a bit more skill.</div>
        <div class="text-end">
          <a href="/tools/optiondesign" class="btn btn-sm btn-primary stretched-link">Go <i class="bi bi-chevron-right"></i></a>
        </div>
      </div>
    </div>
  </div>
</div>
<!--Once you have a suggestion, Doris will make it easy for you to see the tradeoffs and refine your shape.-->

</div>
