Elke dag weer de leukste projecten...
Met plezier naar je werk gaan. Elke dag weer... Met ons team voeren wij dagelijks hele diverse projecten uit. Soms bestaat ons werk uit vierkante meters maken. Soms kunnen we ons uitleven in een creatief en ambachtelijk schilderwerk of restauratie. En soms is het ons werk technisch en monumentaal. Maar nooit saai..
Met altijd zichtbare resultaten en een tevreden klant. Zie hier een greep uit onze projecten die wij uitgevoerd hebben.
#DpMM7h1.is-media-grid {
column-count: 4;
column-gap: 10px;
padding: 0px;
}
#DpMM7h1 .gallery-item {
position: relative;
break-inside: avoid;
border-radius: 10px;
margin-bottom: 10px;
line-height: 0; /* Eliminate extra space */
overflow: hidden;
/* box-shadow: 5px 5px 0px #00000012;*/
}
#DpMM7h1 .gallery-item img {
width: 100%;
height: auto;
transition: .8s all;
margin: 0;
}
#DpMM7h1 .gallery-item .caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.4);
color: #fff;
padding: 12px 15px;
opacity: 0;
transition: all 0.8s ease;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: .9em;
font-weight: 200;
line-height: 1.2;
}
#DpMM7h1 .gallery-item .caption h4 {
font-weight: 300;
font-size: 1.1em;
margin: 0 0 0.1em;;
}
#DpMM7h1 .gallery-item:hover .caption {
opacity: 1;
}
#DpMM7h1 .gallery-item .caption {
transform: translateY(100%);
transition: transform 0.5s ease, opacity 0.5s ease;
}
#DpMM7h1 .gallery-item:hover .caption {
transform: translateY(0%);
opacity: 1;
}
#DpMM7h1 .gallery-item .caption {
background-color: #fff;
color: #000;
}
#DpMM7h1 .gallery-item .caption * {
color: #000;
}
@media (max-width: 800px) {
#DpMM7h1.is-media-grid {column-count: 3;}
}
@media (max-width: 600px) {
#DpMM7h1.is-media-grid {column-count: 2;}
}
/*
@media (max-width: 400px) {
#DpMM7h1.is-media-grid {column-count: 1;}
}
*/
.gallery-item .gallery-video-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0; left: 0;
background: rgba(255,255,255,0.000001);
}
.gallery-item video {
height: auto;
width: 100%;
object-fit: cover;
}
.lzy-img {
opacity: 0;
transition: opacity 0.5s ease-in;
}
.lzy-img.loaded {
opacity: 1;
}
Elke dag geven we weer een beetje kleur...
