Variable theme colors

color 1 = C2A

color 2

color 3

color 4

color 5

color 6

color 7

color 8

color 9

color 10

White to black colors

link color

Text color

Background white

Gray 1

Gray 2

Gray 3

Gray 4

Gray 5

color black

Customization

H1 size

H2 size

H3 size

H4 size

H5 size

H6 size

Font: Caros
Icons: FA PRO 6 + Custom

Largest

Larger

Large

Normal

Get 4 usp's code

Show CSS code

/* BRANCHE USPS */	
.c-branche-usps .c-usp-card {
	transition:300ms;
    background: #fff;
    border-radius: var(--border-radius-lg);
    margin: 8px 0;
    padding: var(--spacing-lg);
}
	@media (min-width:992px) {
		.c-branche-usps .c-usp-card {
			min-height:340px;
		}
	}
.c-branche-usps .c-usp-card:hover {
	transform:rotatez(-5deg);
	box-shadow:1px 2px 15px rgba(0,0,0,0.3);
}

.c-branche-usps-animated  {
    height: 500px;
	overflow-x:auto;
	display:flex;
}
	.c-branche-usps-animated>.c-container {
		min-width:1340px;
	}

.c-branche-usps-animated .c-usp-card {
  width: 90%;
  min-height: 300px;
	padding:var(--spacing-lg);
  margin-left: auto;
  margin-right: auto;
  margin-top: 3vh;
  margin-bottom: 50px;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0 10px 40px 2px rgba(0,0,0,0.4);
  background: #fff;
  transform-origin: center center 0px;
  transition: all 0.5s ease-out;
  animation-name: animate;
  animation-duration: 3s;
  animation-iteration-count: infinite;
      transform: perspective(927px) rotateX(12deg) rotateY(3deg) rotateZ(-10deg);
  z-index: 1;
}
	@media (min-width:992px) {
		.c-branche-usps-animated .c-usp-card {
  			min-height: 300px;
		}
	}
