added all components and assembeled an okayish looking website

src/components/jobs/Jobs.css

@@ -0,0 +1,24 @@
+.react-tabs__tab--selected {
+    transition: 1s;
+    border-top: 1px #00AA00 solid;
+}
+
+.tab-btn {
+    background-color: #121212;
+    transition: 1s;
+
+
+    border-bottom: 1px #FFFFFF solid;
+}
+
+.btn-beg {
+    border-bottom-left-radius: 10px;
+    border-top-left-radius: 10px;
+    border-left: 1px #FFFFFF solid;
+}
+
+.btn-end {
+    border-bottom-right-radius: 10px;
+    border-top-right-radius: 10px;
+    border-right: 1px #FFFFFF solid;
+}

src/components/jobs/Jobs.tsx

@@ -0,0 +1,18 @@
+import {AllJobs} from "../../static/data/Jobs";
+import JobCard from "../job-card/JobCard";
+import React from "react";
+import "./Jobs.css";
+
+export default function Jobs() {
+    return (
+        <div className={"child"} style={{minHeight: "100vh"}}>
+            <div className={"row"} style={{justifyContent: "center", alignItems: "center", alignContent: "center"}}>
+                <h1 className={"col-12"} style={{marginBottom: 20}}>Work</h1>
+
+                    {AllJobs.map((job, i) =><JobCard className={"col-md-4"} job={job}
+                                                               isCenter={i % 2 === 1}/>)}
+
+            </div>
+        </div>
+    )
+}