minimal checking page

src/app/studentDashboard/page.js

@@ -2,24 +2,55 @@
 
 import "bootstrap/dist/css/bootstrap.min.css"
 import Accordion from 'react-bootstrap/Accordion';
+import Form from 'react-bootstrap/Form';
+import Nav from 'react-bootstrap/Nav';
+import Button from 'react-bootstrap/Button';
 
-function BasicExample() {
+function studentDashboard() {
   return (
-    <Accordion defaultActiveKey="0">
-      <Accordion.Item eventKey="0">
-        <Accordion.Header>Language Skill</Accordion.Header>
-        <Accordion.Body>
-          I can speak english natively and achieved an A* at GCSE french
-        </Accordion.Body>
-      </Accordion.Item>
-      <Accordion.Item eventKey="1">
-        <Accordion.Header>Profient in Maths</Accordion.Header>
-        <Accordion.Body>
-          Maths Grade A in ALevels
-        </Accordion.Body>
-      </Accordion.Item>
-    </Accordion>
+    <main className="studentDashboard">
+      <Nav fill className="justify-content-center" activeKey="/home">
+      <Nav.Item>
+        <h6>3 Requirement Matched </h6>
+      </Nav.Item>
+      <Nav.Item>
+      <h4>Your Application </h4>
+      </Nav.Item>
+      <Nav.Item>
+        <Nav.Link eventKey="link-2">Uplaod CV</Nav.Link>
+      </Nav.Item>
+      </Nav>
+      
+
+    <Form>
+      <Accordion defaultActiveKey={['0']} alwaysOpen>
+        <Accordion.Item eventKey="0">
+          <Accordion.Header>Language Skill</Accordion.Header>
+          <Accordion.Body>
+          <Form.Group className="mb-3" controlId="formGroupSkill1">
+          <Form.Control as="textarea" rows={3} placeholder="Enter your evidence of the skill"/>
+          </Form.Group>
+          </Accordion.Body>
+        </Accordion.Item>
+        <Accordion.Item eventKey="1">
+          <Accordion.Header>Profient in Maths</Accordion.Header>
+          <Accordion.Body>
+          <Form.Group className="mb-3" controlId="formGroupSkill2">
+            <Form.Label>Password</Form.Label>
+            <Form.Control as="textarea" rows={3} placeholder="Enter your evidence of the skill"/>
+          </Form.Group>
+          </Accordion.Body>
+        </Accordion.Item>
+        </Accordion>
+      </Form>
+
+      <Button variant="primary" type="submit">
+        Submit
+      </Button>
+    </main>
+    
+    
   );
 }
 
-export default BasicExample;
\ No newline at end of file
+export default studentDashboard;
\ No newline at end of file

src/app/studentDashboard/studentDashboard.css

-.accordion {
-    background-color: #eee;
-    color: #444;
-    cursor: pointer;
-    padding: 18px;
-    width: 100%;
-    text-align: left;
-    border: none;
-    outline: none;
-    transition: 0.4s;
-  }
-  
-  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
-  .active, .accordion:hover {
-    background-color: #ccc;
-  }
-  
-  /* Style the accordion panel. Note: hidden by default */
-  .panel {
-    padding: 0 18px;
-    background-color: white;
-    max-height: 0;
-    overflow: hidden;
-    transition: max-height 0.2s ease-out;
-  }
\ No newline at end of file
+studentDashboard {
+  margin: 5px;
+}
\ No newline at end of file