              </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <!-- main contents -->
          <div class="col-span-12 md:col-span-8 lg:col-span-9 order-1 md:order-2">
            <div>
              <img
                src="https://cdn.easyfrontend.com/pictures/blog/blog_13_3.jpg"
                alt=""
                class="max-h-[600px] w-full rounded-md object-cover"
              />
              <p class="opacity-75 leading-rela