admin/BlockchainUI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
kandrusyak
2022-05-23 12:56:31 +03:00
commit 3cea343aaf
395 changed files with 37099 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/partials/ecommerce/ShopCards06.jsx Normal file
View File

@@ -0,0 +1,66 @@
import React from 'react';
import AppImage17 from '../../images/applications-image-17.jpg';
import AppImage18 from '../../images/applications-image-18.jpg';
import AppImage19 from '../../images/applications-image-19.jpg';
import AppImage20 from '../../images/applications-image-20.jpg';
function ShopCards06() {
return (
<React.Fragment>
{/* Card 1 */}
<div className="relative col-span-full sm:col-span-6 xl:col-span-3 bg-white shadow-lg rounded-sm border border-slate-200 overflow-hidden">
{/* Image */}
<img className="absolute w-full h-full object-cover" src={AppImage17} width="286" height="160" alt="Application 17" />
{/* Gradient */}
<div className="absolute inset-0 bg-gradient-to-t from-slate-800 to-transparent" aria-hidden="true"></div>
{/* Content */}
<div className="relative h-full p-5 flex flex-col justify-end">
<h3 className="text-lg text-white font-semibold mt-16 mb-0.5">Merchandise</h3>
<a className="text-sm font-medium text-indigo-400 hover:text-indigo-300" href="#0">Explore -&gt;</a>
</div>
</div>
{/* Card 2 */}
<div className="relative col-span-full sm:col-span-6 xl:col-span-3 bg-white shadow-lg rounded-sm border border-slate-200 overflow-hidden">
{/* Image */}
<img className="absolute w-full h-full object-cover" src={AppImage18} width="286" height="160" alt="Application 18" />
{/* Gradient */}
<div className="absolute inset-0 bg-gradient-to-t from-slate-800 to-transparent" aria-hidden="true"></div>
{/* Content */}
<div className="relative h-full p-5 flex flex-col justify-end">
<h3 className="text-lg text-white font-semibold mt-16 mb-0.5">Audiobooks</h3>
<a className="text-sm font-medium text-indigo-400 hover:text-indigo-300" href="#0">Explore -&gt;</a>
</div>
</div>
{/* Card 3 */}
<div className="relative col-span-full sm:col-span-6 xl:col-span-3 bg-white shadow-lg rounded-sm border border-slate-200 overflow-hidden">
{/* Image */}
<img className="absolute w-full h-full object-cover" src={AppImage19} width="286" height="160" alt="Application 19" />
{/* Gradient */}
<div className="absolute inset-0 bg-gradient-to-t from-slate-800 to-transparent" aria-hidden="true"></div>
{/* Content */}
<div className="relative h-full p-5 flex flex-col justify-end">
<h3 className="text-lg text-white font-semibold mt-16 mb-0.5">Design & Tech</h3>
<a className="text-sm font-medium text-indigo-400 hover:text-indigo-300" href="#0">Explore -&gt;</a>
</div>
</div>
{/* Card 4 */}
<div className="relative col-span-full sm:col-span-6 xl:col-span-3 bg-white shadow-lg rounded-sm border border-slate-200 overflow-hidden">
{/* Image */}
<img className="absolute w-full h-full object-cover" src={AppImage20} width="286" height="160" alt="Application 20" />
{/* Gradient */}
<div className="absolute inset-0 bg-gradient-to-t from-slate-800 to-transparent" aria-hidden="true"></div>
{/* Content */}
<div className="relative h-full p-5 flex flex-col justify-end">
<h3 className="text-lg text-white font-semibold mt-16 mb-0.5">Apps & Software</h3>
<a className="text-sm font-medium text-indigo-400 hover:text-indigo-300" href="#0">Explore -&gt;</a>
</div>
</div>
</React.Fragment>
);
}
export default ShopCards06;