Download Start.ai

Dummy text

Ik heb deze website ontwerpen in Illustrator met behulp van het 12 grid-systeem van bootstrap.

Download Start.psd

Ik heb deze website ontwerpen in Photoshop met behulp van het 12 grid-systeem van bootstrap.

Je header of slider op je homepagina is de blikvanger. Dit zorgt voor de juiste look & feel en zorgt dat de bezoekers blijven op je website. Je wekt hun interesse op!

Wat is heb beste formaat?

De meest gekozen formaat is nog altijd 1024 x 768px pixels en verhouding 16:9.

Wil je grotere breedtes > 1024 px bekijk dan deze link. Bijvoorbeeld Full Page Header 1600 x 900 pixels, 16:9

Download Font Awesome

Cheatsheet examples

Kopieer het icoon of tekst van de site cheatsheet en plak in Illustrator of Photoshop. Verander het lettertype naar de juiste Font Awesome: "Font Awesome 6 Free-Solid-900" of "Font Awesome 6 Free-Regular-400.otf" of "Font Awesome 6 Brands-Regular-400".

De kolommen worden automatisch op elkaar gestapeld wanneer het scherm minder dan 576px breed is.

<div class="container">

<div class="row">

<div class="col-sm-3" style="background-color: lavender;">.col-sm-3</div>
 
<div class="col-sm-3" style="background-color: lavenderblush;">.col-sm-3</div>
 
<div class="col-sm-3" style="background-color: lavender;">.col-sm-3</div>
 
<div class="col-sm-3" style="background-color: lavenderblush;">.col-sm-3</div>

</div>

</div>

 

De volledig uitleg vind je in het hoofdstuk van Frameworks onder webdesign.