Added extra content

src/app/app.component.html

@@ -28,39 +28,63 @@
       </ul>
     </app-collapse>
     <app-collapse [icon]="'fa-shield-halved'" [title]="'Fiscaliteit/Fiscale controles'">
-        Het opmaken / indienen van aangiften m.b.t. onder meer:
+        <p>Het opmaken / indienen van aangiften m.b.t. onder meer:</p>
-        ◦ Btw
+        <ul>
-        ◦ Personenbelasting
+          <li>Btw</li>
-        ◦ Vennootschapsbelasting
+          <li>Personenbelasting</li>
-        ◦ Rechtspersonenbelasting
+          <li>Vennootschapsbelasting</li>
-        ◦ Belasting van niet-inwoners (natuurlijke personen en  vennootschappen)
+          <li>Rechtspersonenbelasting</li>
-        ◦ Diverse andere aangiften ...
+          <li>Belasting van niet-inwoners (natuurlijke personen en  vennootschappen)</li>
+          <li>Diverse andere aangiften ...</li>
+        </ul>
     </app-collapse>
     <app-collapse [icon]="'fa-forward-fast'" [title]="'Hulp bij opstart'">
+      <p>
         Eenmanszaak of Vennootschap?
         Wij helpen je de juiste keuze te maken.
         De keuze tussen een éénmanszaak of vennootschap heeft fiscale, boekhoudkundige en juridische
         gevolgen.
-
+      </p>
+      <p>
         We informeren je over de voor- en nadelen, helpen je de keuze te maken, en verwittigen je tijdig
         indien een omschakeling nuttig is.
-
+      </p>
+      <p>
         Vanaf het moment van de opstart van uw zaak kunnen wij u bijstaan in de administratieve
         verwerking van de opstartformaliteiten zoals onder meer :
-Opstellen van het financieel plan
+      </p>
-Opstellen van het ontwerp van statuten bij de oprichting van vennootschappen / tussenkomst bij
+      <ul>
-de notaris
+        <li>Opstellen van het financieel plan</li>
-Inschrijving bij de kruispuntbank ondernemingen (KBO)
+        <li>Opstellen van het ontwerp van statuten bij de oprichting van vennootschappen / tussenkomst bij
-Aansluiting(en) bij een sociaal verzekeringsfonds
+          de notaris</li>
-Aanvraag van het BTW identificatienummer
+        <li>Inschrijving bij de kruispuntbank ondernemingen (KBO)</li>
-Inschrijving in het UBO register
+        <li>Aansluiting(en) bij een sociaal verzekeringsfonds</li>
-Aanvraag van diverse andere vergunningen
+        <li>Aanvraag van het BTW identificatienummer</li>
+        <li>Inschrijving in het UBO register</li>
+        <li>Aanvraag van diverse andere vergunningen</li>
+      </ul>
     </app-collapse>
     <app-collapse [icon]="'fa-square-up-right'" [title]="'Waardering van de onderneming & Vereffening van de vennootschap'">
+      <ul>
+        <li>Opstellen van het waarderingsverslag van de onderneming</li>
+        <li>Bijstand aan de vereffenaar van de vennootschap</li>
+      </ul>
     </app-collapse>
     <app-collapse [icon]="'fa-handshake'" [title]="'Management accounting'">
+      <ul>
+        <li>Bijstand bij het organiseren van de boekhouding</li>
+        <li>Bijstand / opleiding verstrekken bij de implementatie van een boekhoudingspakket</li>
+        <li>Bijstand / opstellen van budgetten, kas planning, bedrijfsrapportering, break-even analyse</li>
+      </ul>
     </app-collapse>
     <app-collapse [icon]="'fa-money-bill'" [title]="'Andere accountancy dienstverlening'">
+      <ul>
+        <li>Tussenkomst / waardering / advies bij het kopen, verkopen, overdracht van aandelen</li>
+        <li>Advies, bijstand bij de opvolging / overdracht van (KMO) bedrijven</li>
+        <li>Advies, bijstand, bij het opstellen van een kredietdossier</li>
+        <li>Advies, bijstand, bij het aanvragen van subsidies</li>
+        <li>Diverse ….</li>
+      </ul>
     </app-collapse>
   </div>
   <img src="assets/b-images/invoice.png" alt="factuur">
@@ -71,17 +95,45 @@ Aanvraag van diverse andere vergunningen
   <div class="content">
     <h2>Advies</h2>
     <app-collapse [icon]="'fa-money-check'" [title]="'Fiscaal advies'" [alternate]="true">
+      <p>Wij streven naar een correct, ondersteund/gedocumenteerd advies op uw diverse fiscale vragen.</p>
     </app-collapse>
     <app-collapse [icon]="'fa-receipt'" [title]="'Vennootschaprecht'" [alternate]="true">
