diff --git a/src/app/app.component.html b/src/app/app.component.html index 0616b8d..a639e16 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -16,7 +16,55 @@
-

Diensten

+
+

Diensten

+ +
    +
  • Het voeren van de boekhouding van A tot Z (met inbegrip van alle BTW verplichtingen)
    • +
  • ul bezorgen u geregeld (of op verzoek) een tussentijds resultaat zodat onder meer
    • +
  • voorafbetalingen van belasting optimaal kunnen opgevolgd worden
    • +
  • Ondersteuning van uw interne boekhoudafdeling
    • +
  • Opmaken van de interne jaarrekening en de statutaire jaarrekening (NBB)
    • +
  • Opstellen van de verslagen aan en van de algemene vergadering
    • +
+ + + 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 ... + + + 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 + + + + + + + +
+ factuur
diff --git a/src/app/app.component.scss b/src/app/app.component.scss index 0587212..140dc85 100644 --- a/src/app/app.component.scss +++ b/src/app/app.component.scss @@ -70,6 +70,14 @@ h2 { background-color: $light; } +#diensten { + .content { + display: flex; + flex-direction: column; + gap: 1.5rem; + } +} + #wiezijnwe .wrapper { display: flex; justify-content: space-between; @@ -119,7 +127,7 @@ h2 { } } -#vacatures, #klantworden { +#vacatures, #klantworden, #diensten { display: flex; justify-content: space-between; diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 28e2996..5036216 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -4,11 +4,13 @@ import { BrowserModule } from '@angular/platform-browser'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { HeaderComponent } from './header/header.component'; +import { CollapseComponent } from './collapse/collapse.component'; @NgModule({ declarations: [ AppComponent, HeaderComponent, + CollapseComponent, ], imports: [ BrowserModule, diff --git a/src/app/collapse/collapse.component.html b/src/app/collapse/collapse.component.html new file mode 100644 index 0000000..2e7ee26 --- /dev/null +++ b/src/app/collapse/collapse.component.html @@ -0,0 +1,10 @@ +
+
+ +

{{title}}

+ +
+
+ +
+
diff --git a/src/app/collapse/collapse.component.scss b/src/app/collapse/collapse.component.scss new file mode 100644 index 0000000..46f0ae3 --- /dev/null +++ b/src/app/collapse/collapse.component.scss @@ -0,0 +1,37 @@ + +@import '../../styles.scss'; + +.wrapper { + overflow: hidden; + background-color: $light; + border-radius: 0.5rem; + padding: 1rem; +} + +.heading { + display: flex; + justify-content: space-between; +} + +h3 { + width: 80%; + margin: 0; +} + +span { + font-size: 2rem; +} + +.collapse { + padding-left: 3rem; + border-left: 2px solid $secondary-color; + 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; +} diff --git a/src/app/collapse/collapse.component.spec.ts b/src/app/collapse/collapse.component.spec.ts new file mode 100644 index 0000000..08287c6 --- /dev/null +++ b/src/app/collapse/collapse.component.spec.ts @@ -0,0 +1,21 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { CollapseComponent } from './collapse.component'; + +describe('CollapseComponent', () => { + let component: CollapseComponent; + let fixture: ComponentFixture; + + beforeEach(() => { + TestBed.configureTestingModule({ + declarations: [CollapseComponent] + }); + fixture = TestBed.createComponent(CollapseComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/collapse/collapse.component.ts b/src/app/collapse/collapse.component.ts new file mode 100644 index 0000000..88cb1d5 --- /dev/null +++ b/src/app/collapse/collapse.component.ts @@ -0,0 +1,13 @@ +import { Component, Input } from '@angular/core'; + +@Component({ + selector: 'app-collapse', + templateUrl: './collapse.component.html', + styleUrls: ['./collapse.component.scss'] +}) +export class CollapseComponent { + @Input() public title: string = ''; + @Input() public icon: string = ''; + + public collapsed: boolean = true; +} diff --git a/src/assets/b-images/invoice.png b/src/assets/b-images/invoice.png new file mode 100644 index 0000000..9dfbd20 Binary files /dev/null and b/src/assets/b-images/invoice.png differ diff --git a/src/index.html b/src/index.html index 58a26c6..3ccc5df 100644 --- a/src/index.html +++ b/src/index.html @@ -9,6 +9,7 @@ +