<div class="container">
  <div class="row">
    <div class="col-sm-4 col-sm-offset-0 col-md-3 col-md-offset-18">
      <div class="widget widget-block-news">
        <p class="widget-title h5">Blog news</p>
        <ul>
          <li><a href="#">
            <span class="news-img">
              <img src="/img/portfolio/small/1.jpg" alt="blog post 1">
            </span>
            <span class="news-text">
              <span>Donec elementum quis dolor consectetur adipiscing elit neque</span>
              <em class="block date">yesterday</em>
            </span>
          </a></li>
      
          <li><a href="#">
            <span class="news-img">
              <img src="/img/portfolio/small/2.jpg" alt="blog post 2">
            </span>
            <span class="news-text">
              <span>Montes aliquam venenatis lacus. Fusce tellus eros, pretium nec risus nec</span>
              <em class="block date">3 days ago</em>
            </span>
          </a></li>
      
          <li><a href="#">
            <span class="news-img">
              <img src="/img/portfolio/small/3.jpg" alt="blog post 3">
            </span>
            <span class="news-text">
              <span>Nullam nec volutpat felis, ac convallis tortor</span>
              <em class="block date">7 days ago</em>
            </span>
          </a></li>
      
          <li><a href="#">
            <span class="news-img">
              <img src="/img/portfolio/small/4.jpg" alt="blog post 4">
            </span>
            <span class="news-text">
              <span>Mauris efficitur porttitor lorem ut luctus</span>
              <em class="block date">month ago</em>
            </span>
          </a></li>
        </ul>
      </div>    </div>
    <div class="col-sm-4 col-sm-offset-0 col-md-3">
      <div class="widget widget-block-news widget-block-news-center">
        <p class="widget-title h5">Blog feed</p>
        <ul>
          <li><a href="#">
            <span class="news-img">
              <img src="/img/portfolio/small/1.jpg" alt="blog post 1">
            </span>
            <span class="news-text">
              <span>Donec elementum quis dolor consectetur adipiscing elit neque</span>
              <em class="block date">yesterday</em>
            </span>
          </a></li>
      
          <li><a href="#">
            <span class="news-img">
              <img src="/img/portfolio/small/2.jpg" alt="blog post 2">
            </span>
            <span class="news-text">
              <span>Montes aliquam venenatis lacus. Fusce tellus eros, pretium nec risus nec</span>
              <em class="block date">3 days ago</em>
            </span>
          </a></li>
      
          <li><a href="#">
            <span class="news-img">
              <img src="/img/portfolio/small/3.jpg" alt="blog post 3">
            </span>
            <span class="news-text">
              <span>Nullam nec volutpat felis, ac convallis tortor</span>
              <em class="block date">7 days ago</em>
            </span>
          </a></li>
      
          <li><a href="#">
            <span class="news-img">
              <img src="/img/portfolio/small/4.jpg" alt="blog post 4">
            </span>
            <span class="news-text">
              <span>Mauris efficitur porttitor lorem ut luctus</span>
              <em class="block date">month ago</em>
            </span>
          </a></li>
        </ul>
      </div>    </div>
    <div class="col-sm-4 col-sm-offset-0 col-md-3">
      <div class="widget widget-block-news widget-block-news-alt">
        <p class="widget-title h5">Recent blog posts</p>
        <ul>
          <li><a href="#">
            <span class="news-img">
              <img src="/img/portfolio/small/1.jpg" alt="blog post 1">
            </span>
            <span class="news-text">
              <span>Donec elementum quis dolor consectetur adipiscing elit neque</span>
              <em class="block date">yesterday</em>
            </span>
          </a></li>
      
          <li><a href="#">
            <span class="news-img">
              <img src="/img/portfolio/small/2.jpg" alt="blog post 2">
            </span>
            <span class="news-text">
              <span>Montes aliquam venenatis lacus. Fusce tellus eros, pretium nec risus nec</span>
              <em class="block date">3 days ago</em>
            </span>
          </a></li>
      
          <li><a href="#">
            <span class="news-img">
              <img src="/img/portfolio/small/3.jpg" alt="blog post 3">
            </span>
            <span class="news-text">
              <span>Nullam nec volutpat felis, ac convallis tortor</span>
              <em class="block date">7 days ago</em>
            </span>
          </a></li>
      
          <li><a href="#">
            <span class="news-img">
              <img src="/img/portfolio/small/4.jpg" alt="blog post 4">
            </span>
            <span class="news-text">
              <span>Mauris efficitur porttitor lorem ut luctus</span>
              <em class="block date">month ago</em>
            </span>
          </a></li>
        </ul>
      </div>    </div>
  </div>
</div>