From 49a9e4c3db999ad0715747425239e7f4960d5fa0 Mon Sep 17 00:00:00 2001 From: Amal C P Date: Sat, 9 Sep 2023 22:40:38 +0530 Subject: [PATCH] mavelikyu oru portfolio --- src/App.js | 2 + .../MaveliPortfolio/MaveliPortfolio.jsx | 257 ++++++++++++ .../MaveliPortfolio.module.css | 375 ++++++++++++++++++ .../Events/MaveliPortfolio/assets/maveli.svg | 9 + .../Events/MaveliPortfolio/assets/uifirst.png | Bin 0 -> 442286 bytes .../Events/MaveliPortfolio/assets/uisec.png | Bin 0 -> 106138 bytes .../Events/MaveliPortfolio/assets/uithi.png | Bin 0 -> 583842 bytes .../MaveliPortfolio/assets/webSecond.png | Bin 0 -> 470299 bytes .../MaveliPortfolio/assets/webThird.png | Bin 0 -> 1713280 bytes .../MaveliPortfolio/assets/webfirst.png | Bin 0 -> 253873 bytes 10 files changed, 643 insertions(+) create mode 100644 src/Pages/Events/MaveliPortfolio/MaveliPortfolio.jsx create mode 100644 src/Pages/Events/MaveliPortfolio/MaveliPortfolio.module.css create mode 100644 src/Pages/Events/MaveliPortfolio/assets/maveli.svg create mode 100644 src/Pages/Events/MaveliPortfolio/assets/uifirst.png create mode 100644 src/Pages/Events/MaveliPortfolio/assets/uisec.png create mode 100644 src/Pages/Events/MaveliPortfolio/assets/uithi.png create mode 100644 src/Pages/Events/MaveliPortfolio/assets/webSecond.png create mode 100644 src/Pages/Events/MaveliPortfolio/assets/webThird.png create mode 100644 src/Pages/Events/MaveliPortfolio/assets/webfirst.png diff --git a/src/App.js b/src/App.js index 4426926f2..dabc59b5d 100644 --- a/src/App.js +++ b/src/App.js @@ -45,6 +45,7 @@ import MutechLeaderboard from "./Pages/MutechLeaderBoard/MutechLeaderBoard"; import CodeStorm from "./Pages/Events/GTA/CodeStorm/CodeStorm"; import KKEMLearningFest from "./Pages/KKEMLearningFest/KKEMLearningFest"; +import MaveliPortfolio from './Pages/Events/MaveliPortfolio/MaveliPortfolio' function App() { const [redirects, setRedirects] = useState([]); const [isLoaded, setIsLoaded] = useState(false); @@ -113,6 +114,7 @@ function App() { } /> } /> } /> + } /> } /> diff --git a/src/Pages/Events/MaveliPortfolio/MaveliPortfolio.jsx b/src/Pages/Events/MaveliPortfolio/MaveliPortfolio.jsx new file mode 100644 index 000000000..3ae5370b7 --- /dev/null +++ b/src/Pages/Events/MaveliPortfolio/MaveliPortfolio.jsx @@ -0,0 +1,257 @@ +import React from "react"; +import styles from "./MaveliPortfolio.module.css"; +import Navbar from "../../../Components/Navbar/Navbar"; +import Footer from "../../../Components/Footer/Footer"; +import image from "./assets/maveli.svg"; + +import webfirst from "./assets/webfirst.png"; +import websec from "./assets/webSecond.png"; +import webthi from "./assets/webThird.png"; + +import uifirst from "./assets/uifirst.png"; +import uisec from "./assets/uisec.png"; +import uithi from "./assets/uithi.png"; + +const MaveliPortfolio = () => { + return ( + <> + +
+
+
+
+

+ Portfolio For Maveli +

+

+ GTech Mulearn hosts a competition where participants create a + creatively designed web portfolio dedicated to the character of + Mahabali, emphasizing web development and UI design skills. +

+
+ +
+
+
+
+
+

Earn With Creativity

+

+ Experience the power of creativity and design in the Maveli + Portfolio Competition! Join the Maveli Portfolio Competition and + unleash your creativity to craft a stunning digital tribute for + Maveli, capturing the essence of this legendary figure. Let your + design skills shine and celebrate the spirit of Maveli + like never before +

+
+
+

⚒️

+
Build
+
+ To participate in BuildForTeam, all you have to + do is Build + an awesome website for your favourite World Cup team to + express your love and support. Priority will be given for + responsive websites. +
+
+ +
+

🖥

+
Learn
+
+ By building a website for your favourite football team, you + are not just showcasing your love for your team but also + your Web development skills. See this as an opportunity to + learn, practice and showcase your skills in a fun way! +
+
+ +
+

🏆

+
Earn
+
+ Once you’re done crafting the website, fill the and stand a + chance to win your favorite team's jersey. 💥 Selected + participants also stand a chance of winning cool goodies. +
+
+
+
+
+
+
+
+

Winners

+

+ The best performers in this event are listed below. + Congratulations to everyone who came in and made a great effort to + make this event a success.{" "} + Click on the image to view the website and ui. +

+
+
+

Website

+
+
+ + {" "} + + +

First Prize

+

Aswanth V C

+
+
+ + + +

Second Prize

+

Sreelakshmi M K

+
+
+ + + + +

Third Prize

+

Sreejith Mohan

+
+
{" "} +

UI / UX

+
+
+ + {" "} + + +

First Prize

+

Balasankar S

+
+
+ + + +

Second Prize

+

Aswin Asok

+
+
+ + + + +

Third Prize

+

Aravind Ashokan

+
+
+
+
+
+
+
+

Selection Criteria

+

+

    +
  • + • First level filtration will be there from which all the + valid website and ui will be selected and they enter to phase + two. +
  • +
  • + • From phase two, priority will be given to those who are + optimized for both desktop and mobile platforms. +
  • +
  • + • 3 winners will be selected from each(web development and ui/ux) +
  • +
+

+
+
+

Karma Awarding

+

+

    +
  • • 200 points will be awarded for participation.
  • +
  • + • 400 karma points will be awarded to the second-place winner. +
  • +
  • + • 800 karma points will be awarded to the first-place winner. +
  • +
+

+
+
+ +
+
+

Rules & Guidelines

+

+

    +
  • • The submission deadline is September 5th.
  • +
  • • Submissions will not be accepted after this date.
  • +
  • • A minimum of 3 scrolling pages is required.
  • +
  • • Responsiveness of the website and ui is optional.
  • +
  • + • You should use HTML and CSS; you can use libraries other + than Bootstrap. +
  • +
  • + • The website must be hosted, and you can use + GitHub for hosting. +
  • +
+

+
+ +
+

Have Doubts?

+

+ If you have any questions or concerns about this event, or if you + encounter any difficulties while participating, feel free to + contact us via Discord. +

+ + + +
+
+
+