Responsive Framework

Responsive Framework is de basis van de website voor alle stylen welke niet met responsive te maken hebben.

 

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { overflow-y: scroll;  padding: 0;margin: 0; }

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body { font-size: 11pt; line-height: 1.6;  font-weight: 400; font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #222; }

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 10px;  font-weight: bold; }
h1 { font-size: 2.5rem; line-height: 1; letter-spacing: -.1rem; color: #555555 ; }
h2 { font-size: 2.0rem; line-height: 1; letter-spacing: -.1rem; color: #555555 ; font-weight: bold;}
h3 { font-size: 1.5rem; line-height: 1; letter-spacing: -.1rem; color: #555555 ; }
h4 { font-size: 1.4rem; line-height: 1; letter-spacing: -.08rem; color: #555555 ; }
h5 { font-size: 1.3rem; line-height: 1; letter-spacing: -.05rem; color: #555555 ; }
h6 { font-size: 1.2rem; line-height: 1; letter-spacing: 0; }

p {  padding: 0;margin: 0; }

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a { color: #1EAEDB; }
a:hover { color: #0FA0CE; }
 

Baai

voorbeeld 1

Road at night De afbeelding van een baai. Een strandje aan de rand van dorpje.

Wissels

voorbeeld 2

Coffee shop Spoor wissels in een bergachtig dorp in Zwitserland.

Palm

voorbeeld 3

Road at night Een palmboom aan de rand van een meer.

Vlag

voorbeeld 4

Coffee shop Zwitserse vlag in een vallei.

Soep

voorbeeld 5

Coffee shop Eem heerlijke soep met kaas en stokbrood.