Updated Devtools and Full Time position

src/components/devtools.js

@@ -0,0 +1,37 @@
+import React, { Component } from "react";
+import PythonLogo from "../media/python-logo.png"
+import JavaLogo from "../media/java-logo.png"
+import CplusLogo from "../media/c++.png"
+import JavaScriptLogo from "../media/JavaScript.webp"
+import './devtools.css'
+import Languages from "./programmingLaguages.json"
+
+const logos = {
+  "Python":PythonLogo,
+  "Java":JavaLogo,
+  "C++":CplusLogo,
+  "JavaScript": JavaScriptLogo
+}
+
+
+class DevToolsComponent extends Component {
+  
+render(){
+    return (
+        <div>
+          {/* <h2>Programming Languages</h2> */}
+          <div className="dev-tools-container">
+            {Languages.map(({name}) => (
+              <div  className="dev-tool">
+                <img src={logos[name]} alt={name} className="dev-tool-logo" />
+                <h3>{name}</h3>
+              </div>
+            ))}
+          </div>
+        </div>
+      );
+}
+  
+};
+
+export default DevToolsComponent;