Update profiletest.html

frontend/vanilla/html/testing/profiletest.html

@@ -46,6 +46,10 @@
         <div class="card mb-4 mb-lg-0">
           <div class="card-body p-0">
             <ul class="list-group list-group-flush rounded-3">
+              <li class="list-group-item d-flex justify-content-between align-items-center p-3">
+                <i class="fa-regular fa-envelope"></i>
+                <p class="mb-0"><a href="#">johndoe@proton.com</a></p>
+              </li>
               <li class="list-group-item d-flex justify-content-between align-items-center p-3">
                 <i class="fas fa-globe fa-lg text-warning"></i>
                 <p class="mb-0"><a href="#">johndoe.com</a></p>
@@ -113,6 +117,26 @@
           </div>
         </div>
 
+        <!-- Experience -->
+        <div class="card mb-4">
+          <div class="card-body">
+
+            <h4 class="card-title font-weight-bold mb-3 text-center">Experience</h4>
+
+            <h4 class="card-title font-weight-bold mb-0">Software Engineer</h4>
+            <p class="card-text mb-2 text-muted">Blink Inc.</p>
+            <p class="card-text mb-2 text-muted">I am currently working on Blink GmBh</p>
+            <p class="card-text mb-1 text-muted">February 2020 - now</p>
+
+            <h4 class="card-title font-weight-bold mb-0 mt-4">Italian Teacher for foreigners</h4>
+            <p class="card-text mb-2 text-muted">...</p>
+            <p class="card-text mb-2 text-muted">I volounteered to teach the Italian language to foreigners</p>
+            <p class="card-text mb-1 text-muted">September 2023 - February 2024</p>
+
+          </div>
+        </div>
+
+        <!-- Education -->
         <div class="card mb-4">
           <div class="card-body">
 
@@ -135,6 +159,7 @@
           </div>
         </div>
 
+        <!-- Skills -->
         <div class="card mb-4">
           <div class="card-body">
             <p class="mb-4">Skills</p>