Modals 05

            
<div class="container mx-auto items-center text-center">
<div class="rounded-lg shadow-lg w-full max-w-xl text-gray-600 relative">
  <div class="border-b border-gray-300 px-6 py-3 relative flex space-x-2 items-center">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-5">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
    </svg>
    <span class="text-lg font-semibold text-gray-700">Something went wrong</span>
    <button class="w-5 h-5 absolute top-4 right-3">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
        <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
      </svg>
    </button>
  </div>

  <div class="pt-3 pb-6 px-6 text-gray-500">
    <p class="block mt-2 font-semibold text-sm">Ulysses, Ulysses — Soaring through all the galaxies. In search of Earth, flying in to the night. Ulysses, Ulysses — Fighting evil and tyranny, with all his power, and with all of his might. </p>
    <a href="#" class="font-semibold text-sm mt-4 inline-block">Close</a>
  </div>
</div>
</div>