parent
							
								
									49ebb1c196
								
							
						
					
					
						commit
						4b37121f8c
					
				
				 4 changed files with 41 additions and 8 deletions
			
			
		| @ -0,0 +1,37 @@ | |||||||
|  | import React from "react"; | ||||||
|  | 
 | ||||||
|  | const AdvertisementDesign1 = () => { | ||||||
|  |   return ( | ||||||
|  |     <section className="mx-auto bg-white m-10 w-full sm:w-8/12 md:w-5/12	lg:w-3/12	p-5 px-16"> | ||||||
|  |       <div | ||||||
|  |         className="w-full h-96 rounded-3xl relative" | ||||||
|  |         style={{ backgroundColor: "#E3F2FF" }} | ||||||
|  |       > | ||||||
|  |         <div | ||||||
|  |           style={{ backgroundColor: "#00FFFF99" }} | ||||||
|  |           className="rounded-full w-40 h-40 absolute left-1/2 top-1/2 transform -translate-x-1/4 -translate-y-3/4" | ||||||
|  |         ></div> | ||||||
|  |         <div | ||||||
|  |           style={{ backgroundColor: "#6E6EEF99" }} | ||||||
|  |           className="rounded-full w-52 h-52 absolute left-1/2 top-1/2 transform -translate-x-1/4 -translate-y-1/4" | ||||||
|  |         ></div> | ||||||
|  |         <div | ||||||
|  |           style={{ backgroundColor: "#06BACE99" }} | ||||||
|  |           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"> | ||||||
|  |           <h2 className="text-lg">تبلیغات دانوینی</h2> | ||||||
|  |           <p className="text-sm text-justify leading-6 mt-2"> | ||||||
|  |             لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با | ||||||
|  |             استفاده از طراحان گرافیک است. | ||||||
|  |           </p> | ||||||
|  |         </div> | ||||||
|  |         <button className="rounded-sm border p-3 w-9/12 absolute left-1/2 bottom-2 transform -translate-x-1/2 -translate-y-1/2 "> | ||||||
|  |           دانلود اپلیکیشن | ||||||
|  |         </button> | ||||||
|  |       </div> | ||||||
|  |     </section> | ||||||
|  |   ); | ||||||
|  | }; | ||||||
|  | 
 | ||||||
|  | export default AdvertisementDesign1; | ||||||
					Loading…
					
					
				
		Reference in new issue