Stap 7: De 4-koloms met afbeelding en tekst

In deze stap voegen we een nieuwe 4-koloms lay-out toe met vier afbeeldingen en vier adressen. Hierboven zetten we een titel in een 1-koloms, die naadloos overgaat in de 1-koloms lay-out.

We voegen eerst de 1-koloms lay-out toe. Hierin plaatsen we een tekstblok met de tekst: “Webpower Europa Locaties”. De lay-out geven we een padding van: 70px, 20px, 0px, 20px.

Nu voegen we een 4-koloms lay-out toe aan de landingspagina. De settings blijven hetzelfde, met uitzondering van de padding. Ook maken we deze lay-out weer fluid. De padding van deze lay-out wordt: 30px,20px, 70px, 20px.

In de linkerkolom voegen we vervolgens een afbeelding van Webpower Barneveld toe, waaronder we de contactgegevens van Webpower Barneveld plaatsen. Het tekstblok waarin deze contactgegevens komen, geven we de volgende padding: 20px,10px, 20px, 10px.

Vervolgens kopiëren we, net als in stap 6, alle blokken en passen we de afbeeldingen en teksten aan. Tip: vul ook de alt-teksten in.

Ga naar stap 8