You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

26 lines
854 B

import React from "react";
import book from "../../assets/images/o1.svg";
import bookPage from "../../assets/images/Path2.svg";
const BookDesign = () => {
return (
<section className="my-24 mx-24 flex">
<div className="flex relative bg-rose-400">
<img
src={book}
alt=""
className="rounded-md z-40 transform -translate-x-2"
/>
<img src={bookPage} alt="" className="z-30" />
<div className="bg-greenBookBg w-4 rounded-l-md transform translate-x-3 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>
</section>
);
};
export default BookDesign;