+      <p>Advies in diverse facetten van het vennootschapsrecht:</p>
+      <ul>
+        <li>Opmaak, bijstand bij het ontwerp van de statuten</li>
+        <li>Opstellen, bijstand bij het ontwerp van diverse verslagen voorzien in het Wetboek van
+          Vennootschappen en Verenigingen</li>
+        <li>Bijstand bij de opmaak van aandeelhoudersovereenkomsten</li>
+      </ul>
     </app-collapse>
     <app-collapse [icon]="'fa-credit-card'" [title]="'Algemeen advies'" [alternate]="true">
+      <p>
         Wij streven naar een deskundig advies op tal van kantelmomenten in de levensloop van uw zaak
         zoals onder meer bij de financiering van investeringen, bedrijfsovernames, overdracht van aandelen,
         waardering van de onderneming, contractuele overeenkomsten enz.
+      </p>
     </app-collapse>
     <app-collapse [icon]="'fa-coins'" [title]="'Vermogensplanning'" [alternate]="true">
+      <p>
+        Advies / tussenkomst bij het structureren en optimaliseren van uw vermogen via de tussenkomst
+        van specialisten ter zake.
+      </p>
+      <p>
+        Advies / tussenkomst bij de successieplanning via de tussenkomst van specialisten ter zake.
+      </p>
     </app-collapse>
     <app-collapse [icon]="'fa-scale-balanced'" [title]="'Juridisch advies'" [alternate]="true">
+      <p>
+        Advies aan particulieren en vennootschappen al dan niet met tussenkomst van ervaren advocaten
+        ter zake bij onder meer :
+      </p>
+      <ul>
+        <li>huurovereenkomsten</li>
+        <li>onderhandse leningsovereenkomsten</li>
+        <li>overeenkomsten voor het kopen, verkopen, overdracht van aandelen</li>
+        <li>overeenkomsten voor het kopen en verkopen van handelsfonds</li>
+        <li>overeenkomsten van recht van opstal</li>
+    </ul>
     </app-collapse>
   </div>
 </div>
@@ -113,7 +165,7 @@ waardering van de onderneming, contractuele overeenkomsten enz.
 </div>
 </div>
 <div class="hero-container2">
-<img class="hero" src="assets/hero2.jpg" alt="hero-image">
+<img class="hero" src="assets/hero2-min.jpg" alt="hero-image">
 <div class="overlay"></div>
 </div>
 <div class="alternate" id="wiezijnwe">

src/app/app.component.scss

@@ -88,6 +88,7 @@ h2 {
 
   img {
     max-width: 45%;
+    height: 100%;
     margin-right: -2%;
     margin-bottom: -5rem;
   }
@@ -137,7 +138,7 @@ h2 {
 
   img {
     max-width: 45%;
-    margin-left: -2%;
+    height: 100%;
     margin-bottom: -5rem;
   }
 }

src/app/collapse/collapse.component.html

@@ -1,10 +1,12 @@
 <div class="wrapper" [ngClass]="{'alternate': alternate}">
   <div class="heading" (click)="collapsed = !collapsed">
-    <span class="fa-solid {{icon}}"></span>
+    <span class="fa-solid {{icon}} icon"></span>
     <h3>{{title}}</h3>
     <span class="fa-solid" [ngClass]="{'fa-chevron-up': !collapsed, 'fa-chevron-down': collapsed}"></span>
   </div>
   <div class="collapse" [ngClass]="{'collapsed': collapsed}">
+    <div class="collapse-container">
       <ng-content></ng-content>
     </div>
   </div>
+</div>

src/app/collapse/collapse.component.scss

@@ -5,7 +5,6 @@
   overflow: hidden;
   background-color: $light;
   border-radius: 0.5rem;
-  padding: 1rem;
 }
 
 .alternate {
@@ -15,6 +14,18 @@
 .heading {
   display: flex;
   justify-content: space-between;
+  padding: 2rem;
+
+  h3, h3 + span {
+    color: $primary-color;
+    margin: auto 0;
+  }
+}
+
+.icon {
+  color: $secondary-color;
+  margin: auto 0;
+  font-size: 3rem;
 }
 
 h3 {
@@ -27,15 +38,21 @@ span {
 }
 
 .collapse {
-  padding-left: 3rem;
+  max-height: 40rem;
-  border-left: 2px solid $secondary-color;
+  transition: max-height 0.5s ease;
-  max-height: 20rem;
-  transition: max-height 0.5s ease-in;
   overflow: hidden;
 }
 
 .collapsed {
   max-height: 0rem;
   overflow: hidden;
-  transition: max-height 0.5s ease-in;
+  transition: max-height 0.5s ease;
+}
+
+.collapse-container {
+  padding-left: 3rem;
+  border-left: 2px solid $secondary-color;
+  margin-left: 3.4rem;
+  padding: 0.5rem 8%;
+  margin-bottom: 2rem;
 }