Added Fileds of interest

HimanshuNarware · May 24, 2024 · 28ad435 · 28ad435
1 parent 4f61b44
commit 28ad435
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 6 deletions.
diff --git a/src/Component/Documetation/Internship/InternPage.jsx b/src/Component/Documetation/Internship/InternPage.jsx
@@ -18,7 +18,23 @@ let InternPage = () => {
 
     <div style={{ background: 'black' }}>
 
-      <p className='page-summary'>{pageSummary}</p>
+      <div class="filters">
+      <div className='page-summary'>{pageSummary}</div>
+      <select class="interest" value="CAREER INTEREST">
+        <option>Accounting</option>
+        <option>Consulting</option>
+        <option>Data</option>
+        <option>Design</option>
+        <option>Engineering</option>
+        <option>Human Resources</option>
+        <option>Law</option>
+        <option>Marketing</option>
+        <option>Project Management</option>
+        <option>Real Estate</option>
+        <option>Sales</option>
+        <option>Softeware and Tech</option>
+      </select>
+      </div>
 
       <div className='internBox'>
 

diff --git a/src/Component/Documetation/Internship/internpage.css b/src/Component/Documetation/Internship/internpage.css
@@ -8,7 +8,27 @@
 body {
     background-color: black;
 }
-
+.filters{
+    display: flex;
+    align-items: center;
+    justify-content: space-evenly;
+}
+.page-summary{
+    height: 20vh;
+    width: 90vw;
+    font-size: 20px;
+    color: #8a2be2;
+}
+.interest{
+    height: 4vw;
+    width: 27vh;
+    background-color: black;
+    color: #8a2be2;
+    border: 1px solid white;
+    border-radius: 5px;
+    align-items: center;
+    padding: 2px;
+}
 .internBox{
     /* margin-top: 150px; */
     display: grid;
@@ -96,10 +116,6 @@ object-fit:contain;
     color: black;
     transition: 0.5s;
 }
-
-.BoxContent{
-    /* position: relative; */
-}
 .MoreDetails{
  position: absolute;
     border: 1px solid white;