master
mahdi 3 years ago
parent da05856ddb
commit d60b5324d6
  1. 13
      src/components/bookDesign/BookDesign.js

@ -5,19 +5,16 @@ import bookPage from "../../assets/images/Path2.svg";
const BookDesign = () => {
return (
<section className="my-24 mx-24 flex">
<div className="flex relative bg-rose-400">
<div className="flex relative ">
<img
src={book}
alt=""
className="rounded-md z-40 transform -translate-x-2"
className="rounded-md z-40 transform -translate-x-2 w-72 h-full"
/>
<img src={bookPage} alt="" className="z-30" />
<div className="bg-greenBookBg w-4 rounded-l-md transform translate-x-3 z-10"></div>
<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 rounded-l-md w-20 transform translate-x-4 z-10"></div> */}
<div
className="absolute left-0 -bottom-0 h-8 rounded-full z-50 shadow-lg bg-slate-700"
style={{ width: 216 }}
></div>
<div className="w-full absolute left-0 -bottom-1 h-12 rounded-full shadow-lg"></div>
</div>
</section>
);

Loading…
Cancel
Save