Added experience. now only missing details

src/routes/zhen/CVs/Comps/Experience.svelte

@@ -0,0 +1,88 @@
+<script>
+    import placeholder from "$lib/zhen/cv-comps/400x400.png"
+    import MakerspaceLogo from "$lib/zhen/cv-comps/MakerspaceLogo.png"
+    import EposLogo from "$lib/zhen/cv-comps/EposLogo.png"
+    import KhoraLogo from "$lib/zhen/cv-comps/KhoraLogo.jpg"
+</script>
+
+<div class="container">
+    <div>
+        <b style="text-align:left;">
+            Experience
+        </b>
+    </div>
+    <div class="table">
+        <div class="table-item">
+            <img src={MakerspaceLogo} alt="NextKBH logo" width="15%"/>
+            <div>
+                <span>
+                    <b>3D printer manager</b> - Volunteer<br>
+                    Makerspace - kildevæld Kulturcenter<br>
+                    <i>Nov 2023 - Now</i>
+                </span>
+            </div>
+        </div>
+        <div class="table-item">
+            <img src={EposLogo} alt="SAS logo" width="15%"/>
+            <div>
+                <span>
+                    <b>Machine Learning Engineer</b> - Short term intern<br>
+                    Product design department - Epos<br>
+                    <i>Apr 2024 - Apr 2024</i>
+                </span>
+            </div>
+        </div>
+        <div class="table-item">
+            <img src={KhoraLogo} alt="Emphasys center logo" width="15%"/>
+            <div>
+                <span>
+                    <b>Assistant</b> - Short term intern<br>
+                    Khora Virtual Reality<br>
+                    <i>Oct 2020 - Oct 2020</i>
+                </span>
+            </div>
+        </div>
+    </div>
+</div>
+
+<style lang="scss">
+    .container{
+        display: grid;
+        place-items: center;
+        width: 90%;
+
+        overflow: hidden;
+
+        & > div:first-child {
+            width: 100%;
+
+            /* Bottom border stripe*/
+            border-bottom: 1mm solid black;
+
+            &:first-child {
+                font-size: x-large;
+            }
+        }
+    }
+
+    .table-item {
+        padding: 2mm;
+
+        display: flex;
+        justify-items: start;
+
+        width: 100%;
+        border-bottom: 0.25mm solid #000000;
+
+        & > div {
+            padding-left: 3mm;
+
+            text-align: start;
+            font-size: 4mm;
+        }
+
+        & > img {
+            border-radius: 2.5mm;
+        }
+    }
+</style>

src/routes/zhen/CVs/epos/+page.svelte

@@ -3,9 +3,10 @@
     import ShortProfile from "../Comps/ShortProfile.svelte"
     import CombinedContacts from "../Comps/CombinedContacts.svelte"
     import LinkedInQR from "../Comps/LinkedInQR.svelte";
-    import Education from "../Comps/Education.svelte";
-
+    
     import Profile from "../Comps/Profile.svelte";
+    import Education from "../Comps/Education.svelte";
+    import Experience from "../Comps/Experience.svelte";
 </script>
 
 <div class="cv-container-container include-in-print">
@@ -18,12 +19,13 @@
         </div>
         <div id="right-section">
             <Profile/>
+            <Experience/>
             <Education/>
         </div>
     </div>
 </div> 
 
-<style>
+<style lang="scss">
     .cv-container-container{
         width: 100%;
         height: 100%;
@@ -60,6 +62,9 @@
 
         display: grid;
         place-items: center;
+
+        padding-top: 20mm;
+        padding-bottom: 20mm;
     }
 
     #right-section{
@@ -67,5 +72,8 @@
 
         display: grid;
         place-items: center;
+
+        padding-top: 30mm;
+        padding-bottom: 20mm;
     }
 </style>