From e9cc9de02fc4fd9bf4a1a5423930c98f472f8e5c Mon Sep 17 00:00:00 2001 From: suraj Date: Wed, 12 Jul 2023 16:12:29 +0530 Subject: [PATCH 1/5] Track Prizes -> HealthCare Page Updated --- public/Images/Angle.svg | 3 + public/Images/Arrow.svg | 3 + public/Images/BottomBoundary.svg | 3 + public/Images/BottomTheme.svg | 3 + public/Images/HealthCareBoundary.svg | 3 + public/Images/HealthCareLogo.svg | 9 ++ public/Images/HealthCareText.svg | 3 + public/Images/MiddleSubTheme.svg | 3 + public/Images/MiddleTheme.svg | 3 + public/Images/RightBoundary.svg | 3 + public/Images/TextImages/001.svg | 3 + public/Images/TextImages/002.svg | 3 + public/Images/TextImages/003.svg | 3 + public/Images/TextImages/1500.svg | 3 + public/Images/TextImages/2000.svg | 3 + public/Images/TextImages/2500.svg | 3 + public/Images/TextImages/Environment.svg | 3 + public/Images/TextImages/Health.svg | 3 + public/Images/TextImages/HorizentalLine.svg | 3 + public/Images/TextImages/Innovation.svg | 3 + public/Images/TextImages/PresentedBy.svg | 3 + public/Images/TextImages/Web3.svg | 3 + public/Images/TextImages/Women.svg | 3 + public/Images/TextImages/dotted1.svg | 3 + public/Images/TextImages/dotted2.svg | 3 + public/Images/TextImages/dotted3.svg | 0 public/Images/TextImages/first.svg | 3 + public/Images/TextImages/second.svg | 3 + public/Images/TextImages/third.svg | 3 + public/Images/TopBoundary.svg | 3 + public/Images/TopTheme.svg | 3 + public/Images/TrackPrizes.svg | 3 + public/Images/UpperLine.svg | 3 + public/Images/VerticalLine.svg | 15 ++++ src/app/page.js | 87 ++++++++++--------- src/components/NameOfComponent/Component.jsx | 1 - .../NameOfComponent/ComponentStyles.css | 3 - src/components/TracksPrizes/TracksPrizes.jsx | 80 +++++++++++++++++ .../TracksPrizes/TracksPrizesStyle.css | 38 ++++++++ 39 files changed, 282 insertions(+), 44 deletions(-) create mode 100644 public/Images/Angle.svg create mode 100644 public/Images/Arrow.svg create mode 100644 public/Images/BottomBoundary.svg create mode 100644 public/Images/BottomTheme.svg create mode 100644 public/Images/HealthCareBoundary.svg create mode 100644 public/Images/HealthCareLogo.svg create mode 100644 public/Images/HealthCareText.svg create mode 100644 public/Images/MiddleSubTheme.svg create mode 100644 public/Images/MiddleTheme.svg create mode 100644 public/Images/RightBoundary.svg create mode 100644 public/Images/TextImages/001.svg create mode 100644 public/Images/TextImages/002.svg create mode 100644 public/Images/TextImages/003.svg create mode 100644 public/Images/TextImages/1500.svg create mode 100644 public/Images/TextImages/2000.svg create mode 100644 public/Images/TextImages/2500.svg create mode 100644 public/Images/TextImages/Environment.svg create mode 100644 public/Images/TextImages/Health.svg create mode 100644 public/Images/TextImages/HorizentalLine.svg create mode 100644 public/Images/TextImages/Innovation.svg create mode 100644 public/Images/TextImages/PresentedBy.svg create mode 100644 public/Images/TextImages/Web3.svg create mode 100644 public/Images/TextImages/Women.svg create mode 100644 public/Images/TextImages/dotted1.svg create mode 100644 public/Images/TextImages/dotted2.svg create mode 100644 public/Images/TextImages/dotted3.svg create mode 100644 public/Images/TextImages/first.svg create mode 100644 public/Images/TextImages/second.svg create mode 100644 public/Images/TextImages/third.svg create mode 100644 public/Images/TopBoundary.svg create mode 100644 public/Images/TopTheme.svg create mode 100644 public/Images/TrackPrizes.svg create mode 100644 public/Images/UpperLine.svg create mode 100644 public/Images/VerticalLine.svg delete mode 100644 src/components/NameOfComponent/Component.jsx delete mode 100644 src/components/NameOfComponent/ComponentStyles.css create mode 100644 src/components/TracksPrizes/TracksPrizes.jsx create mode 100644 src/components/TracksPrizes/TracksPrizesStyle.css diff --git a/public/Images/Angle.svg b/public/Images/Angle.svg new file mode 100644 index 0000000..5b90284 --- /dev/null +++ b/public/Images/Angle.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/Arrow.svg b/public/Images/Arrow.svg new file mode 100644 index 0000000..b88660c --- /dev/null +++ b/public/Images/Arrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/BottomBoundary.svg b/public/Images/BottomBoundary.svg new file mode 100644 index 0000000..3662d0d --- /dev/null +++ b/public/Images/BottomBoundary.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/BottomTheme.svg b/public/Images/BottomTheme.svg new file mode 100644 index 0000000..7766176 --- /dev/null +++ b/public/Images/BottomTheme.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/HealthCareBoundary.svg b/public/Images/HealthCareBoundary.svg new file mode 100644 index 0000000..5b6cd6b --- /dev/null +++ b/public/Images/HealthCareBoundary.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/HealthCareLogo.svg b/public/Images/HealthCareLogo.svg new file mode 100644 index 0000000..306d1e7 --- /dev/null +++ b/public/Images/HealthCareLogo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/Images/HealthCareText.svg b/public/Images/HealthCareText.svg new file mode 100644 index 0000000..b352875 --- /dev/null +++ b/public/Images/HealthCareText.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/MiddleSubTheme.svg b/public/Images/MiddleSubTheme.svg new file mode 100644 index 0000000..9c1efe3 --- /dev/null +++ b/public/Images/MiddleSubTheme.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/public/Images/MiddleTheme.svg b/public/Images/MiddleTheme.svg new file mode 100644 index 0000000..0821e02 --- /dev/null +++ b/public/Images/MiddleTheme.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/RightBoundary.svg b/public/Images/RightBoundary.svg new file mode 100644 index 0000000..23bfc8c --- /dev/null +++ b/public/Images/RightBoundary.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TextImages/001.svg b/public/Images/TextImages/001.svg new file mode 100644 index 0000000..329b99d --- /dev/null +++ b/public/Images/TextImages/001.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TextImages/002.svg b/public/Images/TextImages/002.svg new file mode 100644 index 0000000..f02dce2 --- /dev/null +++ b/public/Images/TextImages/002.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TextImages/003.svg b/public/Images/TextImages/003.svg new file mode 100644 index 0000000..3fae781 --- /dev/null +++ b/public/Images/TextImages/003.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TextImages/1500.svg b/public/Images/TextImages/1500.svg new file mode 100644 index 0000000..d97de95 --- /dev/null +++ b/public/Images/TextImages/1500.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TextImages/2000.svg b/public/Images/TextImages/2000.svg new file mode 100644 index 0000000..e6f3062 --- /dev/null +++ b/public/Images/TextImages/2000.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TextImages/2500.svg b/public/Images/TextImages/2500.svg new file mode 100644 index 0000000..2eb4f02 --- /dev/null +++ b/public/Images/TextImages/2500.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TextImages/Environment.svg b/public/Images/TextImages/Environment.svg new file mode 100644 index 0000000..3c65ead --- /dev/null +++ b/public/Images/TextImages/Environment.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TextImages/Health.svg b/public/Images/TextImages/Health.svg new file mode 100644 index 0000000..2c60363 --- /dev/null +++ b/public/Images/TextImages/Health.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TextImages/HorizentalLine.svg b/public/Images/TextImages/HorizentalLine.svg new file mode 100644 index 0000000..763dbbf --- /dev/null +++ b/public/Images/TextImages/HorizentalLine.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TextImages/Innovation.svg b/public/Images/TextImages/Innovation.svg new file mode 100644 index 0000000..05a2694 --- /dev/null +++ b/public/Images/TextImages/Innovation.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TextImages/PresentedBy.svg b/public/Images/TextImages/PresentedBy.svg new file mode 100644 index 0000000..5cc733e --- /dev/null +++ b/public/Images/TextImages/PresentedBy.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TextImages/Web3.svg b/public/Images/TextImages/Web3.svg new file mode 100644 index 0000000..b255c61 --- /dev/null +++ b/public/Images/TextImages/Web3.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TextImages/Women.svg b/public/Images/TextImages/Women.svg new file mode 100644 index 0000000..aee3c2c --- /dev/null +++ b/public/Images/TextImages/Women.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TextImages/dotted1.svg b/public/Images/TextImages/dotted1.svg new file mode 100644 index 0000000..b84479b --- /dev/null +++ b/public/Images/TextImages/dotted1.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TextImages/dotted2.svg b/public/Images/TextImages/dotted2.svg new file mode 100644 index 0000000..e103d5a --- /dev/null +++ b/public/Images/TextImages/dotted2.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TextImages/dotted3.svg b/public/Images/TextImages/dotted3.svg new file mode 100644 index 0000000..e69de29 diff --git a/public/Images/TextImages/first.svg b/public/Images/TextImages/first.svg new file mode 100644 index 0000000..1d8b582 --- /dev/null +++ b/public/Images/TextImages/first.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TextImages/second.svg b/public/Images/TextImages/second.svg new file mode 100644 index 0000000..71c27e6 --- /dev/null +++ b/public/Images/TextImages/second.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TextImages/third.svg b/public/Images/TextImages/third.svg new file mode 100644 index 0000000..c73254e --- /dev/null +++ b/public/Images/TextImages/third.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TopBoundary.svg b/public/Images/TopBoundary.svg new file mode 100644 index 0000000..d54314d --- /dev/null +++ b/public/Images/TopBoundary.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TopTheme.svg b/public/Images/TopTheme.svg new file mode 100644 index 0000000..e9743fd --- /dev/null +++ b/public/Images/TopTheme.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TrackPrizes.svg b/public/Images/TrackPrizes.svg new file mode 100644 index 0000000..e891469 --- /dev/null +++ b/public/Images/TrackPrizes.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/UpperLine.svg b/public/Images/UpperLine.svg new file mode 100644 index 0000000..c3a5cb4 --- /dev/null +++ b/public/Images/UpperLine.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/VerticalLine.svg b/public/Images/VerticalLine.svg new file mode 100644 index 0000000..aff48a3 --- /dev/null +++ b/public/Images/VerticalLine.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/src/app/page.js b/src/app/page.js index a5a8e72..fe88363 100644 --- a/src/app/page.js +++ b/src/app/page.js @@ -1,6 +1,8 @@ "use client"; import Player from "@/components/Player"; import { useState } from "react"; +import TracksPrizes from "../components/TracksPrizes/TracksPrizes" +import "../components/TracksPrizes/TracksPrizes.jsx" export default function Home() { const [counter, setCounter] = useState(0); @@ -11,54 +13,59 @@ export default function Home() { if (counter == 3) { document.getElementById("rocket").classList.add("animate-spin"); } - + const handleStop = () => { setCounter(0); document.getElementById("rocket").classList.remove(["animate-spin"]); }; return ( -
-
- -
-

- HackOdisha 3.0 -

-

- Coming Soon{" "} - -

+

+
+ +
+

- 🚀 -

- {counter<3?"Tap HackOdisha Three times to see me rotate":"Tap Me to Stop"} - -

+ HackOdisha 3.0 +

+

+ Coming Soon{" "} + +

+ 🚀 +

+ {counter < 3 ? "Tap HackOdisha Three times to see me rotate" : "Tap Me to Stop"} + +

+
+ + +
- - - +
+
+
- + ); } diff --git a/src/components/NameOfComponent/Component.jsx b/src/components/NameOfComponent/Component.jsx deleted file mode 100644 index f210480..0000000 --- a/src/components/NameOfComponent/Component.jsx +++ /dev/null @@ -1 +0,0 @@ -// some Component code \ No newline at end of file diff --git a/src/components/NameOfComponent/ComponentStyles.css b/src/components/NameOfComponent/ComponentStyles.css deleted file mode 100644 index e0634a3..0000000 --- a/src/components/NameOfComponent/ComponentStyles.css +++ /dev/null @@ -1,3 +0,0 @@ -.someClass{ - /* some styles */ -} \ No newline at end of file diff --git a/src/components/TracksPrizes/TracksPrizes.jsx b/src/components/TracksPrizes/TracksPrizes.jsx new file mode 100644 index 0000000..9e76cb5 --- /dev/null +++ b/src/components/TracksPrizes/TracksPrizes.jsx @@ -0,0 +1,80 @@ +import React from 'react' +import './TracksPrizesStyle.css' +import Image from "next/image"; + + +const TracksPrizes = () => { + return ( + <> +
+ logo + logo +
+ logo +
+
+
+
+
+ logo + logo + logo +
+
+
+ logo + logo +
+
+
+ logo + logo + logo + logo + logo +
+
+ logo + logo + logo + logo + logo +
+
+ logo + logo + logo + logo + logo +
+
+ logo +
+ +
+
+
+
+
+ logo +
+ logo + logo + logo + logo + logo + logo +
+ logo +
+
+
+
+ logo + logo +
+ + ) +} + +export default TracksPrizes \ No newline at end of file diff --git a/src/components/TracksPrizes/TracksPrizesStyle.css b/src/components/TracksPrizes/TracksPrizesStyle.css new file mode 100644 index 0000000..e5e1133 --- /dev/null +++ b/src/components/TracksPrizes/TracksPrizesStyle.css @@ -0,0 +1,38 @@ +.boundary1{ + background-repeat: no-repeat; + background-image: url('/Images/HealthCareBoundary.svg'); + background-size: 100% 100%; + display: flex; + width: 25%; +} + +.bg1{ + background-repeat: no-repeat; + background-image: url('/Images/TOpTheme.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 100%; + margin-left: -5%; +} + +.bg2{ + background-repeat: no-repeat; + background-image: url('/images/MiddleTheme.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 78%; + height: 100%; + margin-top: -4%; +} + +.bg3{ + background-repeat: no-repeat; + background-image: url('/Images/BottomTheme.svg'); + background-size:100% 100%; + display: flex; + align-items: center; + width: 77%; + height: 80%; +} \ No newline at end of file From f43d557f531d7a9d6a19d4e513b129af330a8495 Mon Sep 17 00:00:00 2001 From: suraj Date: Mon, 17 Jul 2023 14:15:28 +0530 Subject: [PATCH 2/5] Environment Innovation WomenSecurity Web3 Page add --- public/Images/BottomTheme2.svg | 3 + public/Images/EnvironmentLogo.svg | 11 ++ public/Images/EnvironmentText.svg | 3 + public/Images/InnovationLogo.svg | 11 ++ public/Images/InnovationText.svg | 3 + public/Images/MiddleTheme2.svg | 3 + public/Images/SecurityLogo.svg | 9 ++ public/Images/SecurityText.svg | 3 + public/Images/TextImages/1000.svg | 3 + public/Images/TextImages/500.svg | 3 + public/Images/TopTheme2.svg | 3 + public/Images/Web3Logo.svg | 11 ++ public/Images/Web3Text.svg | 3 + src/app/page.js | 29 +++- .../TracksPrizes/TracksPrizesEnvironment.jsx | 81 ++++++++++ ...sPrizes.jsx => TracksPrizesHealthCare.jsx} | 22 +-- .../TracksPrizes/TracksPrizesInnovation.jsx | 80 ++++++++++ .../TracksPrizes/TracksPrizesSecurity.jsx | 79 ++++++++++ .../TracksPrizes/TracksPrizesStyle.css | 141 +++++++++++++++++- .../TracksPrizes/TracksPrizesWeb3.jsx | 79 ++++++++++ 20 files changed, 560 insertions(+), 20 deletions(-) create mode 100644 public/Images/BottomTheme2.svg create mode 100644 public/Images/EnvironmentLogo.svg create mode 100644 public/Images/EnvironmentText.svg create mode 100644 public/Images/InnovationLogo.svg create mode 100644 public/Images/InnovationText.svg create mode 100644 public/Images/MiddleTheme2.svg create mode 100644 public/Images/SecurityLogo.svg create mode 100644 public/Images/SecurityText.svg create mode 100644 public/Images/TextImages/1000.svg create mode 100644 public/Images/TextImages/500.svg create mode 100644 public/Images/TopTheme2.svg create mode 100644 public/Images/Web3Logo.svg create mode 100644 public/Images/Web3Text.svg create mode 100644 src/components/TracksPrizes/TracksPrizesEnvironment.jsx rename src/components/TracksPrizes/{TracksPrizes.jsx => TracksPrizesHealthCare.jsx} (85%) create mode 100644 src/components/TracksPrizes/TracksPrizesInnovation.jsx create mode 100644 src/components/TracksPrizes/TracksPrizesSecurity.jsx create mode 100644 src/components/TracksPrizes/TracksPrizesWeb3.jsx diff --git a/public/Images/BottomTheme2.svg b/public/Images/BottomTheme2.svg new file mode 100644 index 0000000..55a034d --- /dev/null +++ b/public/Images/BottomTheme2.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/EnvironmentLogo.svg b/public/Images/EnvironmentLogo.svg new file mode 100644 index 0000000..30ac56c --- /dev/null +++ b/public/Images/EnvironmentLogo.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/Images/EnvironmentText.svg b/public/Images/EnvironmentText.svg new file mode 100644 index 0000000..b25e3f3 --- /dev/null +++ b/public/Images/EnvironmentText.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/InnovationLogo.svg b/public/Images/InnovationLogo.svg new file mode 100644 index 0000000..9d1cdda --- /dev/null +++ b/public/Images/InnovationLogo.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/Images/InnovationText.svg b/public/Images/InnovationText.svg new file mode 100644 index 0000000..a0b1495 --- /dev/null +++ b/public/Images/InnovationText.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/MiddleTheme2.svg b/public/Images/MiddleTheme2.svg new file mode 100644 index 0000000..a2ba5c6 --- /dev/null +++ b/public/Images/MiddleTheme2.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/SecurityLogo.svg b/public/Images/SecurityLogo.svg new file mode 100644 index 0000000..c909a28 --- /dev/null +++ b/public/Images/SecurityLogo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/public/Images/SecurityText.svg b/public/Images/SecurityText.svg new file mode 100644 index 0000000..fae74b9 --- /dev/null +++ b/public/Images/SecurityText.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TextImages/1000.svg b/public/Images/TextImages/1000.svg new file mode 100644 index 0000000..937c185 --- /dev/null +++ b/public/Images/TextImages/1000.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TextImages/500.svg b/public/Images/TextImages/500.svg new file mode 100644 index 0000000..ac7341d --- /dev/null +++ b/public/Images/TextImages/500.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/TopTheme2.svg b/public/Images/TopTheme2.svg new file mode 100644 index 0000000..966d0c0 --- /dev/null +++ b/public/Images/TopTheme2.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/Images/Web3Logo.svg b/public/Images/Web3Logo.svg new file mode 100644 index 0000000..e8307c4 --- /dev/null +++ b/public/Images/Web3Logo.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/public/Images/Web3Text.svg b/public/Images/Web3Text.svg new file mode 100644 index 0000000..2869a2b --- /dev/null +++ b/public/Images/Web3Text.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/app/page.js b/src/app/page.js index fe88363..1dd73b0 100644 --- a/src/app/page.js +++ b/src/app/page.js @@ -1,8 +1,11 @@ "use client"; import Player from "@/components/Player"; import { useState } from "react"; -import TracksPrizes from "../components/TracksPrizes/TracksPrizes" -import "../components/TracksPrizes/TracksPrizes.jsx" +import TracksPrizesHealthCare from "../components/TracksPrizes/TracksPrizesHealthCare"; +import TracksPrizesInnovation from "../components/TracksPrizes/TracksPrizesInnovation"; +import TracksPrizesEnvironment from "../components/TracksPrizes/TracksPrizesEnvironment"; +import TracksPrizesSecurity from "../components/TracksPrizes/TracksPrizesSecurity"; +import TracksPrizesWeb3 from "../components/TracksPrizes/TracksPrizesWeb3"; export default function Home() { const [counter, setCounter] = useState(0); @@ -64,7 +67,27 @@ export default function Home() {
- + +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
); diff --git a/src/components/TracksPrizes/TracksPrizesEnvironment.jsx b/src/components/TracksPrizes/TracksPrizesEnvironment.jsx new file mode 100644 index 0000000..fdc3103 --- /dev/null +++ b/src/components/TracksPrizes/TracksPrizesEnvironment.jsx @@ -0,0 +1,81 @@ +import React from 'react' +import './TracksPrizesStyle.css' +import Image from "next/image"; + + +const TracksPrizes = () => { + return ( + <> +
+ logo + logo +
+ logo +
+
+
+
+
+ logo + logo + logo +
+
+
+ logo + logo +
+
+
+ logo + logo + logo + logo + logo +
+
+ logo + logo + logo + logo + logo +
+
+ logo + logo + logo + logo + logo +
+
+ logo +
+ +
+
+
+
+
+ logo + logo +
+ logo +
+ logo +
+ logo + logo +
+ logo +
+
+
+
+ logo + logo +
+ + ) +} + +export default TracksPrizes \ No newline at end of file diff --git a/src/components/TracksPrizes/TracksPrizes.jsx b/src/components/TracksPrizes/TracksPrizesHealthCare.jsx similarity index 85% rename from src/components/TracksPrizes/TracksPrizes.jsx rename to src/components/TracksPrizes/TracksPrizesHealthCare.jsx index 9e76cb5..a7ccecc 100644 --- a/src/components/TracksPrizes/TracksPrizes.jsx +++ b/src/components/TracksPrizes/TracksPrizesHealthCare.jsx @@ -15,11 +15,11 @@ const TracksPrizes = () => {
-
- logo - logo - logo -
+
+ logo + logo + logo +
logo @@ -50,12 +50,12 @@ const TracksPrizes = () => {
logo
- +
-
+
logo
logo @@ -69,10 +69,10 @@ const TracksPrizes = () => {
-
- logo - logo -
+
+ logo + logo +
) } diff --git a/src/components/TracksPrizes/TracksPrizesInnovation.jsx b/src/components/TracksPrizes/TracksPrizesInnovation.jsx new file mode 100644 index 0000000..c2fa4f0 --- /dev/null +++ b/src/components/TracksPrizes/TracksPrizesInnovation.jsx @@ -0,0 +1,80 @@ +import React from 'react' +import './TracksPrizesStyle.css' +import Image from "next/image"; + + +const TracksPrizes = () => { + return ( + <> +
+ logo + logo +
+ logo +
+
+
+
+
+ logo + logo + logo +
+
+
+ logo + logo +
+
+
+ logo + logo + logo + logo + logo +
+
+ logo + logo + logo + logo + logo +
+
+ logo + logo + logo + logo + logo +
+
+ logo +
+ +
+
+
+
+
+ logo + logo +
+ logo + logo + logo + logo + logo +
+ logo +
+
+
+
+ logo + logo +
+ + ) +} + +export default TracksPrizes \ No newline at end of file diff --git a/src/components/TracksPrizes/TracksPrizesSecurity.jsx b/src/components/TracksPrizes/TracksPrizesSecurity.jsx new file mode 100644 index 0000000..65001c8 --- /dev/null +++ b/src/components/TracksPrizes/TracksPrizesSecurity.jsx @@ -0,0 +1,79 @@ +import React from 'react' +import './TracksPrizesStyle.css' +import Image from "next/image"; + + +const TracksPrizes = () => { + return ( + <> +
+ logo + logo +
+ logo +
+
+
+
+
+ logo + logo + logo +
+
+
+ logo + logo +
+
+
+ logo + logo + logo + logo + logo +
+
+ logo + logo + logo + logo + logo +
+
+ logo + logo + logo + logo + logo +
+
+ logo +
+ +
+
+
+
+
+ logo + logo +
+ logo + logo + logo +
+ logo + logo +
+
+
+
+ logo + logo +
+ + ) +} + +export default TracksPrizes \ No newline at end of file diff --git a/src/components/TracksPrizes/TracksPrizesStyle.css b/src/components/TracksPrizes/TracksPrizesStyle.css index e5e1133..442b426 100644 --- a/src/components/TracksPrizes/TracksPrizesStyle.css +++ b/src/components/TracksPrizes/TracksPrizesStyle.css @@ -1,4 +1,4 @@ -.boundary1{ +.boundary1 { background-repeat: no-repeat; background-image: url('/Images/HealthCareBoundary.svg'); background-size: 100% 100%; @@ -6,7 +6,7 @@ width: 25%; } -.bg1{ +.bg1 { background-repeat: no-repeat; background-image: url('/Images/TOpTheme.svg'); background-size: 100% 100%; @@ -16,7 +16,28 @@ margin-left: -5%; } -.bg2{ +.bg4 { + background-repeat: no-repeat; + background-image: url('/Images/TOpTheme2.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 73%; + height: 80%; + margin-left: 2%; +} + +.bg11 { + background-repeat: no-repeat; + background-image: url('/Images/TOpTheme2.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 70%; + height: 80%; +} + +.bg2 { background-repeat: no-repeat; background-image: url('/images/MiddleTheme.svg'); background-size: 100% 100%; @@ -27,12 +48,120 @@ margin-top: -4%; } -.bg3{ +.bg8 { background-repeat: no-repeat; - background-image: url('/Images/BottomTheme.svg'); - background-size:100% 100%; + background-image: url('/images/MiddleTheme.svg'); + background-size: cover; + display: flex; + align-items: center; + width: 70%; + margin-top: 4%; +} + +.bg14 { + background-repeat: no-repeat; + background-image: url('/images/MiddleTheme.svg'); + background-size: cover; + display: flex; + align-items: center; + width: 70%; + margin-top: -15%; +} + +.bg9 { + background-repeat: no-repeat; + background-image: url("/images/MiddleTheme.svg"); + background-size: cover; + display: flex; + align-items: center; + width: 70%; + margin-top: -2%; + margin-left: 4%; +} + +.bg6 { + background-repeat: no-repeat; + background-image: url('/images/MiddleTheme.svg'); + background-size: 100% 100%; display: flex; align-items: center; width: 77%; + height: 100%; + margin-top: 4%; +} + +.bg3 { + background-repeat: no-repeat; + background-image: url('/Images/BottomTheme.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 78%; height: 80%; +} + +.bg10 { + background-repeat: no-repeat; + background-image: url('/Images/BottomTheme.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 70%; + height: 80%; + margin-left: 4%; +} + +.bg13 { + background-repeat: no-repeat; + background-image: url('/Images/BottomTheme.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 70%; + height: 80%; + margin-left: 4%; + margin-top: -22%; +} + +.bg15 { + background-repeat: no-repeat; + background-image: url('/Images/BottomTheme.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 70%; + height: 80%; +} + +.bg5 { + background-repeat: no-repeat; + background-image: url('/Images/BottomTheme2.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 90%; + margin-left: 1%; + margin-top: -7%; +} + +.bg7 { + background-repeat: no-repeat; + background-image: url('/Images/MiddleTheme2.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 95%; + margin-left: -10%; + margin-top: -2%; +} + +.bg12 { + background-repeat: no-repeat; + background-image: url('/Images/MiddleTheme2.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 90%; + margin-left: -8%; + margin-top: -14%; } \ No newline at end of file diff --git a/src/components/TracksPrizes/TracksPrizesWeb3.jsx b/src/components/TracksPrizes/TracksPrizesWeb3.jsx new file mode 100644 index 0000000..352824b --- /dev/null +++ b/src/components/TracksPrizes/TracksPrizesWeb3.jsx @@ -0,0 +1,79 @@ +import React from 'react' +import './TracksPrizesStyle.css' +import Image from "next/image"; + + +const TracksPrizes = () => { + return ( + <> +
+ logo + logo +
+ logo +
+
+
+
+
+ logo + logo + logo +
+
+
+ logo + logo +
+
+
+ logo + logo + logo + logo + logo +
+
+ logo + logo + logo + logo + logo +
+
+ logo + logo + logo + logo + logo +
+
+ logo +
+ +
+
+
+
+
+ logo + logo +
+ logo + logo + logo + logo +
+ logo +
+
+
+
+ logo + logo +
+ + ) +} + +export default TracksPrizes \ No newline at end of file From 7f5af3584bbf58c02d1dd193235b99c2e2a5c2ea Mon Sep 17 00:00:00 2001 From: suraj Date: Mon, 17 Jul 2023 14:30:33 +0530 Subject: [PATCH 3/5] web3 page alignment updated --- src/components/TracksPrizes/TracksPrizesStyle.css | 8 ++++---- src/components/TracksPrizes/TracksPrizesWeb3.jsx | 6 +++--- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/src/components/TracksPrizes/TracksPrizesStyle.css b/src/components/TracksPrizes/TracksPrizesStyle.css index 442b426..6b1b5b4 100644 --- a/src/components/TracksPrizes/TracksPrizesStyle.css +++ b/src/components/TracksPrizes/TracksPrizesStyle.css @@ -65,7 +65,7 @@ display: flex; align-items: center; width: 70%; - margin-top: -15%; + margin-top: -12%; } .bg9 { @@ -75,7 +75,7 @@ display: flex; align-items: center; width: 70%; - margin-top: -2%; + margin-top: -1%; margin-left: 4%; } @@ -152,7 +152,7 @@ align-items: center; width: 95%; margin-left: -10%; - margin-top: -2%; + margin-top: -1%; } .bg12 { @@ -161,7 +161,7 @@ background-size: 100% 100%; display: flex; align-items: center; - width: 90%; + width: 85%; margin-left: -8%; margin-top: -14%; } \ No newline at end of file diff --git a/src/components/TracksPrizes/TracksPrizesWeb3.jsx b/src/components/TracksPrizes/TracksPrizesWeb3.jsx index 352824b..30a3dcb 100644 --- a/src/components/TracksPrizes/TracksPrizesWeb3.jsx +++ b/src/components/TracksPrizes/TracksPrizesWeb3.jsx @@ -57,11 +57,11 @@ const TracksPrizes = () => {
logo - logo + logo
- logo + logo logo - logo + logo logo
logo From 0295c68374a1f359567ed312df9ca7d35dcfa973 Mon Sep 17 00:00:00 2001 From: suraj Date: Mon, 17 Jul 2023 14:39:29 +0530 Subject: [PATCH 4/5] women security page alignment updated --- src/components/TracksPrizes/TracksPrizesSecurity.jsx | 2 +- src/components/TracksPrizes/TracksPrizesStyle.css | 8 ++++---- src/components/TracksPrizes/TracksPrizesWeb3.jsx | 2 +- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/components/TracksPrizes/TracksPrizesSecurity.jsx b/src/components/TracksPrizes/TracksPrizesSecurity.jsx index 65001c8..cfd6b70 100644 --- a/src/components/TracksPrizes/TracksPrizesSecurity.jsx +++ b/src/components/TracksPrizes/TracksPrizesSecurity.jsx @@ -63,7 +63,7 @@ const TracksPrizes = () => { logo logo
- logo + logo logo
diff --git a/src/components/TracksPrizes/TracksPrizesStyle.css b/src/components/TracksPrizes/TracksPrizesStyle.css index 6b1b5b4..427b5af 100644 --- a/src/components/TracksPrizes/TracksPrizesStyle.css +++ b/src/components/TracksPrizes/TracksPrizesStyle.css @@ -117,10 +117,10 @@ background-size: 100% 100%; display: flex; align-items: center; - width: 70%; + width: 68%; height: 80%; - margin-left: 4%; - margin-top: -22%; + margin-left: 2%; + margin-top: -20%; } .bg15 { @@ -163,5 +163,5 @@ align-items: center; width: 85%; margin-left: -8%; - margin-top: -14%; + margin-top: -12%; } \ No newline at end of file diff --git a/src/components/TracksPrizes/TracksPrizesWeb3.jsx b/src/components/TracksPrizes/TracksPrizesWeb3.jsx index 30a3dcb..be19881 100644 --- a/src/components/TracksPrizes/TracksPrizesWeb3.jsx +++ b/src/components/TracksPrizes/TracksPrizesWeb3.jsx @@ -62,7 +62,7 @@ const TracksPrizes = () => { logo logo logo - logo + logo
logo From 1834bc7f169f48c531acfa92e1e0cf7f3daded52 Mon Sep 17 00:00:00 2001 From: suraj Date: Thu, 20 Jul 2023 23:01:36 +0530 Subject: [PATCH 5/5] images change to text --- .../{TextImages => }/HorizentalLine.svg | 0 public/Images/TextImages/001.svg | 3 -- public/Images/TextImages/002.svg | 3 -- public/Images/TextImages/003.svg | 3 -- public/Images/TextImages/1000.svg | 3 -- public/Images/TextImages/1500.svg | 3 -- public/Images/TextImages/2000.svg | 3 -- public/Images/TextImages/2500.svg | 3 -- public/Images/TextImages/500.svg | 3 -- public/Images/TextImages/Environment.svg | 3 -- public/Images/TextImages/Health.svg | 3 -- public/Images/TextImages/Innovation.svg | 3 -- public/Images/TextImages/PresentedBy.svg | 3 -- public/Images/TextImages/Web3.svg | 3 -- public/Images/TextImages/Women.svg | 3 -- public/Images/TextImages/dotted1.svg | 3 -- public/Images/TextImages/dotted2.svg | 3 -- public/Images/TextImages/dotted3.svg | 0 public/Images/TextImages/first.svg | 3 -- public/Images/TextImages/second.svg | 3 -- public/Images/TextImages/third.svg | 3 -- src/app/page.js | 4 +- .../TracksPrizes/TracksPrizesEnvironment.jsx | 47 ++++++++-------- .../TracksPrizes/TracksPrizesHealthCare.jsx | 53 +++++++++---------- .../TracksPrizes/TracksPrizesInnovation.jsx | 51 +++++++++--------- .../TracksPrizes/TracksPrizesSecurity.jsx | 48 ++++++++--------- .../TracksPrizes/TracksPrizesStyle.css | 43 +++++++++------ .../TracksPrizes/TracksPrizesWeb3.jsx | 49 +++++++++-------- 28 files changed, 150 insertions(+), 202 deletions(-) rename public/Images/{TextImages => }/HorizentalLine.svg (100%) delete mode 100644 public/Images/TextImages/001.svg delete mode 100644 public/Images/TextImages/002.svg delete mode 100644 public/Images/TextImages/003.svg delete mode 100644 public/Images/TextImages/1000.svg delete mode 100644 public/Images/TextImages/1500.svg delete mode 100644 public/Images/TextImages/2000.svg delete mode 100644 public/Images/TextImages/2500.svg delete mode 100644 public/Images/TextImages/500.svg delete mode 100644 public/Images/TextImages/Environment.svg delete mode 100644 public/Images/TextImages/Health.svg delete mode 100644 public/Images/TextImages/Innovation.svg delete mode 100644 public/Images/TextImages/PresentedBy.svg delete mode 100644 public/Images/TextImages/Web3.svg delete mode 100644 public/Images/TextImages/Women.svg delete mode 100644 public/Images/TextImages/dotted1.svg delete mode 100644 public/Images/TextImages/dotted2.svg delete mode 100644 public/Images/TextImages/dotted3.svg delete mode 100644 public/Images/TextImages/first.svg delete mode 100644 public/Images/TextImages/second.svg delete mode 100644 public/Images/TextImages/third.svg diff --git a/public/Images/TextImages/HorizentalLine.svg b/public/Images/HorizentalLine.svg similarity index 100% rename from public/Images/TextImages/HorizentalLine.svg rename to public/Images/HorizentalLine.svg diff --git a/public/Images/TextImages/001.svg b/public/Images/TextImages/001.svg deleted file mode 100644 index 329b99d..0000000 --- a/public/Images/TextImages/001.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/Images/TextImages/002.svg b/public/Images/TextImages/002.svg deleted file mode 100644 index f02dce2..0000000 --- a/public/Images/TextImages/002.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/Images/TextImages/003.svg b/public/Images/TextImages/003.svg deleted file mode 100644 index 3fae781..0000000 --- a/public/Images/TextImages/003.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/Images/TextImages/1000.svg b/public/Images/TextImages/1000.svg deleted file mode 100644 index 937c185..0000000 --- a/public/Images/TextImages/1000.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/Images/TextImages/1500.svg b/public/Images/TextImages/1500.svg deleted file mode 100644 index d97de95..0000000 --- a/public/Images/TextImages/1500.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/Images/TextImages/2000.svg b/public/Images/TextImages/2000.svg deleted file mode 100644 index e6f3062..0000000 --- a/public/Images/TextImages/2000.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/Images/TextImages/2500.svg b/public/Images/TextImages/2500.svg deleted file mode 100644 index 2eb4f02..0000000 --- a/public/Images/TextImages/2500.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/Images/TextImages/500.svg b/public/Images/TextImages/500.svg deleted file mode 100644 index ac7341d..0000000 --- a/public/Images/TextImages/500.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/Images/TextImages/Environment.svg b/public/Images/TextImages/Environment.svg deleted file mode 100644 index 3c65ead..0000000 --- a/public/Images/TextImages/Environment.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/Images/TextImages/Health.svg b/public/Images/TextImages/Health.svg deleted file mode 100644 index 2c60363..0000000 --- a/public/Images/TextImages/Health.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/Images/TextImages/Innovation.svg b/public/Images/TextImages/Innovation.svg deleted file mode 100644 index 05a2694..0000000 --- a/public/Images/TextImages/Innovation.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/Images/TextImages/PresentedBy.svg b/public/Images/TextImages/PresentedBy.svg deleted file mode 100644 index 5cc733e..0000000 --- a/public/Images/TextImages/PresentedBy.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/Images/TextImages/Web3.svg b/public/Images/TextImages/Web3.svg deleted file mode 100644 index b255c61..0000000 --- a/public/Images/TextImages/Web3.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/Images/TextImages/Women.svg b/public/Images/TextImages/Women.svg deleted file mode 100644 index aee3c2c..0000000 --- a/public/Images/TextImages/Women.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/Images/TextImages/dotted1.svg b/public/Images/TextImages/dotted1.svg deleted file mode 100644 index b84479b..0000000 --- a/public/Images/TextImages/dotted1.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/Images/TextImages/dotted2.svg b/public/Images/TextImages/dotted2.svg deleted file mode 100644 index e103d5a..0000000 --- a/public/Images/TextImages/dotted2.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/Images/TextImages/dotted3.svg b/public/Images/TextImages/dotted3.svg deleted file mode 100644 index e69de29..0000000 diff --git a/public/Images/TextImages/first.svg b/public/Images/TextImages/first.svg deleted file mode 100644 index 1d8b582..0000000 --- a/public/Images/TextImages/first.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/Images/TextImages/second.svg b/public/Images/TextImages/second.svg deleted file mode 100644 index 71c27e6..0000000 --- a/public/Images/TextImages/second.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/public/Images/TextImages/third.svg b/public/Images/TextImages/third.svg deleted file mode 100644 index c73254e..0000000 --- a/public/Images/TextImages/third.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/app/page.js b/src/app/page.js index 1dd73b0..d1449f4 100644 --- a/src/app/page.js +++ b/src/app/page.js @@ -72,7 +72,7 @@ export default function Home() {

- +

@@ -87,7 +87,7 @@ export default function Home() {

- + ); diff --git a/src/components/TracksPrizes/TracksPrizesEnvironment.jsx b/src/components/TracksPrizes/TracksPrizesEnvironment.jsx index fdc3103..89b7051 100644 --- a/src/components/TracksPrizes/TracksPrizesEnvironment.jsx +++ b/src/components/TracksPrizes/TracksPrizesEnvironment.jsx @@ -26,47 +26,46 @@ const TracksPrizes = () => { logo
-
+
logo - logo - logo - logo - logo +

001

+

FIRST PRIZE

+

.................

+

$2500

-
+
logo - logo - logo - logo - logo +

002

+

SECOND PRIZE

+

..............

+

$2000

-
+
logo - logo - logo - logo - logo +

003

+

THIRD PRIZE

+

.................

+

$1500

- logo +

PRESENTED BY

-
- logo - logo +

HEALTHCARE

+ logo
- logo +

WEB3

- logo +

ENVIRONMENT

- logo - logo +

WOMAN
SECURITY

+ logo
- logo +

OPEN
INNOVATION

diff --git a/src/components/TracksPrizes/TracksPrizesHealthCare.jsx b/src/components/TracksPrizes/TracksPrizesHealthCare.jsx index a7ccecc..ef6a61b 100644 --- a/src/components/TracksPrizes/TracksPrizesHealthCare.jsx +++ b/src/components/TracksPrizes/TracksPrizesHealthCare.jsx @@ -26,46 +26,45 @@ const TracksPrizes = () => { logo
-
+
logo - logo - logo - logo - logo +

001

+

FIRST PRIZE

+

.................

+

$2500

-
+
logo - logo - logo - logo - logo +

002

+

SECOND PRIZE

+

..............

+

$2000

-
+
logo - logo - logo - logo - logo +

003

+

THIRD PRIZE

+

.................

+

$1500

- logo +

PRESENTED BY

-
-
- logo -
- logo - logo - logo - logo - logo - logo +
+

HEALTHCARE

+
+

WEB3

+ logo +

ENVIRONMENT

+ logo +

WOMAN
SECURITY

+ logo
- logo +

OPEN
INNOVATION

diff --git a/src/components/TracksPrizes/TracksPrizesInnovation.jsx b/src/components/TracksPrizes/TracksPrizesInnovation.jsx index c2fa4f0..51e709a 100644 --- a/src/components/TracksPrizes/TracksPrizesInnovation.jsx +++ b/src/components/TracksPrizes/TracksPrizesInnovation.jsx @@ -26,46 +26,45 @@ const TracksPrizes = () => { logo
-
+
logo - logo - logo - logo - logo +

001

+

FIRST PRIZE

+

.................

+

$2500

-
+
logo - logo - logo - logo - logo +

002

+

SECOND PRIZE

+

..............

+

$2000

-
+
logo - logo - logo - logo - logo +

003

+

THIRD PRIZE

+

.................

+

$1500

- logo +

PRESENTED BY

-
- logo - logo -
- logo - logo - logo - logo - logo +

HEALTHCARE

+ logo +
+

WEB3

+ logo +

WOMAN
SECURITY

+ logo +

ENVIRONMENT

- logo +

OPEN
INNOVATION

diff --git a/src/components/TracksPrizes/TracksPrizesSecurity.jsx b/src/components/TracksPrizes/TracksPrizesSecurity.jsx index cfd6b70..a07876d 100644 --- a/src/components/TracksPrizes/TracksPrizesSecurity.jsx +++ b/src/components/TracksPrizes/TracksPrizesSecurity.jsx @@ -26,45 +26,45 @@ const TracksPrizes = () => { logo
-
+
logo - logo - logo - logo - logo +

001

+

FIRST PRIZE

+

.................

+

$2500

-
+
logo - logo - logo - logo - logo +

002

+

SECOND PRIZE

+

..............

+

$2000

-
+
logo - logo - logo - logo - logo +

003

+

THIRD PRIZE

+

.................

+

$1500

- logo +

PRESENTED BY

-
- logo - logo +

HEALTHCARE

+ logo
- logo - logo - logo +

WEB3

+ logo +

ENVIRONMENT

- logo - logo +

WOMAN
SECURITY

+

OPEN
INNOVATION

+
diff --git a/src/components/TracksPrizes/TracksPrizesStyle.css b/src/components/TracksPrizes/TracksPrizesStyle.css index 427b5af..3110412 100644 --- a/src/components/TracksPrizes/TracksPrizesStyle.css +++ b/src/components/TracksPrizes/TracksPrizesStyle.css @@ -22,9 +22,8 @@ background-size: 100% 100%; display: flex; align-items: center; - width: 73%; + width: 77%; height: 80%; - margin-left: 2%; } .bg11 { @@ -33,7 +32,7 @@ background-size: 100% 100%; display: flex; align-items: center; - width: 70%; + width: 80%; height: 80%; } @@ -54,7 +53,7 @@ background-size: cover; display: flex; align-items: center; - width: 70%; + width: 80%; margin-top: 4%; } @@ -64,8 +63,8 @@ background-size: cover; display: flex; align-items: center; - width: 70%; - margin-top: -12%; + width: 80%; + margin-top: -2%; } .bg9 { @@ -87,7 +86,7 @@ align-items: center; width: 77%; height: 100%; - margin-top: 4%; + margin-top: -2%; } .bg3 { @@ -96,8 +95,8 @@ background-size: 100% 100%; display: flex; align-items: center; - width: 78%; - height: 80%; + width: 75%; + margin-left: 1%; } .bg10 { @@ -117,10 +116,9 @@ background-size: 100% 100%; display: flex; align-items: center; - width: 68%; - height: 80%; + width: 75%; margin-left: 2%; - margin-top: -20%; + margin-top: -19%; } .bg15 { @@ -129,7 +127,7 @@ background-size: 100% 100%; display: flex; align-items: center; - width: 70%; + width: 80%; height: 80%; } @@ -141,7 +139,7 @@ align-items: center; width: 90%; margin-left: 1%; - margin-top: -7%; + margin-top: -15%; } .bg7 { @@ -161,7 +159,18 @@ background-size: 100% 100%; display: flex; align-items: center; - width: 85%; - margin-left: -8%; - margin-top: -12%; + width: 100%; + margin-left: -10%; + margin-top: -9%; +} + +.bg16 { + background-repeat: no-repeat; + background-image: url('/Images/MiddleTheme2.svg'); + background-size: 100% 100%; + display: flex; + align-items: center; + width: 95%; + margin-left: -10%; + margin-top: -11%; } \ No newline at end of file diff --git a/src/components/TracksPrizes/TracksPrizesWeb3.jsx b/src/components/TracksPrizes/TracksPrizesWeb3.jsx index be19881..aba32a8 100644 --- a/src/components/TracksPrizes/TracksPrizesWeb3.jsx +++ b/src/components/TracksPrizes/TracksPrizesWeb3.jsx @@ -26,45 +26,44 @@ const TracksPrizes = () => { logo
-
+
logo - logo - logo - logo - logo +

001

+

FIRST PRIZE

+

.................

+

$2500

-
+
logo - logo - logo - logo - logo +

002

+

SECOND PRIZE

+

..............

+

$2000

-
+
logo - logo - logo - logo - logo +

003

+

THIRD PRIZE

+

.................

+

$1500

- logo +

PRESENTED BY

-
- logo - logo -
- logo - logo - logo - logo +

HEALTHCARE

+

WEB3

+
+

ENVIRONMENT

+ logo +

WOMAN
SECURITY

+ logo
- logo +

OPEN
INNOVATION