Compare commits

...

24 Commits

Author SHA1 Message Date
ef9d451194 Update .gitea/workflows/copy.yaml
Some checks failed
Copy Files to Samba Share / Copy Files (push) Failing after 25s
2024-07-29 21:28:50 +02:00
d4b7dc791d Update .gitea/workflows/copy.yaml
Some checks failed
Copy Files to Samba Share / Copy Files (push) Failing after 30s
2024-03-15 08:43:17 +01:00
f7584879f0 Fixed styling
All checks were successful
Copy Files to Samba Share / Copy Files (push) Successful in 37s
2024-03-15 08:40:11 +01:00
833d2cc0fa Revision 14/03
All checks were successful
Copy Files to Samba Share / Copy Files (push) Successful in 38s
2024-03-14 20:44:31 +01:00
706a25d643 Update src/app/app.component.html
All checks were successful
Copy Files to Samba Share / Copy Files (push) Successful in 2m27s
2023-08-30 15:06:51 +02:00
Arne Vlaeminck
c054f9750e Added vat info
All checks were successful
Copy Files to Samba Share / Copy Files (push) Successful in 2m15s
2023-08-28 08:53:08 +02:00
Arne Vlaeminck
6f9c11440f Fixed wrong color text
All checks were successful
Copy Files to Samba Share / Copy Files (push) Successful in 2m10s
2023-08-05 13:42:58 +02:00
Arne Vlaeminck
ca84bf3a25 Mobile fix text
All checks were successful
Copy Files to Samba Share / Copy Files (push) Successful in 2m13s
2023-08-05 13:21:34 +02:00
Arne Vlaeminck
b7f2b60623 Fixes for small screens
All checks were successful
Copy Files to Samba Share / Copy Files (push) Successful in 2m11s
2023-08-05 13:12:58 +02:00
Arne Vlaeminck
8aa73ab02c Image fixes
All checks were successful
Copy Files to Samba Share / Copy Files (push) Successful in 2m12s
2023-08-05 12:34:06 +02:00
Arne Vlaeminck
f83f03cbaf Mobile layout fixes
All checks were successful
Copy Files to Samba Share / Copy Files (push) Successful in 2m14s
2023-08-05 12:19:18 +02:00
Arne
93a3119d4d Increaded limits
All checks were successful
Copy Files to Samba Share / Copy Files (push) Successful in 2m12s
2023-08-04 11:09:14 +02:00
Arne
d35907fd3a Hide menu button on main
All checks were successful
Copy Files to Samba Share / Copy Files (push) Has been cancelled
2023-08-04 11:08:03 +02:00
Arne
34dde43014 Added collapse menu 2023-08-04 11:07:17 +02:00
Arne
b2fad878fb Added welcome text
Some checks failed
Copy Files to Samba Share / Copy Files (push) Failing after 2m9s
2023-08-04 10:43:11 +02:00
Arne
da9e8fd3a1 Adding mobile layout
Some checks failed
Copy Files to Samba Share / Copy Files (push) Failing after 2m9s
2023-08-04 10:20:34 +02:00
Arne
7cbfac038f Merge branch 'main' of https://git.cptarn.com/CptArn/Sinia into main
All checks were successful
Copy Files to Samba Share / Copy Files (push) Successful in 2m16s
2023-08-02 12:27:47 +02:00
Arne
a3877db69f Feedback customer 2023-08-02 12:27:42 +02:00
7355a02cb6 Update src/app/app.component.html
All checks were successful
Copy Files to Samba Share / Copy Files (push) Successful in 2m11s
2023-08-01 12:45:36 +02:00
5898e3d94c Update src/app/app.component.html
All checks were successful
Copy Files to Samba Share / Copy Files (push) Successful in 2m11s
2023-08-01 10:14:45 +02:00
Arne
c4b297ca77 Smaller images
All checks were successful
Copy Files to Samba Share / Copy Files (push) Successful in 2m14s
2023-07-31 18:51:26 +02:00
Arne
fce2c5bdf0 Changed image to webp
All checks were successful
Copy Files to Samba Share / Copy Files (push) Successful in 2m11s
2023-07-31 18:37:33 +02:00
Arne
a663373270 Fixed maps link
All checks were successful
Copy Files to Samba Share / Copy Files (push) Successful in 2m12s
2023-07-31 18:27:23 +02:00
Arne
aed280110d Fixed images 2023-07-31 18:24:29 +02:00
12 changed files with 433 additions and 86 deletions

View File

@@ -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 *"

View File

@@ -45,7 +45,7 @@
{
"type": "anyComponentStyle",
"maximumWarning": "2kb",
"maximumError": "4kb"
"maximumError": "5kb"
}
],
"outputHashing": "all"

124
package-lock.json generated
View File

@@ -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": {

View File

@@ -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&shy;belasting</li>
<li>Rechtspersonen&shy;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&shy;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>

View File

@@ -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);
}
}
}
}
}

View File

@@ -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);
}
}

View File

@@ -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>

View File

@@ -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;
}
}
}

View File

@@ -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

Binary file not shown.

After

Width:  |  Height:  |  Size: 170 KiB

BIN
src/assets/hero2-min.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 381 KiB

View File

@@ -13,22 +13,26 @@
<meta name="description" content="Sinia Accountants en Belastingconsulenten BV is reeds vele jaren een betrouwbare partner voor tal van vennootschappen, zelfstandigen, vrije beroepers en andere organisaties. 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. 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 !" >
<meta name="keywords" content="Sinia, Accountants, Accounting, Belasting, Belastingconsulenten, Partner, Sinia Accountants en Belastingconsulenten, Boekhouding, Boekhouder, Gent">
<meta name="author" content="Robert Sinia">
<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>