MG Bauelemente | Fenster, Türen, Garagentore, Wintergarten in Idar-Oberstein, Freisen, Baumholder, Niederbrombach, Oberbrombach, Leisel, Kaiserslautern, Ludwigshafen, Speyer, Bad Kreuznach, Bad Sobernheim, Meisenheim, Lauterecken, Kirn, Kirn-Sulzbach, Enkenbach-Alsenborn, Trier, Wiesbaden, Frankfurt, Saarbrücken, St. Wendel, Saarlouis, Homburg, Landau, Kusel, Bingen am Rhein, Bernkastel- Kues, Hermeskeil, Frankfurt, Ramstein-Miesenbach, Bad Dürkheim, Wolfstein, Birkenfeld, Morbach, Simmern, Losheim am See, Odernheim am Glan, Bad Münster, Alzey, Rüsselsheim, Idstein, Bitburg, Mainz, Frankfurt, Wiesbaden.

<ul class="teaser-slider"> {% for teaser in teasers %} <li> <div class="container"> <a target="_blank" href="{{ teaser.link }}"> <div class="image" style="background-image: url('{{ teaser.img }}')"></div> <div class="text"> <h3>{{ teaser.headline|raw }}</h3> <p>{{ teaser.text|raw }}</p> <a class="button" href="{{ teaser.link }}">Mehr erfahren</a> </div> </a> </div> </li> {% endfor %} </ul> <script type="text/javascript"> slick_bindings(); </script>

<div class="blog_teaser"> <ul class="blog_list"> {% for article in articles %} <li> <div class="teaser"> <div class="image"> <a href="{{ article.link }}"> {{ article.image|raw }} </a> </div> <div class="langs"> <div class="texts"> <a href="{{ article.link }}"> <h2 class="title"> {% if article.title|length > 60 %} {{ article.title|slice(0, 60) }}... {% else %} {{ article.title }} {% endif %} </h2> {{ article.text|raw }} </a> </div> <div class="further"> <p class="datetime">{{ article.datetime|date('d.m.Y') }}</p> <p class="readingtime">{{ article.readingtime }} Minute Lesezeit</p> <a href="{{ article.link }}" class="button continue">Weiterlesen</a> </div> </div> </div> </li> {% endfor %} </ul> </div>

<h2 style="text-align: center">Das sagen unsere Kunden</h2> <ul class="review-slider"> {% for review in reviews|slice(0, 5) %} <li> <div class="wrapper"> <div class="padding"> <div class="review"> <div class="text"> <p class="stars"> {% for i in range(1,review.rating) %} <span class="entypo-star"></span> {% endfor %} </p> <p class="comment">{{ review.comment }}</p> </div> <div class="reviewer"> <img src="{{ review.reviewer.img }}" alt="{{ review.reviewer.name }}"/> <p class="name">{{ review.reviewer.name }}</p> <p class="date">{{ review.created|date("d.m.Y\, H:i") }} Uhr</p> </div> </div> </div> </div> </li> {% endfor %} </ul> <script type="text/javascript"> $('.review-slider').slick({ dots: true, autoplay: true, slidesToShow: 1, arrows: false, speed: 500, adaptiveHeight: true, autoplaySpeed: 5000 }); </script>

<h2 style="text-align: center">Hersteller unseres Vertrauens</h2> <ul class="manufacturer-slider"> {% for manufacturer in manufacturers %} <li> <div class="container"> <a target="_blank" href="{{ manufacturer.link }}"> <img src="{{ manufacturer.img }}"/> </a> </div> </li> {% endfor %} </ul> <script type="text/javascript"> $('.manufacturer-slider').slick({ dots: true, autoplay: true, slidesToShow: 4, arrows: true, speed: 500, adaptiveHeight: true, autoplaySpeed: 5000, prevArrow: '<a class="button slick-prev"><span class="entypo-left-open-big"></span></a>', nextArrow: '<a class="button slick-next"><span class="entypo-right-open-big"></span></a>', responsive: [ { breakpoint: 1024, settings: { arrows: false, slidesToShow: 3 } }, { breakpoint: 639, settings: { arrows: false, slidesToShow: 1 } } ] }); </script>

Unser Imagefilm