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.
 
 
 

43 lines
1.3 KiB

import React from "react";
import book from "../../assets/images/o1.svg";
import bookPage from "../../assets/images/Path2.svg";
const BookDesign = () => {
return (
<section>
<section className="my-24 mx-24 flex flex-wrap justify-center">
<div className="flex relative">
<img
src={book}
alt=""
className="rounded-md z-40 transform -translate-x-3 w-full sm:w-72 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"
// style={{ backgroundColor: color }}
></div>
<div className="w-10/12 absolute left-7 -bottom-0 h-11 shadow-2xl shadow-black"></div>
</div>
</section>
{/* <section className="m-52">
<div className="relative flex justify-center w-1/6 text-center rounded-md">
<img src={book} alt="" className=" rounded-sm z-20" />
<img src={bookPage} alt="" className="z-10" />
<div className="w-full bg-greenBookBg rounded-l-md transform translate-x-6"></div>
</div>
</section> */}
</section>
);
};
// BookDesign.defaultProps = {
// color: "steelblue",
// };
// BookDesign.propTypes = {
// color: PropTypes.string,
// };
export default BookDesign;