Lists

<div class="row list-style-1">
  <div class="col-12">
    <h5>List style - 1</h5>
  </div>
  <div class="col-12 col-sm-6 col-md-6">
    <ul>
      <li>Quis autem vel eum iure reprehenderit qui in</li>
      <li>Excepteur sint occaecat cupidatat non proident</li>
      <li>Nemo enim ipsam voluptatem quia voluptas sit</li>
    </ul>
  </div>
  <div class="col-12 col-sm-6 col-md-6">
    <ul>
      <li>Vel illum qui dolorem eum fugiat quo voluptas</li>
      <li>Duis aute irure dolor in reprehenderit in volup</li>
      <li>Ut enim ad minima veniam, quis nostrum exercit</li>
    </ul>
  </div>
</div>
              

<div class="row list-style-2">
  <div class="col-12">
    <h5>List style - 2</h5>
  </div>
  <div class="col-12 col-sm-6 col-md-6">
    <ul>
      <li>Dolores eos qui ratione voluptatem sequi nesci</li>
      <li>Velit esse quam nihil moles tiae conseq uatur</li>
      <li>Totam rem aperiam, eaque ipsa quae ab illo inve</li>
      <li>Aolores eos qui ratione voluptatem sequi nesci</li>
    </ul>
  </div>
  <div class="col-12 col-sm-6 col-md-6">
    <ul>
      <li>Dolores eos qui ratione voluptatem sequi nesci</li>
      <li>Velit esse quam nihil moles tiae conseq uatur</li>
      <li>Totam rem aperiam, eaque ipsa quae ab illo inve</li>
      <li>Aolores eos qui ratione voluptatem sequi nesc</li>
    </ul>
  </div>
</div>
              

<div class="row list-style-3">
  <div class="col-12">
    <h5>List style - 3</h5>
  </div>
  <div class="col-12 col-sm-6 col-md-6">
    <ul>
      <li>Dolores eos qui ratione voluptatem sequi</li>
      <li>Dolores eos qui ratione voluptatem sequi</li>
      <li>Dolores eos qui ratione voluptatem sequi</li>
    </ul>
  </div>
  <div class="col-12 col-sm-6 col-md-6">
    <ul>
      <li>Dolores eos qui ratione voluptatem sequi</li>
      <li>Dolores eos qui ratione voluptatem sequi</li>
      <li>Dolores eos qui ratione voluptatem sequi</li>
    </ul>
  </div>
</div>