<div class="container mx-auto mt-5">
  <div class="flex flex-row flex-wrap justify-around">
    <div class="basis-1/5">
      <img class="pb-3" src="http://placekitten.com/g/317/88">
      <div class="pb-3" itemscope itemtype="https://schema.org/PostalAddress">
        <span itemprop="name">Google Inc.</span><br>
        P.O. Box <span itemprop="postOfficeBoxNumber">1234</span><br>
        <span itemprop="addressLocality">Mountain View</span>,
        <span itemprop="addressRegion">CA</span><br>
        <span itemprop="postalCode">94043</span>
      </div>
      <a href="tel://555">555.555.5555</a><br>
      <a href="tel://555">555.555.5555</a>
    </div> <!-- end flex item -->
    <div class="basis-1/5">
      <h2 class="font-bold uppercase mb-3" style="color:#2638c4;">Title</h2>
      <a class="block pb-2" href="#">Lorem ipsum dolor</a>
      <a class="block pb-2" href="#">Lorem ipsum dolor</a>
      <a class="block pb-2" href="#">Lorem ipsum dolor</a>
      <a class="block pb-2" href="#">Lorem ipsum dolor</a>
      <a class="block pb-2" href="#">Lorem ipsum dolor</a>
      <a class="block pb-2" href="#">Lorem ipsum dolor</a>
    </div> <!-- end flex item -->
    <div class="basis-1/5">
      <h2 class="font-bold uppercase mb-3" style="color:#2638c4;">Title</h2>
      <a class="block pb-2" href="#">Lorem ipsum dolor</a>
      <a class="block pb-2" href="#">Lorem ipsum dolor</a>
      <a class="block pb-2" href="#">Lorem ipsum dolor</a>
      <a class="block pb-2" href="#">Lorem ipsum dolor</a>
    </div> <!-- end flex item -->
    <div class="basis-2/5">
      <h2 class="font-bold uppercase mb-3" style="color:#2638c4;">Title</h2>
      <div class="mb-5 h-14 clear"><a href="#"><img class="self-center w-15 h-15 rounded-full float-left px-1" src="http://placekitten.com/g/50/50"></a> <a href="#"><img class="self-center w-15 h-15 rounded-full float-left px-1" src="http://placekitten.com/g/50/50"></a> <a href="#"><img class="self-center w-15 h-15 rounded-full float-left px-1" src="http://placekitten.com/g/50/50"></a> <a href="#"><img class="self-center w-15 h-15 rounded-full float-left px-1" src="http://placekitten.com/g/50/50"></a> <a href="#"><img class="self-center w-15 h-15 rounded-full float-left px-1" src="http://placekitten.com/g/50/50"></a></div>
      <a class="block pb-2" href="#">Lorem ipsum dolor</a>
      <a class="block pb-2" href="#">Lorem ipsum dolor</a>
      <a class="block pb-2" href="#">Lorem ipsum dolor</a>
      <a class="block pb-2" href="#">Lorem ipsum dolor</a>
    </div> <!-- end flex item -->
  </div>
</div> <!-- end flex row -->
<div class="flex flex-row flex-wrap text-white h-14 justify-center items-center" style="background: #2638c4;">
  link | link | Copyright
</div> <!-- end second flex row -->
</div> <!-- end container -->