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

Dit kun jij als ondernemer online doen vóór de decemberdrukte

Zo maak jij jouw webshop klaar voor de feestdagen

Hoe hoog scoort mijn website in Google?

Dé drie pijlers van een goed blogbericht

/* ----------------------------------------- */ /* 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 */ /* ----------------------------------------- */