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:
-        ◦ Btw
-        ◦ Personenbelasting
-        ◦ Vennootschapsbelasting
-        ◦ Rechtspersonenbelasting
-        ◦ Belasting van niet-inwoners (natuurlijke personen en  vennootschappen)
-        ◦ Diverse andere aangiften ...
+        <p>Het opmaken / indienen van aangiften m.b.t. onder meer:</p>
+        <ul>
+          <li>Btw</li>
+          <li>Personenbelasting</li>
+          <li>Vennootschapsbelasting</li>
+          <li>Rechtspersonenbelasting</li>
+          <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'">
-      Eenmanszaak of Vennootschap?
-Wij helpen je de juiste keuze te maken.
-De keuze tussen een éénmanszaak of vennootschap heeft fiscale, boekhoudkundige en juridische
-gevolgen.
-
-We informeren je over de voor- en nadelen, helpen je de keuze te maken, en verwittigen je tijdig
-indien een omschakeling nuttig is.
-
-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
-Opstellen van het ontwerp van statuten bij de oprichting van vennootschappen / tussenkomst bij
-de notaris
-Inschrijving bij de kruispuntbank ondernemingen (KBO)
-Aansluiting(en) bij een sociaal verzekeringsfonds
-Aanvraag van het BTW identificatienummer
-Inschrijving in het UBO register
-Aanvraag van diverse andere vergunningen
+      <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 :
+      </p>
+      <ul>
+        <li>Opstellen van het financieel plan</li>
+        <li>Opstellen van het ontwerp van statuten bij de oprichting van vennootschappen / tussenkomst bij
+          de notaris</li>
+        <li>Inschrijving bij de kruispuntbank ondernemingen (KBO)</li>
+        <li>Aansluiting(en) bij een sociaal verzekeringsfonds</li>
+        <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">
-      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>
+        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}">
-    <ng-content></ng-content>
+    <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;
-  border-left: 2px solid $secondary-color;
-  max-height: 20rem;
-  transition: max-height 0.5s ease-in;
+  max-height: 40rem;
+  transition: max-height 0.5s ease;
   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;
 }