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

@ -9,27 +9,39 @@ const AdvertisementDesign1 = () => {
>
<div
style={{
width: "calc(100vw / 8)",
height: "calc(100vw / 8)",
width: "calc(100vw / 10)",
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
style={{ backgroundColor: "#6E6EEF44" }}
className="rounded-full w-52 h-52 absolute left-1/2 top-1/2 transform -translate-x-1/4 -translate-y-1/4"
<div
style={{
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
style={{ backgroundColor: "#06BACE44" }}
className="rounded-full w-52 h-52 absolute left-1/2 top-1/2 transform -translate-x-2/3 -translate-y-2/4"
></div> */}
<div className="absolute right-0 bottom-0 h-full w-full flex flex-col justify-center p-10">
style={{
width: "calc(100vw / 8)",
height: "calc(100vw / 8)",
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>
<p className="text-sm text-justify leading-6 mt-2">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
استفاده از طراحان گرافیک است.
</p>
</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>
</div>

Loading…
Cancel
Save