master
mahdi 3 years ago
parent 5a1059a25b
commit 2663a508b1
  1. 34
      src/components/Advertisement/design1/index.js

@ -9,27 +9,39 @@ const AdvertisementDesign1 = () => {
> >
<div <div
style={{ style={{
width: "calc(100vw / 8)", width: "calc(100vw / 10)",
height: "calc(100vw / 8)", height: "calc(100vw / 10)",
left: "20%",
top: "30%",
}} }}
className="rounded-full absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-blue-600 bg-opacity-20 backdrop-filter backdrop-blur-md" className="rounded-full absolute bg-blue-300 bg-opacity-30 backdrop-filter backdrop-blur-md z-30"
></div> ></div>
{/* <div <div
style={{ backgroundColor: "#6E6EEF44" }} style={{
className="rounded-full w-52 h-52 absolute left-1/2 top-1/2 transform -translate-x-1/4 -translate-y-1/4" width: "calc(100vw / 7)",
height: "calc(100vw / 7)",
right: "25%",
bottom: "5%",
}}
className="rounded-full absolute bg-purple-300 bg-opacity-30 backdrop-filter backdrop-blur-md"
></div> ></div>
<div <div
style={{ backgroundColor: "#06BACE44" }} style={{
className="rounded-full w-52 h-52 absolute left-1/2 top-1/2 transform -translate-x-2/3 -translate-y-2/4" width: "calc(100vw / 8)",
></div> */} height: "calc(100vw / 8)",
<div className="absolute right-0 bottom-0 h-full w-full flex flex-col justify-center p-10"> right: "3%",
top: "20%",
}}
className="rounded-full absolute bg-green-300 bg-opacity-40 backdrop-filter backdrop-blur-md"
></div>
<div className="absolute right-0 bottom-0 h-full w-full flex flex-col justify-center p-10 z-50">
<h2 className="text-lg">تبلیغات دانوینی</h2> <h2 className="text-lg">تبلیغات دانوینی</h2>
<p className="text-sm text-justify leading-6 mt-2"> <p className="text-sm text-justify leading-6 mt-2">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
استفاده از طراحان گرافیک است. استفاده از طراحان گرافیک است.
</p> </p>
</div> </div>
<button className="rounded-sm text-base border p-3 w-9/12 absolute left-1/2 bottom-2 transform -translate-x-1/2 -translate-y-1/2 "> <button className="rounded-sm text-base border p-3 w-9/12 absolute left-1/2 bottom-2 transform -translate-x-1/2 -translate-y-1/2 z-50">
دانلود اپلیکیشن دانلود اپلیکیشن
</button> </button>
</div> </div>

Loading…
Cancel
Save