Added who are we and vacancies

.gitea/workflows/copy.yaml

@@ -23,7 +23,7 @@ jobs:
 
       - name: Build application
         run: |
-          npm run build --prod
+          npm run build -- --configuration production --base-href /sinia/
 
       - name: Copy
         run: |

src/app/app.component.html

@@ -35,13 +35,55 @@
 <div class="overlay"></div>
 </div>
 <div class="alternate" id="wiezijnwe">
-<div class="wrapper">
-  <h2>Wie zijn we?</h2>
-</div>
+  <div class="wrapper">
+    <img src="assets/b-images/whoarewe.png" alt="wie zijn we">
+    <div class="content">
+      <h2>Wie zijn we?</h2>
+      <p>
+        Sinia Accountants en Belastingconsulenten BV is reeds vele jaren een betrouwbare partner voor tal van vennootschappen, zelfstandigen, vrije beroepers en andere organisaties.
+      </p>
+      <p>
+        Wij zijn een team met een gezonde mix van jarenlange ervaring en jonge medewerkers en staan garant voor een kwaliteitsvolle dienstverlening in verschillende domeinen in alle onafhankelijkheid. De klant staat bij ons centraal bij ons streven om zo optimaal mogelijk tegemoet te komen aan zijn wensen en behoeften.
+      </p>
+      <p>
+        De kwaliteit van onze dienstverlening wordt blijvend gewaarborgd door een permanente interne opleiding en externe bijscholing van onze medewerkers.
+        Als ITAA accountants en belastingconsulenten gidsen wij u met veel enthousiasme zo veilig mogelijk door het fiscale landschap !
+      </p>
+    </div>
+  </div>
 </div>
 <div>
 <div class="wrapper" id="vacatures">
-  <h2>Vacatures</h2>
+  <div class="content">
+    <h2>Vacatures</h2>
+    <p>
+      Wij zijn voortdurend op zoek naar jong talent met ambitie.
+      Als medewerkster kom je terecht in een jong en gemotiveerd team. Je krijgt de mogelijkheid om je kennis verder te ontwikkelen, mede dank zij een permanente interne opvolging/opleiding en externe seminaries.
+    </p>
+    <p>
+      Naast een aantrekkelijk, markt conform salarispakket, aangevuld met de gebruikelijke extralegale voordelen, bieden wij een aangename, familiale en flexibele werkomgeving, met een gezonde werk en privé verhouding.
+    </p>
+    <span class="bold">Als je deel wil uitmaken van ons team:</span>
+    <ul>
+      <li>bel op 09/ 228.43.22</li>
+      <li>of bezorg dan jouw CV en motivatiebrief aan robert@sinia.be</li>
+    </ul>
+    <p>
+      Wij contacteren je zo spoedig mogelijk.
+    </p>
+    <p>
+      <span class="bold">Studenten en stage</span>
+      Hogeschoolstudenten met een accountancy / fiscale opleiding krijgen bij ons de kans om hun stage te volbrengen.
+    </p>
+    <p>
+      Interesse?
+    </p>
+    <ul>
+      <li>bel op 09/ 228.43.22</li>
+      <li>of bezorg dan jouw CV en motivatiebrief aan robert@sinia.be</li>
+    </ul>
+  </div>
+  <img src="assets/b-images/vacancies.png" alt="vacatures">
 </div>
 </div>
 <div class="alternate" id="contact">

src/app/app.component.scss

@@ -1,7 +1,9 @@
 @import '../styles.scss';
 
 app-header {
-  box-shadow: 0px 15px 10px rgba(0,0,0,0.21)
+  box-shadow: 0px 15px 10px rgba(0,0,0,0.21);
+  position: relative;
+  z-index: 5;
 }
 
 .hero-container {
@@ -10,16 +12,17 @@ app-header {
   overflow: hidden;
 
   .hero {
-    transform: scale(0.7);
+    transform: scale(0.9);
     transform-origin: top left;
-    margin-top: -315px;
+    margin: 0 auto;
+    margin-top: -550px;
   }
 
   .overlay {
     background-color: rgba(255, 255, 255, 0.35);
     height: 600px;
     width: 100%;
-    top: -1250px;
+    top: -1050px;
     display: inline-block;
     position: relative;
   }
@@ -46,6 +49,10 @@ app-header {
   }
 }
 
+.bold {
+  font-weight: bold;
+}
+
 h2 {
   color: $primary-color;
   font-size: 30px;
@@ -55,13 +62,50 @@ h2 {
 .wrapper {
   max-width: 1200px;
   margin: 0 auto;
-  padding: 20px 0;
+  padding: 20px 20px;
 }
 
 .alternate {
   background-color: $light;
 }
 
+#wiezijnwe .wrapper {
+  display: flex;
+  justify-content: space-between;
+
+  .content {
+    width: 60%;
+  }
+
+  img {
+    width: 45%;
+    margin-right: -2%;
+    margin-bottom: -50px;
+  }
+
+  span {
+    display: block;
+  }
+}
+
+#vacatures {
+  display: flex;
+  justify-content: space-between;
+
+  .content {
+    width: 60%;
+  }
+
+  img {
+    width: 45%;
+    margin-left: -2%;
+    margin-bottom: -50px;
+  }
+
+  span {
+    display: block;
+  }
+}
 
 .wrapper-contact {
   display: flex;

src/index.html

@@ -3,7 +3,7 @@
 <head>
   <meta charset="utf-8">
   <title>Sinia</title>
-  <base href="/sinia/">
+  <base href="/">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -17,6 +17,8 @@
 
     body {
       margin: 0 auto;
+      max-width: 1920px;
+      margin: 0 auto;
     }
   </style>
 </head>