diff --git a/src/components/featured.js b/src/components/featured.js index b974c0a4..068743e9 100644 --- a/src/components/featured.js +++ b/src/components/featured.js @@ -52,6 +52,12 @@ const Featured = () => { return (
+
+ + + + +

20 New Illustrations

diff --git a/src/components/layout.scss b/src/components/layout.scss index 4ea1652b..b990cea7 100644 --- a/src/components/layout.scss +++ b/src/components/layout.scss @@ -975,3 +975,31 @@ footer{ } } } + +.promotion{ + padding: 24px 20px; + a{ + transition: all ease 0.2s; + .web-promo{ + @media (max-width: $mobile-landscape){ + display: none; + } + } + .mobile-promo{ + display: none; + @media (max-width: $mobile-landscape){ + display: block; + } + } + img{ + width: 100%; + border-radius: 12px; + } + &:hover{ + img{ + transform: scale3d(1.01,1.01,1.01); + } + } + } + +} diff --git a/static/nft-illlustrations-mobile.jpg b/static/nft-illlustrations-mobile.jpg new file mode 100644 index 00000000..1e23eda4 Binary files /dev/null and b/static/nft-illlustrations-mobile.jpg differ diff --git a/static/nft-illlustrations.jpg b/static/nft-illlustrations.jpg new file mode 100644 index 00000000..5f39bdcd Binary files /dev/null and b/static/nft-illlustrations.jpg differ