<div class="background-gradient">
  <section class="we-recommend ">
    <header>
      <span class="we-recommend-icon">  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="29.9 344.6 930.4 930.4" enable-background="new 29.9 344.6 930.4 930.4" xml:space="preserve">
<path d="M794.5,344.6H563.9h-64.7h-68.8H195.8l-165.9,267L495.1,1275l465.2-663.4L794.5,344.6z M762.1,409.3l109.2,165.9h-178
	l-93-165.9C600.3,409.3,762.1,409.3,762.1,409.3z M458.7,409.3h76.9l93,165.9h-267L458.7,409.3z M228.1,409.3h161.8l-93,169.9h-178
	L228.1,409.3z M118.9,643.9h174L394,1028.2L118.9,643.9z M361.6,643.9h267l-133.5,529.9L361.6,643.9z M596.2,1028.2l97.1-384.3h174
	L596.2,1028.2z"/>
</svg>
</span>
      <h2 class="we-recommend__title">We Recommend</h2>
    </header>

    <article class="we-recommend-item">
      <a href="#">
        <h3 class="we-recommend-item__quote">Americans who can't identify Ukraine on a map are most likely to want to intervene</h3>
        <span class="we-recommend-diamond"></span>
        <p class="we-recommend-item__title">Map: Where's Ukraine</p>
      </a>
      <a href="#">
        <p class="we-recommend-item__publication">The Monkey Cage</p>
      </a>
    </article>

    <article class="we-recommend-item">
      <a href="#">
        <h3 class="we-recommend-item__quote">Arundhati Roy reconsiders caste in India</h3>
        <span class="we-recommend-diamond"></span>
        <p class="we-recommend-item__title">The Doctor and the Saint</p>
      </a>
      <a href="#">
        <p class="we-recommend-item__publication">Caravan</p>
      </a>
    </article>

    <article class="we-recommend-item">
      <a href="#">
        <h3 class="we-recommend-item__quote">Germany's counterintelligence head reviews a new book on the NSA</h3>
        <span class="we-recommend-diamond"></span>
        <p class="we-recommend-item__title">Review: The NSA Complex</p>
      </a>
      <a href="#">
        <p class="we-recommend-item__publication">Spiegel Online</p>
      </a>
    </article>

  </section>
</div>