Code Examples
            
            
<div class="py-10">
            <div class="mb-10 overflow-hidden ">
              <div class="mx-auto max-w-screen-xl px-3 pt-20">
                <div
                  
                  class="grid grid-cols-12 gap-4"
                >
                  <div class="col-span-12 lg:col-span-6">
                    <div
                      
                      class="text-4xl font-bold text-black lg:text-5xl dark:text-white"
                    >
                      Flexible
                    </div>
                    <div
                      
                      class="text-4xl font-bold text-black lg:text-5xl dark:text-white"
                    >
                      Creative and better
                    </div>
                    <div
                      
                      class="text-4xl font-bold text-black lg:text-5xl dark:text-white"
                    >
                      Platform
                    </div>
                  </div>
                  <div class="col-span-12 flex items-center lg:col-span-6">
                    <div class=" pt-5 lg:pt-0">
                      <div  class=" mb-2">
                        <span class="text-2xl font-semibold text-black  dark:text-white">
                          WE WORK IT
                        </span>
                      </div>
                      <div
                        
                        class="text-sm font-light text-gray-500"
                      >
                        지제이웍스만의 방법으로 디지털 플랫폼을 구축하고 최상의
                        디지털 경험을 느낄 수 있도록 최선을 다 하고 있습니다.
                      </div>
                    </div>
                  </div>
                  <div class="col-span-12 flex justify-center pt-12">
                    <div class="flex justify-center items-center gap-8 py-6">
                      <div class="relative group flex w-[360px] h-[512px] rounded-2xl bg-gray-100 hover:bg-gray-200 dark:bg-dark-900 dark:hover:bg-dark-700 p-5 transition-all hover:-translate-y-4 duration-300 border border-gray-200 dark:border-dark-700 cursor-pointer overflow-hidden">
                        <div class="absolute inset-0 group-hover:scale-110 group-hover:duration-500 duration-500"></div>
                      </div>
                      <div class="relative group flex w-[360px] h-[512px] rounded-2xl bg-gray-100 hover:bg-gray-200 dark:bg-dark-900 dark:hover:bg-dark-700 p-5 transition-all hover:-translate-y-4 duration-300 border border-gray-200 dark:border-dark-700 cursor-pointer overflow-hidden">
                        <div class="absolute inset-0 group-hover:scale-110 group-hover:duration-500 duration-500"></div>
                      </div>
                      <div class="relative group flex w-[360px] h-[512px] rounded-2xl bg-gray-100 hover:bg-gray-200 dark:bg-dark-900 dark:hover:bg-dark-700 p-5 transition-all hover:-translate-y-4 duration-300 border border-gray-200 dark:border-dark-700 cursor-pointer overflow-hidden">
                        <div class="absolute inset-0 group-hover:scale-110 group-hover:duration-500 duration-500"></div>
                      </div>
                      <div class="relative group flex w-[360px] h-[512px] rounded-2xl bg-gray-100 hover:bg-gray-200 dark:bg-dark-900 dark:hover:bg-dark-700 p-5 transition-all hover:-translate-y-4 duration-300 border border-gray-200 dark:border-dark-700 cursor-pointer overflow-hidden">
                        <div class="absolute inset-0 group-hover:scale-110 group-hover:duration-500 duration-500"></div>
                      </div>
                      <div class="relative group flex w-[360px] h-[512px] rounded-2xl bg-gray-100 hover:bg-gray-200 dark:bg-dark-900 dark:hover:bg-dark-700 p-5 transition-all hover:-translate-y-4 duration-300 border border-gray-200 dark:border-dark-700 cursor-pointer overflow-hidden">
                        <div class="absolute inset-0 group-hover:scale-110 group-hover:duration-500 duration-500"></div>
                      </div>
                      <div class="relative group flex w-[360px] h-[512px] rounded-2xl bg-gray-100 hover:bg-gray-200 dark:bg-dark-900 dark:hover:bg-dark-700 p-5 transition-all hover:-translate-y-4 duration-300 border border-gray-200 dark:border-dark-700 cursor-pointer overflow-hidden">
                        <div class="absolute inset-0 group-hover:scale-110 group-hover:duration-500 duration-500"></div>
                      </div>
                      <div class="relative group flex w-[360px] h-[512px] rounded-2xl bg-gray-100 hover:bg-gray-200 dark:bg-dark-900 dark:hover:bg-dark-700 p-5 transition-all hover:-translate-y-4 duration-300 border border-gray-200 dark:border-dark-700 cursor-pointer overflow-hidden">
                        <div class="absolute inset-0 group-hover:scale-110 group-hover:duration-500 duration-500"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>