Language
nederlands
english
COMPANY NAME
Menu
Language
Home
CSS
css short
Border-radius & shadows
Shadow
Google Fonts
Transition
Triangle
Buttons
Polaroid effect
Greyscale
Module Full-width maken
Pagina sjabloon Full-width maken
FontAwesome
Images effect
Images met hover
Media Queries
IE uitzonderingen
Oplossingen
Aanpassing openingstijden
Accordions - uitklapbare tekst
Anchor
Branding in het wit
Custom vertaalknop
datepicker
Genummerd ID aan element toevoegen
Google tracking aan de button van het formulier toevoegen
Kvk nummer niet klikbaar maken op de Ipad
lege footer columns verstoppen
Links, afbeeldingen of afbeeldingen met links in footer plaatsen
Nummers unclickable maken
Responsive: full-width twee kolommen
Responsive: bedrijfsvideo
Scroll back to top
Scroll to anchor
Sticky Menu Anchor Links
Upload pagina
Google Analytics tracking
Voorkomen dat afbeeldingen downsizen
OTF fonts gebruiken ipv google fonts
Menustructuur
Fix A
Fix B
Drop A
Drop Follow
Drop C
Drop D
Vert A
Social Contact Topheader
Mobiel - menustructuur
menustructuur 01 - Slide in
menustructuur 02 - Fade in
Links
FontAwesome
HTML Import
<html> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> </html>
Overzicht van alle icons
Contact icons
<style> *[itemprop="telephone"]:before {font-family: FontAwesome; content: ""; color: #800000; margin-right: 0.5em;} *[itemprop="email"]:before {font-family: FontAwesome; content: ""; color: #800000; margin-right: 0.5em;} *[itemprop="faxNumber"]:before{font-family: FontAwesome; content: ""; color: #800000; margin-right: 0.5em;} </style>
Button icons
<style> /* Custom button icons */ .btn-call:before { content: "\f098"; color: #fff; font-family: FontAwesome;} .btn-email:before { content: "\f044"; color: #fff; font-family: FontAwesome;} .btn-arrow.btn-arrow:before { content: "\f087"; color: #fff; font-family: FontAwesome;} .formbuilder .btn::before { content: "\f1d8"; color: #fff; font-family: FontAwesome;} /* Custom icons */ =.carousel .nav-slider > .prev a:before { top: -30px; left: -20px; font-size: 3.5em; content: "\f0a8"; background: transparent; color: #3AB3DF; font-family: FontAwesome;} .carousel .nav-slider > .next a:before { top: -30px; left: -25px; font-size: 3.5em; content: "\f0a9"; background: transparent; color: #3AB3DF; font-family: FontAwesome;} .gallery-3 .nav-slider > .prev a:before { left: 2px; content: "\f0a8"; background: transparent; color: #3AB3DF!important; font-family: FontAwesome;} .gallery-3 .nav-slider > .next a:before { left: 2px; content: "\f0a9"; background: transparent; color: #3AB3DF!important; font-family: FontAwesome;} .usp { margin: 0px 0 2.625em 0.5em; padding-left: 0.1em;} .usp li:before { content: "\f05d"; color: #3AB3DF; font-family: FontAwesome; left: 1em;} .linklist li:before { content: "\f0c1"; color: #3AB3DF; font-family: FontAwesome;} .linklist.downloadlist li:before { content: "\f0ed"; color: #3AB3DF; font-family: FontAwesome;} </style>
