CTA 18

            
<div class="bg-gray-50 text-gray-600 px-6 lg:px-8 py-12 lg:pb-20">
  <div class="max-w-screen-lg mx-auto grid grid-cols-2 gap-x-8 lg:gap-x-12 ">
    <div class="col-span-2 md:col-span-1 mb-8 md:mb-0 ">
      <img src="http://demo-assets.uibak.com/themesdev/placeholder-square.svg"class="w-full" alt="User Image">
    </div>
    <div class="col-span-2 md:col-span-1 self-center max-w-2xl text-lg text-gray-600">
      <h2 class="text-2xl sm:text-3xl md:text-4xl text-gray-700 font-medium">Deep integration, more data</h2>
      <div class="text-lg mb-12">
        <p class="mt-6">Everyone realizes why a new common language would be desirable: one could refuse to pay
          expensive translators. To achieve this, it would be necessary to have uniform grammar</p>
      </div>
      <div class="grid grid-cols-1 md:grid-cols-2 gap-8 xl:gap-y-12 ">
        <div class="flex space-x-4">
          <div class="w-16 bg-gray-200 rounded-full p-4 mb-4 mx-auto flex-shrink-0">
            <svg class="h-8 w-8" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
              <path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path>
            </svg>
          </div>
          <div class="flex-1">
            <span class="font-semibold block text-base md:text-lg mb-1 ">Facebook</span>
            <a href="#">Lean more</a>
          </div>
        </div>
        <div class="flex space-x-4">
          <div class="w-16 bg-gray-200 rounded-full p-4 mb-4 mx-auto flex-shrink-0">
            <svg class="h-8 w-8" aria-hidden="true" fill="currentColor" viewBox="0 0 24 24">
              <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path>
            </svg>
          </div>
          <div class="flex-1">
            <span class="font-semibold block text-base md:text-lg mb-1 ">Twitter</span>
            <a href="#">Lean more</a>
          </div>
        </div>
      </div>
      <div class="text-lg mt-6 font-semibold">
        <a href="#">View all integrations »</a>
      </div>
    </div>
  </div>
</div>