mahdi
/
danovinTasks
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update

Browse Source
master
mahdi 3 years ago
parent 50da95e876
commit 08b1fb0f8e
4 changed files with 47 additions and 46 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 52
      src/App.js
  2. 8
      src/components/Advertisement/design1/index.js
  3. 32
      src/components/Advertisement/design2/index.js
  4. 1
      src/components/VodProductNew/index.js

52
src/App.js
Unescape View File

@ -37,34 +37,34 @@ function App() {
return (
<Provider store={store}>
<div className="App">
{/* <ProductDesign /> */}
{/* <VodProductDesign /> */}
<ProductDesign />
<VodProductDesign />
{/* <VodProduct /> */}
{/* <VodProductNew /> */}
{/* <BookDesign /> */}
{/* <ButtonDesign /> */}
{/* <ProductTags /> */}
{/* <CounterDesign /> */}
{/* <BlogDesign1 /> */}
{/* <BlogDesign2 /> */}
{/* <BlogDesign3 /> */}
{/* <BlogDesign4 /> */}
{/* <BlogDesign5 /> */}
{/* <BlogDesign6 /> */}
{/* <HeaderDesign1 /> */}
{/* <ContactInfoSection /> */}
{/* <FooterDesign1 /> */}
<VodProductNew />
<BookDesign />
<ButtonDesign />
<ProductTags />
<CounterDesign />
<BlogDesign1 />
<BlogDesign2 />
<BlogDesign3 />
<BlogDesign4 />
<BlogDesign5 />
<BlogDesign6 />
<HeaderDesign1 />
<ContactInfoSection />
<FooterDesign1 />
{/* <Testttt /> */}
{/* <Design2D /> */}
{/* <Features /> */}
{/* <Feedback /> */}
{/* <Alert /> */}
{/* <Toast /> */}
{/* <ProductSuggestion /> */}
{/* <ProductImage /> */}
{/* <ProductTab /> */}
{/* <ProductStatusCard /> */}
{/* <AdvertisementDesign1 /> */}
<Design2D />
<Features />
<Feedback />
<Alert />
<Toast />
<ProductSuggestion />
<ProductImage />
<ProductTab />
<ProductStatusCard />
<AdvertisementDesign1 />
<AdvertisementDesign2 />
</div>
</Provider>

8
src/components/Advertisement/design1/index.js
Unescape View File

@ -8,15 +8,15 @@ const AdvertisementDesign1 = () => {
style={{ backgroundColor: "#E3F2FF" }}
>
<div
style={{ backgroundColor: "#00FFFF99" }}
style={{ backgroundColor: "#00FFFF44" }}
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" }}
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>
<div
style={{ backgroundColor: "#06BACE99" }}
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">
@ -26,7 +26,7 @@ const AdvertisementDesign1 = () => {
استفاده از طراحان گرافیک است.
</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 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>
</div>

32
src/components/Advertisement/design2/index.js
Unescape View File

@ -2,33 +2,33 @@ import React from "react";
const AdvertisementDesign2 = () => {
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">
<section className="mx-auto bg-white m-10 w-4/12 p-2">
<div
className="w-full h-96 rounded-3xl relative"
className="h-56 rounded-3xl relative"
style={{ backgroundColor: "#E3F2FF" }}
>
<div className="flex flex-col justify-center p-10 w-7/12">
<h2 className="text-lg">تبلیغات دانوینی</h2>
<p className="text-sm text-justify leading-6 mt-2">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
استفاده از طراحان گرافیک است.
</p>
<button className="rounded-lg text-base border p-3 w-8/12 mx-auto bg-darkCrimsonBgColor text-white ">
دانلود اپلیکیشن
</button>
</div>
<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"
className="rounded-full w-32 h-32 absolute left-1/3 top-1/3 transform -translate-x-1/2 -translate-y-1/2 z-10"
></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"
className="rounded-full w-52 h-52 absolute left-1/4 -bottom-2/4 transform -translate-x-1/2 -translate-y-1/2"
></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"
style={{ backgroundColor: "#ffffff" }}
className="rounded-full w-44 h-44 absolute left-1/4 top-1/3 transform -translate-x-1/2 -translate-y-1/2"
></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>
);

1
src/components/VodProductNew/index.js
Unescape View File

@ -47,6 +47,7 @@ const VodProduct = ({
});
return (
<section className="mx-auto p-0 sm:p-4 bg-white rounded-md shadow-md my-8">
رویه باتن پلی / عکس کلیک کنید
{/* product UI Design */}
<div className="flex flex-wrap sm:flex-nowrap justify-around">
<div className="w-full flex flex-wrap items-center justify-around my-10 px-1 sm:px-4">

Write Preview
Loading…
Cancel
Save