.c-branche-usps-animated .c-usp-card:hover {
  animation: unset;
  margin-top: 1vh;
  transform: perspective(1000px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

@-moz-keyframes animate {
  0% {
    margin-top: 3vh;
  }
  50% {
    margin-top: 1vh;
  }
  100% {
    margin-top: 3vh;
  }
}
@-webkit-keyframes animate {
  0% {
    margin-top: 3vh;
  }
  50% {
    margin-top: 1vh;
  }
  100% {
    margin-top: 3vh;
  }
}
@-o-keyframes animate {
  0% {
    margin-top: 3vh;
  }
  50% {
    margin-top: 1vh;
  }
  100% {
    margin-top: 3vh;
  }
}
@keyframes animate {
  0% {
    margin-top: 3vh;
  }
  50% {
    margin-top: 1vh;
  }
  100% {
    margin-top: 3vh;
  }
}

... het aanbod op voor mijn raam is nu weer iedere dag actueel!

5.0

Johan Vissers
Visser Makelaardij

850+

Schermen worden dagelijks aangestuurd door VieWie

120+

Bomen zijn bespaart gebleven door digitale raampresentatie

133+

Uur bespaart een makelaar gemidded per jaar met onze software

... het aanbod op voor mijn raam is nu weer iedere dag actueel!

5.0

Johan Vissers
Visser Makelaardij

850+

Schermen worden dagelijks aangestuurd door VieWie

120+

Bomen zijn bespaart gebleven door digitale raampresentatie

133+

Uur bespaart een makelaar gemidded per jaar met onze software

Get HEADER code

Show CSS code

/* PAGE HEADER HERO BLOCK */
.c-hero-block-cta .u-mask-hero-block {
padding-top: 40%;
}
.u-mask-hero-block img {
transform: scale(1.008);
width: 100%;
padding-top: 3px;
margin-bottom: -2px;
}
.u-hero-block-icon:before {
content: "";
z-index: -1;
background: url(https://blocks.your-style.nl/wp-content/uploads/2022/08/header-bg.svg);
position: absolute;
width: 144px;
height: 300px;
margin-left: -4%;
margin-top: -4.5%;
background-size: contain;
background-repeat: no-repeat;
}
@media (min-width:767px) {
.u-hero-block-icon:before {
width: 19vw;
}
}

Slimme én

gebruiksvriendelijke

narrowcasting

Get 2nd HEADER code

Show CSS code

/* PAGE HEADER HERO BLOCK CODE */

Narrowcasting voor de Makelaardij

Get 1 KOLOM code

Show CSS code

 /* NO CODE NEEDED */

Koppel jouw woningaanbod

eenvoudig met onze narrowcasting software

Elke makelaar kent het gevoel: iedere week weer opnieuw je woningaanbod uitzoeken, uitprinten en voor de ramen hangen. Erg fijn voor voorbijgangers, maar onbewust kost dit je tot wel 130 uur per jaar wat je natuurlijk veel liever in andere werkzaamheden wilt stoppen. Overweeg daarom eens onze slimme en gebruiksvriendelijke narrowcasting software. Met deze software wordt er een koppeling gemaakt met jouw CRM-systeem en wordt je woningaanbod automatisch ingeladen op de narrowcasting schermen. Dit wordt natuurlijk volledig getoond in jouw huisstijl, waar je maar wilt.

Wil je écht opvallen? Zet dan eenvoudig je eigen content op de schermen! Het gebruik van eigen content zorgt voor afwisseling in jouw presentatie en trekt de aandacht van veel voorbijgangers. Ook is het dé uitgelezen kans om, naast het woningaanbod, andere diensten uit te lichten.

Start met narrowcasting

Get USP's code

Show CSS code

 /* USPS */

.c-usps ul {
list-style:none;
margin-left: 40px;
} 
.c-usps li {
padding-bottom: 16px;
}
.c-usps li:before {
content: "";
background: url(https://blocks.your-style.nl/wp-content/uploads/2022/08/check-mark.svg);
width: 26px;
background-size: contain;
background-repeat: no-repeat;
height: 26px;
display: inline-block;
position: absolute;
margin-left: -40px;
margin-right: 6px;
}

Dé voordelen

voor makelaars

Altijd een actueel woningaanbod;
Een uniek ontwerp, passend bij jouw huisstijl;
Directe koppeling met jouw CRM-systeem;

Gemakkelijk eigen content toevoegen;
Printwerk voor de etalage is verleden tijd;
Vele extra’s zoals: het weer, nieuws en de openingstijden.

Get 2 COLUMNS code

Show CSS code

 /* NO CODE NEEDED */

Met onze eenvoudige interface, stel je helemaal zelf in wat er op jouw Narrowcasting schermen te staan komt. Altijd in jouw huisstijl en geheel op maat. Altijd in jouw huisstijl en geheel op maat.

Start met narrowcasting

Met onze eenvoudige interface, stel je helemaal zelf in wat er op jouw Narrowcasting schermen te staan komt. Altijd in jouw huisstijl en geheel op maat. Altijd in jouw huisstijl en geheel op maat.

Start met narrowcasting

Get BRANCHE LOGO'S code

Show CSS code

 /* BRANCH LOGO's */ 
.c-branche-logos {
display: flex; overflow-x: auto;
}
.c-branche-logos .c-image:nth-child(1) {
min-width: 160px;
}
.c-branche-logos .c-image {
min-width:125px;
} 
.c-branche-logos .c-image img {
transition:500ms;
filter: grayscale(1);
opacity: 0.3;
height: 28px;
width: auto;
}
.c-branche-logos .c-image img:hover {
filter: grayscale(0);
opacity: 1;
}
@media (min-width:991px) {
.c-branche-logos .c-image img {
height: 40px;
}
.c-branche-logos .c-image {
margin-right:calc(var(--spacing-lg)*1.5);
} 
}

Get 2 COLUMNS code

Show CSS code

 /* NO CODE NEEDED */

Narrowcasting

met je eigen aanbod

Met onze eenvoudige interface, stel je helemaal zelf in wat er op jouw Narrowcasting schermen te staan komt. Altijd in jouw huisstijl en geheel op maat.

Start met narrowcasting

Narrowcasting

met je eigen aanbod

Met onze eenvoudige interface, stel je helemaal zelf in wat er op jouw Narrowcasting schermen te staan komt. Altijd in jouw huisstijl en geheel op maat.

Start met narrowcasting

Get SLIDER code

Show CSS code

 /* BRANCHE SLIDER STYLING */
.c-slider-title {
margin-bottom: -70px;
}
.swiper-wrapper {padding-top: 100px;}
.c-swiper-slider-slide:not(.swiper-slide-visible) { opacity: .5;}
.swiper-container { overflow: visible !important;}

.c-holder--swiper-slider {
overflow: hidden;
}
.c-swiper-slider-slide-inner {
transition: 300ms;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
opacity: .25 !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: 20px;
left: auto;
top: 50px !important;
}
.swiper-button-prev {
right: 74px !important;
top: 49px !important;
left:auto !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-size: 23px !important;
width: 54px;
height: 54px;
padding: 13px 21px;
border-radius: 80px;
border: 2px solid;
}
.swiper-button-prev:after {
padding: 13px 27px 10px 17px;
}

.c-swiper-slider-slide-inner-content {
padding:0 !important;
}
.c-swiper-slider-slide-inner-content .c-heading{
width:100%;
}
.c-swiper-slider-slide-inner-content .c-text-block{
visibility: hidden;
}
.c-swiper-slider-slide-inner-content a:hover .c-heading {
visibility: hidden;
}
.c-swiper-slider-slide-inner-content a:hover .c-text-block{
visibility: inherit;
}
.c-swiper-slider-slide-inner-content a {
transition:500ms;
display: flex;
min-height: 410px;
padding: 25px 15px;
align-items: flex-end;
text-align: center;
flex-direction: column-reverse;
}
.c-swiper-slider-slide-inner-content a:hover:before {
content:'';
background: var(--color-3);
background: linear-gradient(var(--color-3) 20%, var(--color-1) 50%, var(--color-3) 90%);
position:absolute;
opacity:0.80;
z-index:-1;
top:0;
bottom:0;
left:0;
right:0;
}
.c-swiper-slider-slide-inner-content a:hover:after {
content: "Bekijk";
background: url(https://blocks.your-style.nl/wp-content/uploads/2022/08/box-whiteoutline.svg);
width: 116px;
height: 110px;
background-repeat: no-repeat;
position: absolute;
top: 30%;
left: 35%;
color: #fff;
font-size: 18px;
padding-top: 38px;
font-weight: 500;
}
.swiper-slide {
transition: 400ms;
border-radius: var(--border-radius-lg);
}
.c-swiper-slider-slide:nth-child(even) {
margin-top: 30px;
}
.swiper-slide:hover {
transform: translateY(10px);
}
@media (min-width:991px) {
.swiper-slide {
max-width: 340px;
margin-right: var(--spacing-xl) !important;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
top: 10px !important;
}
.swiper-button-prev {
top: 9px !important;
}
}

Oplossingen

voor alle branches

Get DIENSTEN code

Show CSS code

/* SERVICES STYLING */ 
.c-services .c-image {
height: 80px;
}

Méér dan

Narrowcasting alleen

Advies op maat

Wij houden van persoonlijk contact en komen altijd vrijblijvend langs voor een gesprek. Tijdens dit gesprek kijken we naar de mogelijkheden voor jouw onderneming en geven we een passend advies voor de narrowcasting software en schermen.

Hardware & installatie

Naast de software leveren wij ook kwalitatieve hardware. Denk hierbij aan professionele schermen en ophangsystemen van o.a. Samsung, LG & Vogel’s. Alles wordt vakkundig geïnstalleerd door onze monteurs.

Ontwerp Studio

In onze Ontwerp Studio (link naar ontwerpstudio pagina) ontwikkelen wij voor veel klanten maatwerk animaties. We zetten jouw wensen om in geanimeerde content. Onze grafische vormgevers houden tijdens het ontwerpen altijd de focus op jouw huisstijl en doelgroep.

Service & support

Wij houden van korte lijnen en klantvriendelijke support. Elke dag staan we klaar om al jouw vragen te beantwoorden. Heb je nu direct een vraag? Chat of bel met ons!

Get LOGOS code

Show CSS code

 /* NO CODE NEEDED */

Wij werken samen met :

Get C2A code

Show CSS code

 /* NO CODE NEEDED */

Ons ervaren team staat voor je klaar!

Graag maken we samen met jou de wereld een stukje digitaler. Dus, ben je klaar om te digitaliseren en automatiseren met behulp van narrowcasting?
Neem dan contact met ons op.

Start met narrowcasting

Benieuwd naar de mogelijkheden?

Neem vrijblijvend contact op!

Get C2A footer code

Show CSS code

/* FOOTER C2A */ 
.c-c2a-footer {
margin-bottom:calc(var(--spacing-xl)*-2);
z-index:-1;
}

Get FOOTER code

Show CSS code

 /* NO CODE NEEDED */

Variable theme colors

White to black colors

Customization

H1 size

H2 size

H3 size

H4 size

H5 size

H6 size

Largest

Larger

Large

Normal

Show CSS code

850+

120+

133+

850+

120+

133+

Show CSS code

Slimme én

gebruiksvriendelijke

narrowcasting

Show CSS code

Narrowcasting voor de Makelaardij

Show CSS code

Koppel jouw woningaanbod

eenvoudig met onze narrowcasting software

Show CSS code

Dé voordelen

voor makelaars

Show CSS code

Show CSS code

Show CSS code

Narrowcasting

met je eigen aanbod

Narrowcasting

met je eigen aanbod

Show CSS code

Oplossingen

voor alle branches

Makelaardij

Fitness

Zorg

Winkels

Retail

Show CSS code

Méér dan

Narrowcasting alleen

Advies op maat

Hardware & installatie

Ontwerp Studio

Service & support

Show CSS code

Show CSS code

Ons ervaren team staat voor je klaar!

Benieuwd naar de mogelijkheden?

Neem vrijblijvend contact op!

Show CSS code

Ook slim én gebruiksvriendelijk klanten bereiken?

Show CSS code

Slimme én gebruiksvriendelijke narrowcasting