Initial contents of index.html.heex at live/home_live/index.html.heex

index.html.heex

<div class="mt-5 grid grid-cols-4 gap-x-6 gap-y-10" id="rooms-list">
  <div class="bg-white flex flex-col justify-between">
    <a href="">
      <div>
        <img
          src="/images/1.webp"
          class="rounded-lg shadow-lg object-none object-center w-80 h-80"
        />
        <h1 class="pt-3 font-bold text-gray-700 line-clamp-2">
          Beautiful One Bedroom Apartment Near Skytrain
        </h1>
      </div>

      <div class="mt-2 text-sm text-gray-600">
        Bangtok &bull; Thailand
        <div class="font-bold text-gray-700">
          €72 <span class="font-normal">night</span>
        </div>
      </div>
    </a>
  </div>

  <div class="bg-white flex flex-col justify-between">
    <a href="">
      <div>
        <img
          src="/images/2.webp"
          class="rounded-lg shadow-lg object-none object-center w-80 h-80"
        />
        <h1 class="pt-3 font-bold text-gray-700 line-clamp-2">
          Small room at home
        </h1>
      </div>

      <div class="mt-2 text-sm text-gray-600">
        Kuala Lumpur &bull; Malaysia
        <div class="font-bold text-gray-700">
          €72 <span class="font-normal">night</span>
        </div>
      </div>
    </a>
  </div>

  <div class="bg-white flex flex-col justify-between">
    <a href="">
      <div>
        <img
          src="/images/3.webp"
          class="rounded-lg shadow-lg object-none object-center w-80 h-80"
        />
        <h1 class="pt-3 font-bold text-gray-700 line-clamp-2">
          Newley refurbished room - close to London Bridge
        </h1>
      </div>

      <div class="mt-2 text-sm text-gray-600">
        London &bull; United Kingdom
        <div class="font-bold text-gray-700">
          €72 <span class="font-normal">night</span>
        </div>
      </div>
    </a>
  </div>

  <div class="bg-white flex flex-col justify-between">
    <a href="">
      <div>
        <img
          src="/images/4.webp"
          class="rounded-lg shadow-lg object-none object-center w-80 h-80"
        />
        <h1 class="pt-3 font-bold text-gray-700 line-clamp-2">
          Clean single bedroom 2 minutes from Stockwell Tube
        </h1>
      </div>

      <div class="mt-2 text-sm text-gray-600">
        Dubai &bull; United Arab Emirates
        <div class="font-bold text-gray-700">
          €72 <span class="font-normal">night</span>
        </div>
      </div>
    </a>
  </div>
</div>