.mod-example
  .mod-text-section
    .text-section-inner
      h2.text-section-title.line Maecenas ullamcorper turpis quis elit
      .text-section-block
        h3.text-section-subtitle Suspendisse id felis nulla
        p.text-section-paragraph
          | Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam mollis turpis eget mattis congue. Fusce vitae turpis quis mauris maximus tincidunt vel sit amet nibh. Nunc tincidunt velit laoreet nulla consectetur, sit amet ultrices neque rhoncus. Ut sit amet nunc nec risus condimentum volutpat. Nulla vitae ultricies turpis. Etiam nec enim auctor, fringilla turpis et, congue dui. Donec finibus convallis leo vitae consectetur.
      .text-section-block
        h3.text-section-subtitle Pellentesque habitant morbi tristique
        p.text-section-paragraph
          | Nam metus massa, tempor vel tortor et, pretium vestibulum libero. Phasellus id nulla convallis, faucibus magna sit amet, tempus arcu. Nunc ornare ornare nunc, nec efficitur tortor. Sed non diam id purus placerat convallis sit amet vitae nulla. Phasellus nisi est, posuere ut elit id, lobortis molestie est. Sed lobortis et quam at rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed iaculis ante quis enim commodo, eget lacinia erat convallis. Donec lobortis dui eget lectus placerat pretium nec quis erat. Mauris tristique efficitur enim, eu scelerisque ante dignissim sit amet.

.mod-example
  .mod-text-section
    .text-section-inner
      h2.text-section-title.line Maecenas ullamcorper turpis quis elit
      .text-section-block
          .text-section-img
            img src='holder.js/300px200'
          h3.text-section-subtitle Suspendisse id felis nulla
          p.text-section-paragraph
            | Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam mollis turpis eget mattis congue. Fusce vitae turpis quis mauris maximus tincidunt vel sit amet nibh. Nunc tincidunt velit laoreet nulla consectetur, sit amet ultrices neque rhoncus. Ut sit amet nunc nec risus condimentum volutpat. Nulla vitae ultricies turpis. Etiam nec enim auctor, fringilla turpis et, congue dui. Donec finibus convallis leo vitae consectetur.
      .text-section-block
        .text-section-img.right
          img src='holder.js/300px200'
        h3.text-section-subtitle Pellentesque habitant morbi tristique
        p.text-section-paragraph
          | Nam metus massa, tempor vel tortor et, pretium vestibulum libero. Phasellus id nulla convallis, faucibus magna sit amet, tempus arcu. Nunc ornare ornare nunc, nec efficitur tortor. Sed non diam id purus placerat convallis sit amet vitae nulla. Phasellus nisi est, posuere ut elit id, lobortis molestie est. Sed lobortis et quam at rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed iaculis ante quis enim commodo, eget lacinia erat convallis. Donec lobortis dui eget lectus placerat pretium nec quis erat. Mauris tristique efficitur enim,  eu scelerisque ante dignissim sit amet.

.mod-example
  .mod-text-section
    .text-section-inner
      h2.text-section-title.line Maecenas ullamcorper turpis quis elit
      .text-section-block
        .text-section-img
          img src='holder.js/300px200'
        h3.text-section-subtitle Suspendisse id felis nulla
        ul.mod-icon-list
          li.icon-checkmark Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
          li.icon-checkmark Nullam mollis turpis eget mattis congue.
          li.i-delete Fusce vitae turpis quis mauris maximus tincidunt vel sit amet nibh.
          li.i-delete Nam metus massa, tempor vel tortor et, pretium vestibulum libero. Phasellus id nulla convallis, faucibus magna sit amet, tempus arcu.
          li.icon-tangerine-circle Nunc ornare ornare nunc, nec efficitur tortor. Sed non diam id purus placerat convallis sit amet vitae nulla.
          li.icon-turquoise-circle Donec lobortis dui eget lectus placerat pretium nec quis erat. Mauris tristique efficitur enim,  eu scelerisque ante dignissim sit amet.
      .text-section-block
        .text-section-img.right
          img src='holder.js/300px200'
        h3.text-section-subtitle Pellentesque habitant morbi tristique
        ul.mod-simple-list
          li Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
          li Nullam mollis turpis eget mattis congue.
          li Fusce vitae turpis quis mauris maximus tincidunt vel sit amet nibh.
          li Nam metus massa, tempor vel tortor et, pretium vestibulum libero. Phasellus id nulla convallis, faucibus magna sit amet, tempus arcu.
          li Nunc ornare ornare nunc, nec efficitur tortor. Sed non diam id purus placerat convallis sit amet vitae nulla.