HTML

  
    
      <!-- ====== Cards Section Start -->
      <div class="-ud-mx-4 lc jg">
        <div class="yd vt/2 vv/3 rl">
          <div class="eb nh rh ni bj wr nj xr">
            <img
              src="https://cdn.tailgrids.com/2.0/image/application/images/cards/card-01/image-01.jpg"
              alt="image"
              class="yd"
            />
            <div
              class="wk hn bt eu _v"
            >
              <h3>
                <a
                  href="#"
                  class="zn gs zq kb jc on tn lt ju pv ew 2xl:ud-text-[22px]"
                >
                  50+ Best creative website themes & templates
                </a>
              </h3>
              <p class="ib xn">
                Lorem ipsum dolor sit amet pretium consectetur
                adipiscing elit. Lorem consectetur adipiscing elit.
              </p>
              <a
                href="#"
                class="oq qq kc th ni qw wr ol fl un xo _q"
              >
                View Details
              </a>
            </div>
          </div>
        </div>
        <div class="yd vt/2 vv/3 rl">
          <div class="eb nh rh ni bj wr nj xr">
            <img
              src="https://cdn.tailgrids.com/2.0/image/application/images/cards/card-01/image-02.jpg"
              alt="image"
              class="yd"
            />
            <div
              class="wk hn bt eu _v"
            >
              <h3>
                <a
                  href="#"
                  class="zn gs zq kb jc on tn lt ju pv ew 2xl:ud-text-[22px]"
                >
                  The ultimate UX and UI guide to card design
                </a>
              </h3>
              <p class="ib xn">
                Lorem ipsum dolor sit amet pretium consectetur
                adipiscing elit. Lorem consectetur adipiscing elit.
              </p>
              <a
                href="#"
                class="oq qq kc th ni qw wr ol fl un xo _q"
              >
                View Details
              </a>
            </div>
          </div>
        </div>
        <div class="yd vt/2 vv/3 rl">
          <div class="eb nh rh ni bj wr nj xr">
            <img
              src="https://cdn.tailgrids.com/2.0/image/application/images/cards/card-01/image-03.jpg"
              alt="image"
              class="yd"
            />
            <div
              class="wk hn bt eu _v"
            >
              <h3>
                <a
                  href="#"
                  class="zn gs zq kb jc on tn lt ju pv ew 2xl:ud-text-[22px]"
                >
                  Creative Card Component designs graphic elements
                </a>
              </h3>
              <p class="ib xn">
                Lorem ipsum dolor sit amet pretium consectetur
                adipiscing elit. Lorem consectetur adipiscing elit.
              </p>
              <a
                href="#"
                class="oq qq kc th ni qw wr ol fl un xo _q"
              >
                View Details
              </a>
            </div>
          </div>
        </div>
      </div>
      <!-- ====== Cards Section End -->