diff --git a/src/app/app.component.html b/src/app/app.component.html index 28893be..1e00d75 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -1,5 +1,65 @@
- hero-image -
+hero-image +
+
+
+
+

U kan bij ons terecht

+

+ Onze klanten zijn zowel kleine als middelgrote ondernemingen. De ondernemingen zijn zowel éénmanszaken, vrije beroepers of vennootschappen, actief in tal van sectoren zoals productie, handel, diensten, vrije beroepen, de medische sector ... +

+

+ In ons kantoor is ook een starter als bijberoep welkom. Iedere zelfstandige is ooit klein begonnen. +

+
+
+
+
+

Diensten

+
+
+
+
+

Advies

+
+
+
+
+

Klant worden?

+

Hoe gaan we te werk?

+
+
+
+hero-image +
+
+
+
+

Wie zijn we?

+
+
+
+
+

Vacatures

+
+
+
+
+
+

Contact

+

Antwerpsesteenweg 271, 9040 Gent (Sint-Amandsberg)

+

Tel: 09/ 228.43.22

+

Gsm : 0475/ 70.78.87 (Robert Sinia)

+

E-mail: robert@sinia.be frank@sinia.be

+

Linkedin

+

Homepage

+
+
+ +
+
+
+ diff --git a/src/app/app.component.scss b/src/app/app.component.scss index 13e70ba..2c6a384 100644 --- a/src/app/app.component.scss +++ b/src/app/app.component.scss @@ -1,3 +1,4 @@ +@import '../styles.scss'; app-header { box-shadow: 0px 15px 10px rgba(0,0,0,0.21) @@ -24,3 +25,60 @@ app-header { } } +.hero-container2 { + width: 100%; + height: 350px; + overflow: hidden; + + .hero { + transform: scale(0.4); + transform-origin: top left; + margin-top: -730px; + } + + .overlay { + background-color: rgba(255, 255, 255, 0.35); + height: 600px; + width: 100%; + top: -3100px; + display: inline-block; + position: relative; + } +} + +h2 { + color: $primary-color; + font-size: 30px; + font-weight: bold; +} + +.wrapper { + max-width: 1200px; + margin: 0 auto; + padding: 20px 0; +} + +.alternate { + background-color: $light; +} + + +.wrapper-contact { + display: flex; + padding: 20px 0; + + div { + width: 50%; + } +} + +.footer { + width: 100%; + padding-top: 50px; + padding-bottom: 70px; + text-align: center; + + span { + font-size: 20px; + } +} diff --git a/src/app/app.component.ts b/src/app/app.component.ts index d5fbe63..add4527 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -7,4 +7,9 @@ import { Component } from '@angular/core'; }) export class AppComponent { title = 'Sinia'; + public copyrightYear: number; + + constructor() { + this.copyrightYear = (new Date()).getFullYear(); + } } diff --git a/src/app/header/header.component.html b/src/app/header/header.component.html index f0aa3a2..830c4ec 100644 --- a/src/app/header/header.component.html +++ b/src/app/header/header.component.html @@ -1,5 +1,5 @@