<section class="py-5 mb-4">
    <div class="fui-container px-1">
      <div class="row">

        <!-- fui-card bg-primary text-white -->
        <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
          <div class="fui-card mb-2">
            <div class="fui-card-body block-1">
              <h3 class="fui-card-title h4 weight-600">John Doe</h3>
              <p class="fui-card-text text-muted">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusantium nobis neque similique pariatur hic necessitatibus.</p>
            </div>
          </div>
        </div>

        <!-- fui-card bg-primary text-white -->
        <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
          <div class="fui-card mb-2">
            <div class="fui-card-body block-2">
             <h3 class="fui-card-title h4 weight-600">John Doe</h3>
              <p class="fui-card-text text-muted">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusantium nobis neque similique pariatur hic necessitatibus.</p>
            </div>
          </div>
        </div>

        <!-- fui-card bg-primary text-white -->
        <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
          <div class="fui-card mb-2">
            <div class="fui-card-body block-3">
              <h3 class="fui-card-title h4 weight-600">John Doe</h3>
              <p class="fui-card-text text-muted">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusantium nobis neque similique pariatur hic necessitatibus.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="py-5 mb-4">
    <div class="fui-container px-1">
      <div class="row text-center">

        <!-- fui-card bg-primary text-white -->
        <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
          <div class="fui-card mb-2">
            <div class="fui-card-body py-4 block-1">
              <h3 class="fui-card-title h4 weight-600">John Doe</h3>
              <p class="fui-card-text text-muted">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusantium
                nobis neque similique pariatur hic necessitatibus.</p>
            </div>
          </div>
        </div>

        <!-- fui-card bg-primary text-white -->
        <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
          <div class="fui-card mb-2">
            <div class="fui-card-body py-4 block-2">
              <h3 class="fui-card-title h4 weight-600">John Doe</h3>
              <p class="fui-card-text text-muted">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusantium
                nobis neque similique pariatur hic necessitatibus.</p>
            </div>
          </div>
        </div>

        <!-- fui-card bg-primary text-white -->
        <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4">
          <div class="fui-card mb-2">
            <div class="fui-card-body py-4 block-3">
              <h3 class="fui-card-title h4 weight-600">John Doe</h3>
              <p class="fui-card-text text-muted">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusantium
                nobis neque similique pariatur hic necessitatibus.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="py-5 mb-4">
    <div class="fui-container px-1">
      <div class="row text-center">

        <!-- fui-card bg-primary text-white -->
        <div class="col-12 col-sm-6 col-md-6">
          <div class="fui-card mb-2">
            <div class="fui-card-body py-4 block-1">
              <h3 class="fui-card-title h4 weight-600">John Doe</h3>
              <p class="fui-card-text text-muted">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusantium
                nobis neque similique pariatur hic necessitatibus.</p>
            </div>
          </div>
        </div>

        <!-- fui-card bg-primary text-white -->
        <div class="col-12 col-sm-6 col-md-6">
          <div class="fui-card mb-2">
            <div class="fui-card-body py-4 block-2">
              <h3 class="fui-card-title h4 weight-600">John Doe</h3>
              <p class="fui-card-text text-muted">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Accusantium
                nobis neque similique pariatur hic necessitatibus.</p>
            </div>
          </div>
        </div>

        
      </div>
    </div>
  </section>