feature-6[add Skills Form]

Author: Fomonyuytar-Joseph

src/App.js

@@ -5,6 +5,7 @@ import ProgrammingExpertise from "./components/ProgrammingExpertise";
 import Education from "./components/Education";
 import PersonalInformation from "./components/PersonalInformation";
 import CV from './components/CV';
+import Skills from "./components/Skills";
 
 function App() {
   return (
@@ -15,6 +16,7 @@ function App() {
       <Education />
       <PersonalInformation />
       <CV />
+      <Skills/>
     </>
   );
 }

src/components/Skills.js

@@ -0,0 +1,74 @@
+import React from 'react'
+
+function Skills() {
+  return (
+    <div>
+      <h1> Skills</h1>
+
+      <form>
+        <ul>
+          <li>
+            <label for="form-technical">Technical Skills:</label>
+            <input
+              type="text"
+              name="technicalskills"
+              id="form-technical"
+              placeholder="Enter Your Technical Skills"
+              aria-label="Provide Your Technical Skills"
+              />
+          </li>
+          <li>
+            <label for="form-business">Buisness Skills:</label>
+            <input
+              type="text"
+              name="buisnesSkills"
+              id="form-buisness"
+              placeholder="Enter Your Buisness Skills"
+              aria-label="Provide Your Buisness Skills"
+            />
+          </li>
+          <li>
+            <label for="form-programming">Programming Languages:</label>
+            <input
+              type="text"
+              name="programming"
+              id="form-programming"
+              placeholder="Javascript"
+              aria-label="Provide a Programming Language "
+            />
+          </li>
+          <li>
+            <label for="form-tools">
+              Tools:
+              <input
+                type="text"
+                name="tools"
+                id="form-tools"
+                placeholder="Enter Your Tools"
+                aria-label="Provide Your Tools "
+              />
+            </label>
+          </li>
+          <li>
+            <label for="form-language">
+              Languages:
+              <input
+                type="text"
+                name="language"
+                id="form-language"
+                placeholder="English "
+                aria-label="Provide Your Languages "
+              />
+            </label>
+          </li>
+         
+        </ul>
+
+        <button> Save </button>
+        <button> Cancel </button>
+      </form>
+    </div>
+  )
+}
+
+export default Skills