Section List

            
              <section class="section-list">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
      <div class="col-md-4">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
      <div class="col-md-4">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
    </div>
  </div>
</section>

            
          

            
              <section class="section-list">
  <div class="container">
    <div class="row">
      <div class="col-md-4 offset-md-2">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
      <div class="col-md-4">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
    </div>
  </div>
</section>
<div style="margin: 40px 0;"></div>
<section class="section-list">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
      <div class="col-md-4">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
      <div class="col-md-4">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
    </div>
  </div>
</section>

            
          

            
              <section class="section-list has-padding-s">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <ul>
          <li>Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
          </li>
          <li>Lorem ipsum dolor sit amet
          </li>
          <li>Lorem ipsum dolor sit amet
          </li>
        </ul>
      </div>
      <div class="col-md-4">
        <ul>
          <li>Lorem ipsum dolor sit amet
          </li>
          <li>Lorem ipsum dolor sit amet
          </li>
          <li>Lorem ipsum dolor sit amet
          </li>
        </ul>
      </div>
      <div class="col-md-4">
        <ul>
          <li>Lorem ipsum dolor sit amet
          </li>
          <li>Lorem ipsum dolor sit amet
          </li>
          <li>Lorem ipsum dolor sit amet
          </li>
        </ul>
      </div>
    </div>
  </div>
</section>
<div style="margin: 40px 0;"></div>
<section class="section-list has-padding-s">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <ol>
          <li>Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
          </li>
          <li>Lorem ipsum dolor sit amet
          </li>
          <li>Lorem ipsum dolor sit amet
          </li>
        </ol>
      </div>
      <div class="col-md-4">
        <ol>
          <li>Lorem ipsum dolor sit amet
          </li>
          <li>Lorem ipsum dolor sit amet
          </li>
          <li>Lorem ipsum dolor sit amet
          </li>
        </ol>
      </div>
      <div class="col-md-4">
        <ol>
          <li>Lorem ipsum dolor sit amet
          </li>
          <li>Lorem ipsum dolor sit amet
          </li>
          <li>Lorem ipsum dolor sit amet
          </li>
        </ol>
      </div>
    </div>
  </div>
</section>
<div style="margin: 40px 0;"></div>
<section class="section-list has-padding-s">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <ul class="is-custom">
          <li>
            <div class="is-custom__icon">
              <svg class="icon" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check"></use></svg>
            </div>Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
          </li>
          <li>
            <div class="is-custom__icon">
              <svg class="icon" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check"></use></svg>
            </div>Lorem ipsum dolor sit amet
          </li>
          <li>
            <div class="is-custom__icon">
              <svg class="icon" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check"></use></svg>
            </div>Lorem ipsum dolor sit amet
          </li>
        </ul>
      </div>
      <div class="col-md-4">
        <ul class="is-custom">
          <li>
            <div class="is-custom__icon">
              <svg class="icon" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check"></use></svg>
            </div>Lorem ipsum dolor sit amet
          </li>
          <li>
            <div class="is-custom__icon">
              <svg class="icon" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check"></use></svg>
            </div>Lorem ipsum dolor sit amet
          </li>
          <li>
            <div class="is-custom__icon">
              <svg class="icon" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check"></use></svg>
            </div>Lorem ipsum dolor sit amet
          </li>
        </ul>
      </div>
      <div class="col-md-4">
        <ul class="is-custom">
          <li>
            <div class="is-custom__icon">
              <svg class="icon" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check"></use></svg>
            </div>Lorem ipsum dolor sit amet
          </li>
          <li>
            <div class="is-custom__icon">
              <svg class="icon" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check"></use></svg>
            </div>Lorem ipsum dolor sit amet
          </li>
          <li>
            <div class="is-custom__icon">
              <svg class="icon" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#check"></use></svg>
            </div>Lorem ipsum dolor sit amet
          </li>
        </ul>
      </div>
    </div>
  </div>
</section>

            
          

            
              <section class="section-list has-color-blue has-padding-s">
  <div class="container">
    <div class="row">
      <div class="col-md-4 offset-md-2">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
      <div class="col-md-4">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
    </div>
  </div>
</section>
<div style="margin: 40px 0;"></div>
<section class="section-list has-color-blue has-padding-m">
  <div class="container">
    <div class="row">
      <div class="col-md-4 offset-md-2">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
      <div class="col-md-4">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
    </div>
  </div>
</section>
<div style="margin: 40px 0;"></div>
<section class="section-list has-color-blue has-padding-l">
  <div class="container">
    <div class="row">
      <div class="col-md-4 offset-md-2">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
      <div class="col-md-4">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
    </div>
  </div>
</section>
<div style="margin: 40px 0;"></div>

            
          

            
              <section class="section-list has-color-blue has-padding-m">
  <div class="container">
    <div class="row">
      <div class="col-md-4 offset-md-2">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
      <div class="col-md-4">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
    </div>
  </div>
</section>
<div style="margin: 40px 0;"></div>
<section class="section-list has-color-grey has-padding-m">
  <div class="container">
    <div class="row">
      <div class="col-md-4 offset-md-2">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
      <div class="col-md-4">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
    </div>
  </div>
</section>
<div style="margin: 40px 0;"></div>
<section class="section-list has-color-orange has-padding-m">
  <div class="container">
    <div class="row">
      <div class="col-md-4 offset-md-2">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
      <div class="col-md-4">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
    </div>
  </div>
</section>

            
          

            
              <section class="section-list">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
      <div class="col-md-4">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
      <div class="col-md-4">
        <ul>
          <li>Lorem
          </li>
          <li>Ipsum
          </li>
          <li>Dolor
          </li>
        </ul>
      </div>
    </div>
  </div>
</section>