#37 tshirts page codeswear.com, codeswear.in harry bhai codewithharry@ next js course
import React from 'react'
import Link from 'next/link'
const Tshirts = () => {
return (
<div>
<section className="text-gray-600 body-font">
<div className="container px-5 py-24 mx-auto">
<div className="flex flex-wrap -m-4">
<Link href={'/product/wear-the-code'}><div className="lg:w-1/5 md:w-1/2 p-4 w-full cursor-pointer shadow-lg m-5 ">
<a className="block relative rounded overflow-hidden">
<img alt="ecommerce" className="m-auto md:mx-0 h-[30vh] md:h-[36vh] block " src="https://m.media-amazon.com/images/I/616C7eUWKAL._AC_UL480_FMwebp_QL65_.jpg" />
</a>
<div className="mt-4 text-center md:text-left">
<h3 className="text-gray-500 text-xs tracking-widest title-font mb-1">T-shirts</h3>
<h2 className="text-gray-900 title-font text-lg font-medium">Wear the code</h2>
<p className="mt-1">₹499</p>
<p className="mt-1">S, M, L, XL, XXL</p>
</div>
</div>
</Link>
<Link href={'/product/wear-the-code'}><div className="lg:w-1/5 md:w-1/2 p-4 w-full cursor-pointer shadow-lg m-5">
<a className="block relative rounded overflow-hidden">
<img alt="ecommerce" className="m-auto md:mx-0 h-[30vh] md:h-[36vh] block" src="https://m.media-amazon.com/images/I/616C7eUWKAL._AC_UL480_FMwebp_QL65_.jpg" />
</a>
<div className="mt-4 text-center md:text-left">
<h3 className="text-gray-500 text-xs tracking-widest title-font mb-1">T-shirts</h3>
<h2 className="text-gray-900 title-font text-lg font-medium">Wear the code</h2>
<p className="mt-1">₹499</p>
<p className="mt-1">S, M, L, XL, XXL</p>
</div>
</div>
</Link>
<Link href={'/product/wear-the-code'}><div className="lg:w-1/5 md:w-1/2 p-4 w-full cursor-pointer shadow-lg m-5">
<a className="block relative rounded overflow-hidden">
<img alt="ecommerce" className="m-auto md:mx-0 h-[30vh] md:h-[36vh] block" src="https://m.media-amazon.com/images/I/616C7eUWKAL._AC_UL480_FMwebp_QL65_.jpg" />
</a>
<div className="mt-4 text-center md:text-left">
<h3 className="text-gray-500 text-xs tracking-widest title-font mb-1">T-shirts</h3>
<h2 className="text-gray-900 title-font text-lg font-medium">Wear the code</h2>
<p className="mt-1">₹499</p>
<p className="mt-1">S, M, L, XL, XXL</p>
</div>
</div>
</Link>
<Link href={'/product/wear-the-code'}><div className="lg:w-1/5 md:w-1/2 p-4 w-full cursor-pointer shadow-lg m-5">
<a className="block relative rounded overflow-hidden">
<img alt="ecommerce" className="m-auto md:mx-0 h-[30vh] md:h-[36vh] block" src="https://m.media-amazon.com/images/I/616C7eUWKAL._AC_UL480_FMwebp_QL65_.jpg" />
</a>
<div className="mt-4 text-center md:text-left">
<h3 className="text-gray-500 text-xs tracking-widest title-font mb-1">T-shirts</h3>
<h2 className="text-gray-900 title-font text-lg font-medium">Wear the code</h2>
<p className="mt-1">₹499</p>
<p className="mt-1">S, M, L, XL, XXL</p>
</div>
</div>
</Link>
<Link href={'/product/wear-the-code'}><div className="lg:w-1/5 md:w-1/2 p-4 w-full cursor-pointer shadow-lg m-5">
<a className="block relative rounded overflow-hidden">
<img alt="ecommerce" className="m-auto md:mx-0 h-[30vh] md:h-[36vh] block" src="https://m.media-amazon.com/images/I/616C7eUWKAL._AC_UL480_FMwebp_QL65_.jpg" />
</a>
<div className="mt-4 text-center md:text-left">
<h3 className="text-gray-500 text-xs tracking-widest title-font mb-1">T-shirts</h3>
<h2 className="text-gray-900 title-font text-lg font-medium">Wear the code</h2>
<p className="mt-1">₹499</p>
<p className="mt-1">S, M, L, XL, XXL</p>
</div>
</div>
</Link>
<Link href={'/product/wear-the-code'}><div className="lg:w-1/5 md:w-1/2 p-4 w-full cursor-pointer shadow-lg m-5">
<a className="block relative rounded overflow-hidden">
<img alt="ecommerce" className="m-auto md:mx-0 h-[30vh] md:h-[36vh] block" src="https://m.media-amazon.com/images/I/616C7eUWKAL._AC_UL480_FMwebp_QL65_.jpg" />
</a>
<div className="mt-4 text-center md:text-left">
<h3 className="text-gray-500 text-xs tracking-widest title-font mb-1">T-shirts</h3>
<h2 className="text-gray-900 title-font text-lg font-medium">Wear the code</h2>
<p className="mt-1">₹499</p>
<p className="mt-1">S, M, L, XL, XXL</p>
</div>
</div>
</Link>
<Link href={'/product/wear-the-code'}><div className="lg:w-1/5 md:w-1/2 p-4 w-full cursor-pointer shadow-lg m-5">
<a className="block relative rounded overflow-hidden">
<img alt="ecommerce" className="m-auto md:mx-0 h-[30vh] md:h-[36vh] block" src="https://m.media-amazon.com/images/I/616C7eUWKAL._AC_UL480_FMwebp_QL65_.jpg" />
</a>
<div className="mt-4 text-center md:text-left">
<h3 className="text-gray-500 text-xs tracking-widest title-font mb-1">T-shirts</h3>
<h2 className="text-gray-900 title-font text-lg font-medium">Wear the code</h2>
<p className="mt-1">₹499</p>
<p className="mt-1">S, M, L, XL, XXL</p>
</div>
</div>
</Link>
<Link href={'/product/wear-the-code'}><div className="lg:w-1/5 md:w-1/2 p-4 w-full cursor-pointer shadow-lg m-5">
<a className="block relative rounded overflow-hidden">
<img alt="ecommerce" className="m-auto md:mx-0 h-[30vh] md:h-[36vh] block" src="https://m.media-amazon.com/images/I/616C7eUWKAL._AC_UL480_FMwebp_QL65_.jpg" />
</a>
<div className="mt-4 text-center md:text-left">
<h3 className="text-gray-500 text-xs tracking-widest title-font mb-1">T-shirts</h3>
<h2 className="text-gray-900 title-font text-lg font-medium">Wear the code</h2>
<p className="mt-1">₹499</p>
<p className="mt-1">S, M, L, XL, XXL</p>
</div>
</div>
</Link>
</div>
</div>
</section>
</div>
)
}
export default Tshirts
Comments
Post a Comment