MK-Muziek - Producties en diensten-MK-Muziek levert verschillende producties en diensten zoals:
- Opnames voor reclames, films, games etc.
- Composities
- Muzieklessen
- Begeleiding en bandcoaching<style>
.block_main{
background:none;
box-shadow:none;
width:94%;
}
.block_right{
display:none;
}
.block_footer{
display:none;
}
.hp{
width:1200px;
margin:auto;
}
.hpitem{
display:block;
width:360px;
height:400px;
margin:20px;
color:orange;
background:white;
float:left;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
transition:0.5s;
-webkit-transition:0.5s;
}
.hpitem:hover{
-ms-transform: scale(1.1,1.1); /* IE 9 */
-webkit-transform: scale(1.1,1.1); /* Safari */
transform: scale(1.1,1.1); /* Standard syntax */
}
.hpimg{
height:50%;
width:100%;
}
.hpsubject{
font-size:30px;
color:orange;
height:20%;
width:100%;
text-align:center;
line-height:80px;
}
.hpsub{
width:94%;
height:20%;
padding:0 3%;
text-align:center;
color:black;
}
.hpbutton{
width:100%;
height:10%;
text-align:center;
font-size:16px;
color:white;
background:orange;
line-height:40px;
transition:0.5s;
-webkit-transition:0.5s;
}
.hpbutton:hover{
background:darkorange;
color:white;
}
@media screen and (max-width: 1612px){
.hp{
width:900px;
}
.hpitem{
width:270px;
height:300px;
margin:15px;
}
.hpsubject{
line-height:60px;
}
.hpbutton{
line-height:30px;
}
}
@media screen and (max-width: 1213px){
.hp{
width:100%;
}
.hpitem{
float:none;
width:360px;
margin:40px auto;
height:400px;
}
.hpsubject{
line-height:80px;
}
.hpbutton{
line-height:40px;
}
}
@media screen and (max-width: 495px){
.hpitem{
width:180px;
height:200px;
margin:20px auto;
}
.hpsubject{
line-height:40px;
font-size:20px;
}
.hpsub{
font-size:10px;
}
.hpbutton{
line-height:20px;
font-size:14px;
}
}
</style>
<div class="hp">
<a class="hpitem" href="http://mk-muziek.nl/reclame-film-game-muziek/">
<div class="hpimg"><img src="http://mk-muziek.nl/_files/test1.jpg"></div>
<div class="hpsubject">Opnames</div>
<div class="hpsub">Op maat gemaakte opnames en composities voor uw project.</div>
<div class="hpbutton">Lees verder ></div>
</a>
<a class="hpitem" href="http://mk-muziek.nl/pianist/">
<div class="hpimg"><img src="http://mk-muziek.nl/_files/test2.jpg"></div>
<div class="hpsubject">Pianist</div>
<div class="hpsub">Allround pianist huren? Jazz, blues, pop en meer...</div>
<div class="hpbutton">Lees verder ></div>
</a>
<a class="hpitem" href="http://mk-muziek.nl/muziekles-wolvega-pianoles/">
<div class="hpimg"><img src="http://mk-muziek.nl/_files/test3.jpg"></div>
<div class="hpsubject">Pianolessen</div>
<div class="hpsub">Pianolessen voor beginners en gevorderden. Neem een gratis proefles!</div>
<div class="hpbutton">Lees verder ></div>
</a>
</div>