Internetbureau WebProfit

Een professioneel en fijn bedrijf met korte lijnen. Dit werkt heel prettig. Vriendelijke medewerkers die gevraagd en ongevraagd met goede adviezen komen. Het samenwerken op deze manier hopen wij zo nog jaren voort te zetten.

Arie van Doorn | Openingstechnieken

Lees het succesverhaal Dit wil ik ook

Internetbureau WebProfit

Een professioneel en fijn bedrijf met korte lijnen. Dit werkt heel prettig. Vriendelijke medewerkers die gevraagd en ongevraagd met goede adviezen komen. Het samenwerken op deze manier hopen wij zo nog jaren voort te zetten.

Arie van Doorn | Openingstechnieken

Lees het succesverhaal Dit wil ik ook

Internetbureau WebProfit

Een professioneel en fijn bedrijf met korte lijnen. Dit werkt heel prettig. Vriendelijke medewerkers die gevraagd en ongevraagd met goede adviezen komen. Het samenwerken op deze manier hopen wij zo nog jaren voort te zetten.

Arie van Doorn | Openingstechnieken

Lees het succesverhaal Dit wil ik ook

Online marketing

Webshops

Websites

Recente projecten

Bekijk het project

blog

Dé drie pijlers van een goed blogbericht

Call tracking: zo maak je alles meetbaar

Vindbaar zijn op locatie

Opvallen met carrousel advertenties via LinkedIn

/* ----------------------------------------- */ /* View: Recensies Slider - start */ /* ----------------------------------------- */ .review-icon { font-size: 2em; color: #f08722; vertical-align: middle; } .review-text { font-size: 1.5em; line-height: 1.5; margin-left: 1em; } .review-description { font-size: 20px; color: rgb(85, 87, 89); font-style: italic; margin-bottom: 20px; } .review-title { color: rgb(85, 87, 89); } .review-actions { margin-top: 2em; } .review .x-btn { max-width: 270px; } /* Tablet */ @media screen and (min-width:768px) and (max-width:979px) { .column.review, .column.review span { font-size: 15px; } .review-text { margin-left: 2em; } } /* Mobile */ @media screen and (max-width:768px) { .column.review, .column.review span { font-size: 14px; line-height: 1.4; } .review-title { font-weight: bold; } .review-icon { display: none; } .review-text { margin-left: 0; } .review-actions { margin-top: 2em; } .review-actions .x-btn { margin-top: 1em; } } /* ----------------------------------------- */ /* View: Recensies Slider - einde */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Diensten Slider - start */ /* ----------------------------------------- */ .w-dienst-title { color: #f08722; margin: 0; text-transform: uppercase; } .w-dienst-description { text-align: center; color:#9A9a9a; } .column.w-dienst { text-align: center; padding: 0 40px; flex-basis: 30%; } /* Icoon */ .w-dienst-icon:before { font-size: 5em; color: #fff; } /* Seperator */ .column.w-dienst { border-right: 2px solid #f08a28; } .column.w-dienst:last-child { border: none; } @media screen and (max-width:768px) { .column.w-dienst { border: unset; margin: 2em 0; } } /* ----------------------------------------- */ /* View: Diensten Slider - einde */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Projecten Slider Recent - start */ /* ----------------------------------------- */ .w-project-image-wrapper { width: 100%; height: 100%; max-width: 1025px; max-height: 576px; margin: 0 auto; } .w-project-image-wrap { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; } .w-project-image { box-sizing: border-box; background: url(/wp-content/uploads/mac-wrapper.png); background-size: contain; background-repeat: no-repeat; padding: 4.4% 15.2% 22% 15.2%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } @media screen and (min-width:500px) and (max-width:590px) { .w-project-image { padding-bottom:23%; } } @media screen and (max-width:500px) { .w-project-image { padding-bottom:25%; } } .w-project-description { text-align: center; } .w-project-description.row { max-width: 1000px; } .w-project-btn { padding: 15px 40px; } span.wpv-filter-previous-link .x-btn, span.wpv-filter-next-link .x-btn { background-color: #f08822; color: #fff; cursor: default; } .w-project.column { position: relative; } @media screen and (min-width:1200px){ a.wpv-filter-next-link.js-wpv-pagination-next-link { position: absolute; top: 50%; right: 10%; } a.wpv-filter-previous-link.js-wpv-pagination-previous-link { position: absolute; top: 50%; left: 10%; } } @media screen and (min-width:768px) and (max-width:1200px){ a.wpv-filter-previous-link.js-wpv-pagination-previous-link { position: absolute; top: 40%; left: 1em; } a.wpv-filter-next-link.js-wpv-pagination-next-link { position: absolute; top: 40%; right: 1em; } } /* ----------------------------------------- */ /* View: Projecten Slider Recent - einde */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View: Blog Slider - start */ /* ----------------------------------------- */ .blog-item { position: relative; min-height: 300px; background-repeat: no-repeat; background-position: center; background-size: cover; } .w-blog-block { min-height: 92px; position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.8); padding: 20px 40px; justify-content: space-between; } .w-blog-title { margin: 0; font-size: 20px; font-weight: bold; color: rgb(85, 87, 89); text-align: left; } .w-blog-icon i { text-shadow: none; } .x-btn.x-btn-icon.w-blog-icon, .x-btn.x-btn-icon.w-blog-icon i { color: #f08722; border-color: #f08722; } .x-btn.x-btn-icon.w-blog-icon:hover { background-color: #f08722; } .x-btn.x-btn-icon.w-blog-icon:hover i { color: #fff; } .blog-item:hover .w-blog-block { background-color: rgba(240, 135, 34, 0.8); } .blog-item:hover .w-blog-title { color: #fff; } .blog-item:hover .x-btn.x-btn-icon.w-blog-icon { border-color: #fff; } .blog-item:hover .x-btn.x-btn-icon.w-blog-icon:hover { background-color: #fff; } .blog-item:hover .x-btn.x-btn-icon.w-blog-icon i { color: #fff; } .blog-item:hover .x-btn.x-btn-icon.w-blog-icon:hover i { color: #f08722; } @media screen and (max-width:768px) { .row.blog-items { flex-direction: column; } } .row.blog-items { flex-flow: row wrap; max-height: 300px; overflow: hidden; } @media screen and (min-width:1500px) { .blog-item { flex-basis: 25%; } } @media screen and (min-width:1000px) and (max-width:1500px) { .blog-item { flex-basis: 33.33%; } } @media screen and (min-width:768px) and (max-width:1000px) { .blog-item { flex-basis: 50%; } } @media screen and (max-width:768px) { .blog-item { flex-basis: 100%; } } /* ----------------------------------------- */ /* View: Blog Slider - einde */ /* ----------------------------------------- */