Gebruiker:Ilonka/kladblok02: verschil tussen versies
Uit KeukenWiki
Regel 1: | Regel 1: | ||
+ | |||
{{#css: | {{#css: | ||
− | #showcase-nieuwsbrief-kleur {min-height: | + | #showcase-nieuwsbrief-kleur {min-height: 25rem; position: relative;} |
− | #overlay-nieuwsbrief-kleur {background-color: | + | #overlay-nieuwsbrief-kleur {background-color: rgb(236,100,27); position: absolute; top: 20rem; left: 0; width: 100%; height: 20%; z-index: 2;} |
− | .nieuwsbrief-header-kleur { top: | + | .nieuwsbrief-header-kleur { top: 2rem; color: white; letter-spacing: 0.6em; text-align: center; z-index: 3; } |
h2.card-title.nieuwsbrief-header-kleur::after {border: 0px;} | h2.card-title.nieuwsbrief-header-kleur::after {border: 0px;} | ||
.btn-mailchimp {background-color: #1e3866; color: #fff;} | .btn-mailchimp {background-color: #1e3866; color: #fff;} | ||
Regel 8: | Regel 9: | ||
.blok-maand {background-color: #1e3866; color: #fff;} | .blok-maand {background-color: #1e3866; color: #fff;} | ||
}} | }} | ||
− | <div class="row row-fluid clearfix"> | + | |
− | <div class="col-xs-12 col-md-12 | + | <div class="row row-fluid clearfix mb-4"> |
+ | <div class="col-xs-12 col-md-12"> | ||
<div id="showcase-nieuwsbrief-kleur" class="card border-0 nieuwsbrief-image text-white banner-Nieuwsbrief03 d-flex justify-content-end"> | <div id="showcase-nieuwsbrief-kleur" class="card border-0 nieuwsbrief-image text-white banner-Nieuwsbrief03 d-flex justify-content-end"> | ||
− | <div id="overlay-nieuwsbrief-kleur" class="card-img-overlay"> | + | <div id="overlay-nieuwsbrief-kleur" class="card-img-overlay"><h2 class="card-title nieuwsbrief-header-kleur m-auto text-uppercase font-weight-bold">Nieuwsbrief</h2> |
+ | <div class="row d-flex justify-content-between px-3 mb-4"> | ||
+ | <div class="blok-maand p-2 text-mute"><small>''{{{maand}}}''</small></div> | ||
+ | <div class="btn btn-mailchimp">[https://keukenwiki.us1.list-manage.com/subscribe/post?u=f49cba2b203dfd81220e3b8e8&id=791da4e861 Meld je aan voor de nieuwsbrief]</div><!-- eof button --> | ||
+ | </div><!-- eof row --> | ||
+ | </div><!-- eof overlay --> | ||
</div><!-- eof showcase --> | </div><!-- eof showcase --> | ||
</div><!-- eof col --> | </div><!-- eof col --> | ||
</div><!-- eof row --> | </div><!-- eof row --> | ||
+ | |||
+ | Hier komt de rest van de nieuwsbrief |
Versie van 2 mei 2022 11:09
Hier komt de rest van de nieuwsbrief