diff --git a/assets/Fonts/ProfileFont.woff2 b/assets/Fonts/ProfileFont.woff2 new file mode 100644 index 0000000..4025543 Binary files /dev/null and b/assets/Fonts/ProfileFont.woff2 differ diff --git a/src/App.jsx b/src/App.jsx index a93983d..804fdf6 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -12,54 +12,47 @@ import PlayGround from "./Python/PlayGround"; import Navbar from "./Components/Navbar"; import TensorFlow from "./Python_Library_Pages/TensorFlow/Introduction-to-tensorFlow"; -import IntroAndInstall from "./Python_Library_Pages/Flask/Introduction-to-flask"; - const App = () => { - return ( - - - - } /> - - } /> - - }> - } /> - } - /> - } - /> - - }> - } /> - {/* if we have child element we need added here */} - - }> - } /> - - }> - } /> - - - {/* TensorFlow */} - }> - } /> - - - }> - } /> - - - {/* remaing routes*/} - - - - ); + return ( + + + + } /> + + } /> + + }> + } /> + } + /> + } + /> + + }> + } /> + {/* if we have child element we need added here */} + + }> + } /> + + }> + } /> + + + {/* TensorFlow */} + }> + } /> + + + {/* remaing routes*/} + + + ); }; export default App; diff --git a/src/Components/Navbar.jsx b/src/Components/Navbar.jsx index 2a21382..068be23 100644 --- a/src/Components/Navbar.jsx +++ b/src/Components/Navbar.jsx @@ -1,56 +1,56 @@ import React, { useState } from "react"; const Navbar = () => { - // Navbar links - let links = [ - { name: "Docs", link: "/" }, - { name: "Libraries", link: "/" }, - { name: "Blog", link: "/" }, - ]; + // Navbar links + let links = [ + { name: "Docs", link: "/" }, + { name: "Libraries", link: "/" }, + { name: "Blog", link: "/" }, + { name: "Profile", link: "/profile" }, + ]; - const [isOpen, setisOpen] = useState(false); + const [isOpen, setisOpen] = useState(false); - return ( - <> - + + ); }; export default Navbar; diff --git a/src/Components/Profile.tsx b/src/Components/Profile.tsx new file mode 100644 index 0000000..0c29e80 --- /dev/null +++ b/src/Components/Profile.tsx @@ -0,0 +1,249 @@ +import React from "react"; + +const Profile = () => { + return ( +
+

+ Profile +

+
+
+
+
+ profile +

Mustafa Azad

+
+
+ + + + + Full-Stack Developer +
+
+ + + + Califonia, USA +
+
+

+ Email Address: +

+

+ mustafa@gmail.com +

+
+
+

+ Home Address: +

+

+ 92 Miles Drive, Newark, NJ 07103, California, United States of + America +

+
+
+

+ Phone number: +

+

+ +00 123 456 789 / +12 345 678 +

+
+ {/* Software Skills */} +
+

+ Software Skills: +

+
+ + + + + + + + + + + + +
+
+
+
+ @2023 Mustafa. All rights reserved. +
+
+
+
+

General Information

+
+
+
+
+

+ About me +

+

+ Dedicated, passionate, and accomplished Full Stack + Developer with 9+ years of progressive experience working + as an Independent Contractor for Google and developing and + growing my educational social network that helps others + learn programming, web design, game development, + networking. +

+
+
+

+ Education +

+

+ Thomas Jeff High School, Stanford University +

+
+
+

+ Work History +

+

+ Twitch, Google, Apple +

+
+
+
+
+

+ Join Date +

+

12-09-2021

+
+
+

+ Languages +

+

+ English, German, Italian, Spanish +

+
+
+
+
+
+
+

Skills

+
+
+
+
+

+ Software Skills +

+
+
+ Next.Js +
+
+ React.Js +
+
+ Node.Js +
+
+ Express.Js +
+
+ MongoDB +
+
+ MySQL +
+
+
+
+

+ Design Skills +

+
+
+ Adobe Photoshop +
+
+ Adobe Illustrator +
+
+
+
+
+
+
+
+
+
+ ); +}; + +export default Profile; diff --git a/src/Components/TeamProfile.tsx b/src/Components/TeamProfile.tsx new file mode 100644 index 0000000..971a69f --- /dev/null +++ b/src/Components/TeamProfile.tsx @@ -0,0 +1,697 @@ +import React from "react"; + +const TeamProfile = () => { + return ( +
+
+
+
+

+ BUILDING TEAM +

+

+ The Talented People Behind the Scenes of the Organization +

+
+
+
+
+
+
+
+
+
+ Display Picture of Andres Berlin +
+
+
+

+ Andres Berlin +

+

+ Chief Executive Officer +

+

+ The CEO's role in raising a company's corporate IQ is to + establish an atmosphere that promotes knowledge sharing + and collaboration. +

+ +
+
+
+
+
+
+
+ Display Picture of Andres Berlin +
+
+
+

+ Andres Berlin +

+

+ Chief Executive Officer +

+

+ The CEO's role in raising a company's corporate IQ is to + establish an atmosphere that promotes knowledge sharing + and collaboration. +

+ +
+
+
+
+
+
+
+ Display Picture of Andres Berlin +
+
+
+

+ Andres Berlin +

+

+ Chief Executive Officer +

+

+ The CEO's role in raising a company's corporate IQ is to + establish an atmosphere that promotes knowledge sharing + and collaboration. +

+ +
+
+
+
+
+
+
+ Display Picture of Andres Berlin +
+
+
+

+ Andres Berlin +

+

+ Chief Executive Officer +

+

+ The CEO's role in raising a company's corporate IQ is to + establish an atmosphere that promotes knowledge sharing + and collaboration. +

+ +
+
+
+
+
+
+
+ Display Picture of Andres Berlin +
+
+
+

+ Andres Berlin +

+

+ Chief Executive Officer +

+

+ The CEO's role in raising a company's corporate IQ is to + establish an atmosphere that promotes knowledge sharing + and collaboration. +

+ +
+
+
+
+
+
+
+ Display Picture of Andres Berlin +
+
+
+

+ Andres Berlin +

+

+ Chief Executive Officer +

+

+ The CEO's role in raising a company's corporate IQ is to + establish an atmosphere that promotes knowledge sharing + and collaboration. +

+ +
+
+
+
+
+
+
+ Display Picture of Andres Berlin +
+
+
+

+ Andres Berlin +

+

+ Chief Executive Officer +

+

+ The CEO's role in raising a company's corporate IQ is to + establish an atmosphere that promotes knowledge sharing + and collaboration. +

+ +
+
+
+
+
+
+
+
+ ); +}; + +export default TeamProfile; diff --git a/src/Python/PlayGround.jsx b/src/Python/PlayGround.jsx index 3d180b5..906d625 100644 --- a/src/Python/PlayGround.jsx +++ b/src/Python/PlayGround.jsx @@ -36,29 +36,28 @@ const PlayGround = () => { setShowMainOrShell(false); }; - const run = () => { - try { - logs = []; - window.brython([1]); - } catch (error) { - console.log(error); - } - }; - - const handleConsoleLog = (value) => { - if (value !== "using indexedDB for stdlib modules cache") { - logs.push(`${value}`); - setOutputArr([...logs]); - } - }; - - const clearLogs = () => { - logs = []; - setOutputArr([]); - }; - - window.console.log = handleConsoleLog; - + const run = () => { + try { + logs = []; + window.brython([1]); + } catch (error) { + console.log(error); + } + }; + + const handleConsoleLog = (value) => { + if (value !== "using indexedDB for stdlib modules cache") { + logs.push(`${value}`); + setOutputArr([...logs]); + } + }; + + const clearLogs = () => { + logs = []; + setOutputArr([]); + }; + + window.console.log = handleConsoleLog; return (