|
|
| Regel 1: |
Regel 1: |
| − | <div class="row row-fluid clearfix mb-4 border-0">
| + | {{#css: |
| − | <div class="col-xs-12 col-md-12">
| + | #showcase-nieuwsbrief-kleur {min-height: 350px; position: relative;} |
| − | <div class="card border-0"><h2 class="card-title border-bottom text-left pl-2">Nieuwe ambassadeurs voor de keukenwiki</h2>
| + | #overlay-nieuwsbrief-kleur {background-color: rgba(236,100,27,.4); position: absolute; top: 320px; left: 0; width: 100%; height: 20%; z-index: 2;} |
| − | <div class="card-body">
| + | .nieuwsbrief-header-kleur { top: 30px; color: white; letter-spacing: 0.6em; text-align: center; z-index: 3; } |
| − | <div class="row justify-content-md-center">
| + | h2.card-title.nieuwsbrief-header-kleur::after {border: 0px;} |
| − | <div class="col-xs-12 col-md-auto">
| + | .btn-mailchimp {background-color: #1e3866; color: #fff;} |
| − | <p>We zijn heel blij dat Ikook met 28 filialen in Nederland recent bij ons is aangesloten. Daarnaast zijn er 2 vakbladen die ons ondersteunen via ambassadeurschap in natura middels advertising en redactionele aandacht. Je vindt ons terug in de laatste KIM (Keuken- en Interieur Magazine) en de nieuw te verschijnen DVK (Design Vakblad Keukens). </p>
| + | .btn-mailchimp a.external.text {color: #fff;} |
| − | <p class="text-muted font-italic">{{{nieuwsbrief-citaat}}}</p>
| + | .blok-maand {background-color: #1e3866; color: #fff;} |
| − | <p class="text-muted text-right small pt-4"><p>
| + | }} |
| − | </div><!-- eof col1 -->
| + | <div class="row row-fluid clearfix"> |
| − | </div><!-- eof row -->
| + | <div class="col-xs-12 col-md-12 mb-4"> |
| − | <div class="row justify-content-md-center"> | + | <div id="showcase-nieuwsbrief-kleur" class="card border-0 nieuwsbrief-image text-white banner-Nieuwsbrief03 d-flex justify-content-end"> |
| − | <div class="col-xs-12 col-md-auto">[[Bestand: Qumedia_jubileum-logo200px.png|class=img-responsive|{{{afbeelding-grootte}}}|link={{{link-afbeelding}}}|{{{bron-afbeelding}}}]] | + | <div id="overlay-nieuwsbrief-kleur" class="card-img-overlay">Hier komt de overlay in oranje</div> |
| − | <p class="text-muted"><small>{{{onderschrift-afbeelding}}}</small></p>
| + | </div><!-- eof showcase --> |
| − | </div><!-- eof col1 --> | |
| − | <div class="col-xs-12 col-md-auto p-4">[[Bestand: Logo-i-kook-200px.png|class=img-responsive|{{{afbeelding-grootte}}}|link={{{link-afbeelding}}}|{{{bron-afbeelding}}}]]
| |
| − | <p class="text-muted"><small>{{{onderschrift-afbeelding}}}</small></p>
| |
| − | </div><!-- eof col1 -->
| |
| − | <div class="col-xs-12 col-md-auto p-4">[[Bestand: Logo-dvk-200px.png|class=img-responsive|{{{afbeelding-grootte}}}|link={{{link-afbeelding}}}|{{{bron-afbeelding}}}]] | |
| − | <p class="text-muted"><small>{{{onderschrift-afbeelding}}}</small></p>
| |
| − | </div><!-- eof col1 -->
| |
| − | </div><!-- eof row -->
| |
| − | </div><!-- eof card-body --> | |
| − | </div><!-- eof card --> | |
| | </div><!-- eof col --> | | </div><!-- eof col --> |
| | </div><!-- eof row --> | | </div><!-- eof row --> |
