|
|
@ -5,7 +5,7 @@ import bookPage from "../../assets/images/Path2.svg"; |
|
|
|
const BookDesign = () => { |
|
|
|
const BookDesign = () => { |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<section> |
|
|
|
<section> |
|
|
|
<section className="my-24 mx-24 flex"> |
|
|
|
<section className="my-24 mx-24 flex "> |
|
|
|
<div className="flex relative "> |
|
|
|
<div className="flex relative "> |
|
|
|
<img |
|
|
|
<img |
|
|
|
src={book} |
|
|
|
src={book} |
|
|
@ -14,7 +14,7 @@ const BookDesign = () => { |
|
|
|
/> |
|
|
|
/> |
|
|
|
<img src={bookPage} alt="" className="z-30 h-full" /> |
|
|
|
<img src={bookPage} alt="" className="z-30 h-full" /> |
|
|
|
<div className="bg-greenBookBg w-7 rounded-l-md transform translate-x-4 z-10"></div> |
|
|
|
<div className="bg-greenBookBg w-7 rounded-l-md transform translate-x-4 z-10"></div> |
|
|
|
<div className="w-10/12 absolute left-0 -bottom-0 h-12 shadow-2xl shadow-black"></div> |
|
|
|
<div className="w-10/12 absolute left-7 -bottom-0 h-12 shadow-2xl shadow-black"></div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</section> |
|
|
|
</section> |
|
|
|
|
|
|
|
|
|
|
|