Section Masonry

            
              <section class="section-masonry section-masonry--umpteen has-padding-m">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="section-masonry__body">
          <div class="card section-masonry__item section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamc-motion-control-sales2.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-3d-printer_2.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-ceo.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-people.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-e-bike.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

            
          

            
              <section class="section-masonry section-masonry--umpteen has-padding-m has-color-blue">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="section-masonry__body">
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamc-motion-control-sales2.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-3d-printer_2.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-ceo.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-people.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-e-bike.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<div style="margin: 40px 0;"></div>
<section class="section-masonry section-masonry--umpteen has-padding-m has-color-grey">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="section-masonry__body">
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamc-motion-control-sales2.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-3d-printer_2.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-ceo.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-people.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-e-bike.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<div style="margin: 40px 0;"></div>
<section class="section-masonry section-masonry--umpteen has-padding-m has-color-orange">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="section-masonry__body">
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamc-motion-control-sales2.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-3d-printer_2.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-ceo.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-people.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-e-bike.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

            
          

            
              <section class="section-masonry section-masonry--umpteen has-padding-s has-color-blue">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="section-masonry__body">
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamc-motion-control-sales2.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p><a href="button-link" class="btn btn-link btn--icon-right"><span>Link</span> <svg class="icon" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#angle-right"></use></svg></a>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-3d-printer_2.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p><a href="button-link" class="btn btn-link btn--icon-right"><span>Link</span> <svg class="icon" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#angle-right"></use></svg></a>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-ceo.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p><a href="button-link" class="btn btn-link btn--icon-right"><span>Link</span> <svg class="icon" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#angle-right"></use></svg></a>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-people.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p><a href="button-link" class="btn btn-link btn--icon-right"><span>Link</span> <svg class="icon" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#angle-right"></use></svg></a>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-e-bike.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p><a href="button-link" class="btn btn-link btn--icon-right"><span>Link</span> <svg class="icon" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#angle-right"></use></svg></a>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p><a href="button-link" class="btn btn-link btn--icon-right"><span>Link</span> <svg class="icon" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#angle-right"></use></svg></a>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p><a href="button-link" class="btn btn-link btn--icon-right"><span>Link</span> <svg class="icon" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#angle-right"></use></svg></a>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p><a href="button-link" class="btn btn-link btn--icon-right"><span>Link</span> <svg class="icon" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#angle-right"></use></svg></a>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p><a href="button-link" class="btn btn-link btn--icon-right"><span>Link</span> <svg class="icon" viewbox="0 0 32 32">
              <use xlink:href="/assets/katana-components/svg/sprite.symbol.svg#angle-right"></use></svg></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

            
          

            
              <section class="section-masonry section-masonry--umpteen has-padding-s has-color-blue">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="section-masonry__body">
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamc-motion-control-sales2.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-3d-printer_2.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-ceo.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-people.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-e-bike.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<div style="margin: 40px 0;"></div>
<section class="section-masonry section-masonry--umpteen has-padding-m has-color-blue">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="section-masonry__body">
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamc-motion-control-sales2.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-3d-printer_2.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-ceo.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-people.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-e-bike.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<div style="margin: 40px 0;"></div>
<section class="section-masonry section-masonry--umpteen has-padding-l has-color-blue">
  <div class="container">
    <div class="row">
      <div class="col-12">
        <div class="section-masonry__body">
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamc-motion-control-sales2.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-3d-printer_2.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-ceo.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-people.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-e-bike.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
          <div class="card section-masonry__item card--type-a">
            <div class="card-image">
              <img class="card-img" src="/images/_masonry/trinamic-motion-control-education.jpg" alt="">
            </div>
            <div class="card-block">
              <h4 class="card-title">
                Card-Title
              </h4>
              <p class="card-text">
                This card has supporting text below as a natural lead-in to additional content.
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>