Compare commits
24 Commits
d80b6b8f94
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| ef9d451194 | |||
| d4b7dc791d | |||
| f7584879f0 | |||
| 833d2cc0fa | |||
| 706a25d643 | |||
|
c054f9750e | ||
|
|
6f9c11440f | ||
|
|
ca84bf3a25 | ||
|
|
b7f2b60623 | ||
|
|
8aa73ab02c | ||
|
|
f83f03cbaf | ||
|
|
93a3119d4d | ||
|
|
d35907fd3a | ||
|
|
34dde43014 | ||
|
|
b2fad878fb | ||
|
|
da9e8fd3a1 | ||
|
|
7cbfac038f | ||
|
|
a3877db69f | ||
| 7355a02cb6 | |||
| 5898e3d94c | |||
|
|
c4b297ca77 | ||
|
|
fce2c5bdf0 | ||
|
|
a663373270 | ||
|
|
aed280110d |
@@ -27,6 +27,6 @@ jobs:
|
||||
|
||||
- name: Copy
|
||||
run: |
|
||||
smbclient //192.168.129.250/arne -U "${{ secrets.SAMBA_USER }}" "${{ secrets.SAMBA_PASSWORD }}" -c "cd \"letsencrypt/config/www/sinia\"; lcd \"dist/sinia/\"; prompt; recurse; mput *"
|
||||
smbclient //192.168.129.245/homes/arne -U "${{ secrets.SAMBA_USER }}" "${{ secrets.SAMBA_PASSWORD }}" -c "cd \"letsencrypt/config/www/cptarn/sinia\"; lcd \"dist/sinia/\"; prompt; recurse; mput *"
|
||||
|
||||
|
||||
|
||||
@@ -45,7 +45,7 @@
|
||||
{
|
||||
"type": "anyComponentStyle",
|
||||
"maximumWarning": "2kb",
|
||||
"maximumError": "4kb"
|
||||
"maximumError": "5kb"
|
||||
}
|
||||
],
|
||||
"outputHashing": "all"
|
||||
|
||||
124
package-lock.json
generated
124
package-lock.json
generated
@@ -457,12 +457,13 @@
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/@babel/code-frame": {
|
||||
"version": "7.22.5",
|
||||
"resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.5.tgz",
|
||||
"integrity": "sha512-Xmwn266vad+6DAqEB2A6V/CcZVp62BbwVmcOJc2RPuwih1kw02TjQvWVWlcKGbBPd+8/0V5DEkOcizRGYsspYQ==",
|
||||
"version": "7.23.5",
|
||||
"resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.23.5.tgz",
|
||||
"integrity": "sha512-CgH3s1a96LipHCmSUmYFPwY7MNx8C3avkq7i4Wl3cfa662ldtUe4VM1TPXX70pfmrlWTb6jLqTYrZyT2ZTJBgA==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"@babel/highlight": "^7.22.5"
|
||||
"@babel/highlight": "^7.23.4",
|
||||
"chalk": "^2.4.2"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=6.9.0"
|
||||
@@ -670,22 +671,36 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/helper-environment-visitor": {
|
||||
"version": "7.22.5",
|
||||
"resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.5.tgz",
|
||||
"integrity": "sha512-XGmhECfVA/5sAt+H+xpSg0mfrHq6FzNr9Oxh7PSEBBRUb/mL7Kz3NICXb194rCqAEdxkhPT1a88teizAFyvk8Q==",
|
||||
"version": "7.22.20",
|
||||
"resolved": "https://registry.npmjs.org/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz",
|
||||
"integrity": "sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA==",
|
||||
"dev": true,
|
||||
"engines": {
|
||||
"node": ">=6.9.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/helper-function-name": {
|
||||
"version": "7.22.5",
|
||||
"resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.22.5.tgz",
|
||||
"integrity": "sha512-wtHSq6jMRE3uF2otvfuD3DIvVhOsSNshQl0Qrd7qC9oQJzHvOL4qQXlQn2916+CXGywIjpGuIkoyZRRxHPiNQQ==",
|
||||
"version": "7.23.0",
|
||||
"resolved": "https://registry.npmjs.org/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz",
|
||||
"integrity": "sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"@babel/template": "^7.22.5",
|
||||
"@babel/types": "^7.22.5"
|
||||
"@babel/template": "^7.22.15",
|
||||
"@babel/types": "^7.23.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=6.9.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/helper-function-name/node_modules/@babel/template": {
|
||||
"version": "7.24.0",
|
||||
"resolved": "https://registry.npmjs.org/@babel/template/-/template-7.24.0.tgz",
|
||||
"integrity": "sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"@babel/code-frame": "^7.23.5",
|
||||
"@babel/parser": "^7.24.0",
|
||||
"@babel/types": "^7.24.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=6.9.0"
|
||||
@@ -850,18 +865,18 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/helper-string-parser": {
|
||||
"version": "7.22.5",
|
||||
"resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz",
|
||||
"integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==",
|
||||
"version": "7.23.4",
|
||||
"resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.23.4.tgz",
|
||||
"integrity": "sha512-803gmbQdqwdf4olxrX4AJyFBV/RTr3rSmOj0rKwesmzlfhYNDEs+/iOcznzpNWlJlIlTJC2QfPFcHB6DlzdVLQ==",
|
||||
"dev": true,
|
||||
"engines": {
|
||||
"node": ">=6.9.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/helper-validator-identifier": {
|
||||
"version": "7.22.5",
|
||||
"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz",
|
||||
"integrity": "sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==",
|
||||
"version": "7.22.20",
|
||||
"resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
|
||||
"integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
|
||||
"dev": true,
|
||||
"engines": {
|
||||
"node": ">=6.9.0"
|
||||
@@ -905,13 +920,13 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/highlight": {
|
||||
"version": "7.22.5",
|
||||
"resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.5.tgz",
|
||||
"integrity": "sha512-BSKlD1hgnedS5XRnGOljZawtag7H1yPfQp0tdNJCHoH6AZ+Pcm9VvkrK59/Yy593Ypg0zMxH2BxD1VPYUQ7UIw==",
|
||||
"version": "7.23.4",
|
||||
"resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.23.4.tgz",
|
||||
"integrity": "sha512-acGdbYSfp2WheJoJm/EBBBLh/ID8KDc64ISZ9DYtBmC8/Q204PZJLHyzeB5qMzJ5trcOkybd78M4x2KWsUq++A==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"@babel/helper-validator-identifier": "^7.22.5",
|
||||
"chalk": "^2.0.0",
|
||||
"@babel/helper-validator-identifier": "^7.22.20",
|
||||
"chalk": "^2.4.2",
|
||||
"js-tokens": "^4.0.0"
|
||||
},
|
||||
"engines": {
|
||||
@@ -919,9 +934,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/parser": {
|
||||
"version": "7.22.7",
|
||||
"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.22.7.tgz",
|
||||
"integrity": "sha512-7NF8pOkHP5o2vpmGgNGcfAeCvOYhGLyA3Z4eBQkT1RJlWu47n63bCs93QfJ2hIAFCil7L5P2IWhs1oToVgrL0Q==",
|
||||
"version": "7.24.0",
|
||||
"resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.0.tgz",
|
||||
"integrity": "sha512-QuP/FxEAzMSjXygs8v4N9dvdXzEHN4W1oF3PxuWAtPo08UdM17u89RDMgjLn/mlc56iM0HlLmVkO/wgR+rDgHg==",
|
||||
"dev": true,
|
||||
"bin": {
|
||||
"parser": "bin/babel-parser.js"
|
||||
@@ -2208,26 +2223,41 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/traverse": {
|
||||
"version": "7.22.8",
|
||||
"resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.22.8.tgz",
|
||||
"integrity": "sha512-y6LPR+wpM2I3qJrsheCTwhIinzkETbplIgPBbwvqPKc+uljeA5gP+3nP8irdYt1mjQaDnlIcG+dw8OjAco4GXw==",
|
||||
"version": "7.24.0",
|
||||
"resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.24.0.tgz",
|
||||
"integrity": "sha512-HfuJlI8qq3dEDmNU5ChzzpZRWq+oxCZQyMzIMEqLho+AQnhMnKQUzH6ydo3RBl/YjPCuk68Y6s0Gx0AeyULiWw==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"@babel/code-frame": "^7.22.5",
|
||||
"@babel/generator": "^7.22.7",
|
||||
"@babel/helper-environment-visitor": "^7.22.5",
|
||||
"@babel/helper-function-name": "^7.22.5",
|
||||
"@babel/code-frame": "^7.23.5",
|
||||
"@babel/generator": "^7.23.6",
|
||||
"@babel/helper-environment-visitor": "^7.22.20",
|
||||
"@babel/helper-function-name": "^7.23.0",
|
||||
"@babel/helper-hoist-variables": "^7.22.5",
|
||||
"@babel/helper-split-export-declaration": "^7.22.6",
|
||||
"@babel/parser": "^7.22.7",
|
||||
"@babel/types": "^7.22.5",
|
||||
"debug": "^4.1.0",
|
||||
"@babel/parser": "^7.24.0",
|
||||
"@babel/types": "^7.24.0",
|
||||
"debug": "^4.3.1",
|
||||
"globals": "^11.1.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=6.9.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/traverse/node_modules/@babel/generator": {
|
||||
"version": "7.23.6",
|
||||
"resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.23.6.tgz",
|
||||
"integrity": "sha512-qrSfCYxYQB5owCmGLbl8XRpX1ytXlpueOb0N0UmQwA073KZxejgQTzAmJezxvpwQD9uGtK2shHdi55QT+MbjIw==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"@babel/types": "^7.23.6",
|
||||
"@jridgewell/gen-mapping": "^0.3.2",
|
||||
"@jridgewell/trace-mapping": "^0.3.17",
|
||||
"jsesc": "^2.5.1"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=6.9.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/traverse/node_modules/@babel/helper-split-export-declaration": {
|
||||
"version": "7.22.6",
|
||||
"resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz",
|
||||
@@ -2241,13 +2271,13 @@
|
||||
}
|
||||
},
|
||||
"node_modules/@babel/types": {
|
||||
"version": "7.22.5",
|
||||
"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.22.5.tgz",
|
||||
"integrity": "sha512-zo3MIHGOkPOfoRXitsgHLjEXmlDaD/5KU1Uzuc9GNiZPhSqVxVRtxuPaSBZDsYZ9qV88AjtMtWW7ww98loJ9KA==",
|
||||
"version": "7.24.0",
|
||||
"resolved": "https://registry.npmjs.org/@babel/types/-/types-7.24.0.tgz",
|
||||
"integrity": "sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"@babel/helper-string-parser": "^7.22.5",
|
||||
"@babel/helper-validator-identifier": "^7.22.5",
|
||||
"@babel/helper-string-parser": "^7.23.4",
|
||||
"@babel/helper-validator-identifier": "^7.22.20",
|
||||
"to-fast-properties": "^2.0.0"
|
||||
},
|
||||
"engines": {
|
||||
@@ -5678,9 +5708,9 @@
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/follow-redirects": {
|
||||
"version": "1.15.2",
|
||||
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
|
||||
"integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
|
||||
"version": "1.15.6",
|
||||
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
|
||||
"integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
|
||||
"dev": true,
|
||||
"funding": [
|
||||
{
|
||||
@@ -6524,9 +6554,9 @@
|
||||
}
|
||||
},
|
||||
"node_modules/ip": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://registry.npmjs.org/ip/-/ip-2.0.0.tgz",
|
||||
"integrity": "sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ==",
|
||||
"version": "2.0.1",
|
||||
"resolved": "https://registry.npmjs.org/ip/-/ip-2.0.1.tgz",
|
||||
"integrity": "sha512-lJUL9imLTNi1ZfXT+DU6rBBdbiKGBuay9B6xGSPVjUeQwaH1RIGqef8RZkUtHioLmSNpPR5M4HVKJGm1j8FWVQ==",
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/ipaddr.js": {
|
||||
|
||||
@@ -1,7 +1,12 @@
|
||||
<app-header></app-header>
|
||||
<div class="hero-container">
|
||||
<img class="hero" src="assets/hero1.jpg" alt="hero-image">
|
||||
<div class="overlay"></div>
|
||||
<img class="hero hero1" src="assets/hero1.webp" alt="hero-image">
|
||||
<div class="overlay">
|
||||
<div class="wrapper-slogan">
|
||||
<p>Sinia,</p>
|
||||
<p>Uw betrouwbare partner</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alternate">
|
||||
<div class="wrapper">
|
||||
@@ -15,28 +20,38 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="wrapper" id="diensten">
|
||||
<img src="assets/b-images/invoice.png" alt="factuur">
|
||||
<div class="content">
|
||||
<h2>Diensten</h2>
|
||||
<app-collapse [icon]="'fa-book-open'" [title]="'Boekhouding/Accountancy'">
|
||||
<app-collapse [icon]="'fa-book-open'" [title]="'Boekhouding / Accountancy'">
|
||||
<p>Onze diensten:</p>
|
||||
<ul>
|
||||
<li>Het voeren van de boekhouding van A tot Z (met inbegrip van alle BTW verplichtingen)</li>
|
||||
<li>Bezorgen u geregeld (of op verzoek) een tussentijds resultaat zodat onder meer</li>
|
||||
<li>Voorafbetalingen van belasting optimaal kunnen opgevolgd worden</li>
|
||||
<li>Wij bezorgen u geregeld (of op verzoek) een tussentijds resultaat zodat onder meer voorafbetalingen van belasting optimaal kunnen opgevolgd worden</li>
|
||||
<li>Ondersteuning van uw interne boekhoudafdeling</li>
|
||||
<li>Opmaken van de interne jaarrekening en de statutaire jaarrekening (NBB)</li>
|
||||
<li>Opstellen van de verslagen aan en van de algemene vergadering</li>
|
||||
</ul>
|
||||
<p>Hoe documenten aan te leveren:</p>
|
||||
<ul>
|
||||
<li>Klanten kunnen indien gewenst hun documenten digitaal bezorgen / verwerken bijvoorbeeld door het gebruik van de toepassing “Billit”</li>
|
||||
<li>Éénmanszaken met een klein aantal te verwerken documenten kunnen de aan- en verkoopfacturen bezorgen via eenvoudige Excel bestanden</li>
|
||||
<li>Het gebruik van “codabox” voor klanten met een dubbele boekhouding waarbij de financiële dagboeken moeten verwerkt worden</li>
|
||||
<li>Facturen e.a. documenten kunnen digitaal worden aangeleverd.</li>
|
||||
</ul>
|
||||
</app-collapse>
|
||||
<app-collapse [icon]="'fa-shield-halved'" [title]="'Fiscaliteit/Fiscale controles'">
|
||||
<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>Vennootschaps­belasting</li>
|
||||
<li>Rechtspersonen­belasting</li>
|
||||
<li>Belasting van niet-inwoners (natuurlijke personen en vennootschappen)</li>
|
||||
<li>Diverse andere aangiften ...</li>
|
||||
</ul>
|
||||
<p>Het vertegenwoordigen / verdedigen van de klant bij fiscale controles</p>
|
||||
<p>Het opstellen en verdedigen van bezwaarschriften</p>
|
||||
</app-collapse>
|
||||
<app-collapse [icon]="'fa-forward-fast'" [title]="'Hulp bij opstart'">
|
||||
<p>
|
||||
@@ -87,7 +102,6 @@
|
||||
</ul>
|
||||
</app-collapse>
|
||||
</div>
|
||||
<img src="assets/b-images/invoice.png" alt="factuur">
|
||||
</div>
|
||||
<div class="alternate" id="advies">
|
||||
<div class="wrapper">
|
||||
@@ -95,7 +109,7 @@
|
||||
<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>
|
||||
<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>
|
||||
@@ -103,7 +117,7 @@
|
||||
<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>
|
||||
<li>Bijstand bij de opmaak van aandeelhouders­overeenkomsten</li>
|
||||
</ul>
|
||||
</app-collapse>
|
||||
<app-collapse [icon]="'fa-credit-card'" [title]="'Algemeen advies'" [alternate]="true">
|
||||
@@ -140,6 +154,7 @@
|
||||
</div>
|
||||
<div>
|
||||
<div class="wrapper" id="klantworden">
|
||||
<img src="assets/b-images/customer.png" alt="klant">
|
||||
<div class="content">
|
||||
<h2>Klant worden?</h2>
|
||||
<p>
|
||||
@@ -151,22 +166,21 @@
|
||||
Wij zullen u bij de overstap begeleiden, zodat de overgang vlot kan verlopen.
|
||||
Wij contacteren uw vorige raadgever om ons uw dossier te bezorgen.
|
||||
</p>
|
||||
<img src="assets/b-images/customer.png" alt="klant">
|
||||
<h2>Hoe gaan we te werk?</h2>
|
||||
<div class="timeline">
|
||||
<div><span class="circle"></span><p>Tijdens een eerste vrijblijvende vergadering met één van de vennoten, bespreken we uw project.</p></div>
|
||||
<div><span class="circle"></span><p>We leggen je de werking uit van ons kantoor en kijken samen wat de beste ondernemingsvorm is voor jouw bedrijf.</p></div>
|
||||
<div><span class="circle"></span><p>We overlopen de voor- en nadelen van een éénmanszaak ten opzichte van een vennootschap, en wat de fiscale en boekhoudkundige gevolgen zijn van deze keuze.</p></div>
|
||||
<div><span class="circle"></span><p>Ons kantoor en onze werkmethodes worden voorgesteld en uw vragen over de verdere samenwerking zullen worden beantwoord.</p></div>
|
||||
<div><span class="circle"></span><p>Kleine dossiers met een beperkt aantal te boeken documenten krijgen de mogelijkheid om zelf de aan- en verkopen te registreren via eenvoudige Excel bestanden.</p></div>
|
||||
<div><span class="circle"></span><p>Interesse? <span>Op onze <a href="#contact" alt="contact">contact pagina</a> vindt u onze contactgegevens</span></p></div>
|
||||
</div>
|
||||
</div>
|
||||
<img src="assets/b-images/customer.png" alt="klant">
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-container2">
|
||||
<img class="hero" src="assets/hero2-min.jpg" alt="hero-image">
|
||||
<div class="overlay"></div>
|
||||
<img class="hero hero2" src="assets/hero2-min.webp" alt="hero-image">
|
||||
<div class="overlay"></div>
|
||||
</div>
|
||||
<div class="alternate" id="wiezijnwe">
|
||||
<div class="wrapper">
|
||||
@@ -177,7 +191,7 @@
|
||||
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.
|
||||
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 en wij streven ernaar om optimaal 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.
|
||||
@@ -188,6 +202,7 @@
|
||||
</div>
|
||||
<div>
|
||||
<div class="wrapper" id="vacatures">
|
||||
<img src="assets/b-images/vacancies.png" alt="vacatures">
|
||||
<div class="content">
|
||||
<h2>Vacatures</h2>
|
||||
<p>
|
||||
@@ -199,8 +214,8 @@
|
||||
</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>
|
||||
<li>bel op <a href="tel:+3292284322">09/ 228.43.22</a></li>
|
||||
<li>of bezorg dan jouw CV en motivatiebrief aan <a href="mailto:robert@sinia.be">robert@sinia.be</a></li>
|
||||
</ul>
|
||||
<p>
|
||||
Wij contacteren je zo spoedig mogelijk.
|
||||
@@ -213,23 +228,23 @@
|
||||
Interesse?
|
||||
</p>
|
||||
<ul>
|
||||
<li>bel op 09/ 228.43.22</li>
|
||||
<li>of bezorg dan jouw CV en motivatiebrief aan robert@sinia.be</li>
|
||||
<li>bel op <a href="tel:+3292284322">09/ 228.43.22</a></li>
|
||||
<li>of bezorg dan jouw CV en motivatiebrief aan <a href="mailto:robert@sinia.be">robert@sinia.be</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<img src="assets/b-images/vacancies.png" alt="vacatures">
|
||||
</div>
|
||||
</div>
|
||||
<div class="alternate" id="contact">
|
||||
<div class="wrapper wrapper-contact">
|
||||
<div class="text">
|
||||
<h2>Contact</h2>
|
||||
<a href="https://www.google.com/maps?ll=51.06363,3.751164&z=13&t=m&hl=en&gl=BE&mapclient=embed&cid=4544505274712951366" target="_blank"><span class="fa-solid fa-location-pin"></span>Antwerpsesteenweg 271, 9040 Gent (Sint-Amandsberg)</a>
|
||||
<a href="https://goo.gl/maps/9gFL9dEL2bYrxMnY8" target="_blank"><span class="fa-solid fa-location-pin"></span><p>Antwerpsesteenweg 271, 9040 Gent (Sint-Amandsberg)</p></a>
|
||||
<a href="tel:+3292284322"><span class="fa-solid fa-phone"></span>09/228.43.22</a>
|
||||
<a href="tel:+32475707887"><span class="fa-solid fa-mobile-screen"></span>0475/70.78.87 (Robert Sinia)</a>
|
||||
<a href="mailto:robert@sinia.be,frank@sinia.be"><span class="fa-solid fa-envelope"></span>robert@sinia.be / frank@sinia.be</a>
|
||||
<a href="https://www.linkedin.com/company/sinia-accountants-en-belastingconsulenten-bvba/about/" target="_blank"><span class="fa-brands fa-linkedin"></span>Linkedin</a>
|
||||
<a href="#"><span class="fa-solid fa-home"></span>Homepage</a>
|
||||
<a href="#"><span class="fa-solid fa-building"></span>BE 0426.286.690</a>
|
||||
</div>
|
||||
<div class="google-maps">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d26011.531706816328!2d3.7327019887977553!3d51.06778304400319!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c376cf113b3e6f%3A0x3f11537833278a46!2sSinia%20Accountants%20En%20Belastingconsulenten!5e0!3m2!1sen!2sbe!4v1690233562850!5m2!1sen!2sbe" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" title="google maps"></iframe>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
app-header {
|
||||
box-shadow: 0 1.5rem 1rem rgba(0,0,0,0.21);
|
||||
position: relative;
|
||||
z-index: 5;
|
||||
z-index: 800;
|
||||
}
|
||||
|
||||
.hero-container {
|
||||
@@ -12,38 +12,67 @@ app-header {
|
||||
overflow: hidden;
|
||||
|
||||
.hero {
|
||||
transform: scale(0.9);
|
||||
transform-origin: top left;
|
||||
margin: 0 auto;
|
||||
margin-top: -55rem;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translateY(-50%) translateX(-50%);
|
||||
}
|
||||
|
||||
.overlay {
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
height: 60rem;
|
||||
width: 100%;
|
||||
top: -105rem;
|
||||
display: inline-block;
|
||||
top: -160rem;
|
||||
position: relative;
|
||||
|
||||
.wrapper-slogan {
|
||||
padding: 2rem;
|
||||
max-width: 120rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
p {
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
background-color: rgba(30, 45, 91, 0.8);
|
||||
font-size: 4rem;
|
||||
padding: 1.5rem;
|
||||
color: $white;
|
||||
position: relative;
|
||||
top: 8rem;
|
||||
width: fit-content;
|
||||
z-index: 80;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.hero1 {
|
||||
width: 230.1rem;
|
||||
height: 153.6rem;
|
||||
}
|
||||
|
||||
.hero2 {
|
||||
width: 555.1rem;
|
||||
height: 370.1rem;
|
||||
}
|
||||
|
||||
.hero-container2 {
|
||||
width: 100%;
|
||||
height: 35rem;
|
||||
overflow: hidden;
|
||||
|
||||
.hero {
|
||||
transform: scale(0.4);
|
||||
transform-origin: top left;
|
||||
margin-top: -73rem;
|
||||
position: relative;
|
||||
left: 60%;
|
||||
top: 20%;
|
||||
transform: translateY(-50%) translateX(-50%) scale(0.5);
|
||||
}
|
||||
|
||||
.overlay {
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
height: 60rem;
|
||||
width: 100%;
|
||||
top: -310rem;
|
||||
top: -380rem;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
@@ -101,6 +130,10 @@ h2 {
|
||||
margin-top: 10rem;
|
||||
}
|
||||
|
||||
.content img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.timeline {
|
||||
border-left: 0.2rem solid $primary-color;
|
||||
padding: 1rem 3rem 2rem 3rem;
|
||||
@@ -144,6 +177,7 @@ h2 {
|
||||
#vacatures, #klantworden, #diensten {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: row-reverse;
|
||||
|
||||
.content {
|
||||
width: 60%;
|
||||
@@ -158,10 +192,16 @@ h2 {
|
||||
|
||||
.wrapper-contact {
|
||||
display: flex;
|
||||
padding: 2rem 0;
|
||||
padding: 2rem 2rem;
|
||||
|
||||
a {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-decoration: none;
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
@@ -191,3 +231,190 @@ h2 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
#vacatures, #contact {
|
||||
a, a > p {
|
||||
color: $secondary-color;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
.hero-container {
|
||||
height: 20rem;
|
||||
|
||||
.hero {
|
||||
transform: translateY(-50%) translateX(-50%) scale(0.55);
|
||||
top: 0%;
|
||||
}
|
||||
|
||||
.overlay {
|
||||
p {
|
||||
font-size: 2rem;
|
||||
top: 5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.hero-container2 {
|
||||
height: 20rem;
|
||||
|
||||
.hero2 {
|
||||
transform: translateY(-50%) translateX(-50%) scale(0.28);
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
padding: 2rem 3rem 6rem 3rem;
|
||||
width: calc(100% - 6rem);
|
||||
}
|
||||
|
||||
#diensten {
|
||||
display: inline-block;
|
||||
|
||||
img {
|
||||
position: relative;
|
||||
width: 20.4rem;
|
||||
height: 20rem;
|
||||
top: -6rem;
|
||||
left: calc(100vw - 15rem - 20%);
|
||||
transform: scale(1.25);
|
||||
}
|
||||
|
||||
.content {
|
||||
z-index: 5;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin-top: -17rem;
|
||||
}
|
||||
}
|
||||
|
||||
#advies {
|
||||
margin-top: 2rem;
|
||||
|
||||
.wrapper {
|
||||
display: inline-block;
|
||||
|
||||
img {
|
||||
position: relative;
|
||||
width: 22rem;
|
||||
height: 20rem;
|
||||
top: -6rem;
|
||||
left: calc(100vw - 15rem - 20%);
|
||||
transform: scale(1.25);
|
||||
}
|
||||
|
||||
.content {
|
||||
z-index: 5;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin-top: -17rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#klantworden {
|
||||
display: inline-block;
|
||||
padding: 3rem;
|
||||
|
||||
img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
z-index: 5;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
|
||||
h2 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline;
|
||||
margin: 3rem 0;
|
||||
width: 33rem;
|
||||
height: 34rem;
|
||||
max-width: 33rem;
|
||||
}
|
||||
|
||||
}
|
||||
.timeline {
|
||||
div + div {
|
||||
margin-top: 0rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#wiezijnwe {
|
||||
display: inline-block;
|
||||
width: 100vw;
|
||||
|
||||
.wrapper {
|
||||
align-items: flex-end;
|
||||
flex-direction: column;
|
||||
margin-top:-6rem;
|
||||
|
||||
img {
|
||||
width: 36rem;
|
||||
max-width: 36rem;
|
||||
height: 32rem;
|
||||
position: relative;
|
||||
top: -16rem;
|
||||
}
|
||||
}
|
||||
|
||||
.wrapper .content {
|
||||
z-index: 5;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin-top: -17rem;
|
||||
}
|
||||
}
|
||||
|
||||
#vacatures {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
img {
|
||||
width: 42rem;
|
||||
max-width: 42rem;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
top: -12rem;
|
||||
}
|
||||
|
||||
.content {
|
||||
z-index: 5;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin-top: -15rem;
|
||||
}
|
||||
}
|
||||
|
||||
#contact {
|
||||
.wrapper-contact {
|
||||
display: inline;
|
||||
|
||||
.text {
|
||||
padding: 3rem;
|
||||
margin-bottom: 3rem;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.google-maps {
|
||||
padding: 3rem;
|
||||
iframe{
|
||||
margin: 0 auto;
|
||||
width: calc(100vw - 6rem);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -32,6 +32,8 @@
|
||||
h3 {
|
||||
width: 80%;
|
||||
margin: 0;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
span {
|
||||
@@ -51,7 +53,7 @@ span {
|
||||
}
|
||||
|
||||
.collapse {
|
||||
max-height: 130rem;
|
||||
max-height: 200rem;
|
||||
transition: max-height 0.5s ease-in;
|
||||
overflow: hidden;
|
||||
}
|
||||
@@ -69,3 +71,9 @@ span {
|
||||
padding: 0.5rem 8%;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
h3 {
|
||||
max-width: calc(100% - 10rem);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="menu">
|
||||
<div class="menu" [ngClass]="{'collapsed': isCollapsed}">
|
||||
<a href="#diensten">Diensten<span>Diensten</span></a>
|
||||
<a href="#advies">Advies<span>Advies</span></a>
|
||||
<a href="#klantworden">Klant worden<span>Klant worden</span></a>
|
||||
@@ -14,3 +14,6 @@
|
||||
<a href="#vacatures">Vacatures<span>Vacatures</span></a>
|
||||
<a href="#contact">Contact<span>Contact</span></a>
|
||||
</div>
|
||||
<div class="icon" (click)="isCollapsed = !isCollapsed">
|
||||
<span class="fa-bars fa-solid"></span>
|
||||
</div>
|
||||
|
||||
@@ -59,3 +59,56 @@
|
||||
transition: all .1s;
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
:host {
|
||||
padding: 2rem 3rem;
|
||||
}
|
||||
.logo .subtext {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.menu {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
position: absolute;
|
||||
width: 45%;
|
||||
right: 0;
|
||||
top: 11rem;
|
||||
z-index: 200;
|
||||
max-height: 0;
|
||||
transition: max-height 0.5s ease;
|
||||
overflow: hidden;
|
||||
|
||||
&.collapsed {
|
||||
max-height: 50rem;
|
||||
transition: max-height 0.5s ease;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
a {
|
||||
width: 100%;
|
||||
background-color: $white;
|
||||
z-index: 200;
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
display: inline;
|
||||
margin-left: auto;
|
||||
margin-right: 0;
|
||||
height: 7.7rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
|
||||
span {
|
||||
color: $primary-color;
|
||||
font-size: 4rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import { Component } from '@angular/core';
|
||||
import { Component, HostListener } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-header',
|
||||
@@ -6,5 +6,12 @@ import { Component } from '@angular/core';
|
||||
styleUrls: ['./header.component.scss']
|
||||
})
|
||||
export class HeaderComponent {
|
||||
public isCollapsed: boolean = false;
|
||||
|
||||
@HostListener('document:click', ['$event'])
|
||||
public reset(event: unknown) {
|
||||
if (!(event as any).srcElement.classList.contains('fa-bars') && !(event as any).ctrlKey && !(event as any).altKey) {
|
||||
this.isCollapsed = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
BIN
src/assets/hero1.webp
Normal file
BIN
src/assets/hero1.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 170 KiB |
BIN
src/assets/hero2-min.webp
Normal file
BIN
src/assets/hero2-min.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 381 KiB |
@@ -17,18 +17,22 @@
|
||||
<style>
|
||||
html {
|
||||
font-size: 10px;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
body *{
|
||||
font-family: 'Inter';
|
||||
font-size: 2rem;
|
||||
line-height: 1.5;
|
||||
hyphens: manual;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0 auto;
|
||||
max-width: 192rem;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
Reference in New Issue
Block a user