Difference between revisions of "Template:Heidelberg/panelelement"
| Line 1: | Line 1: | ||
{{#tag:html| | {{#tag:html| | ||
<div class="col-lg-{{{width|4}}} col-md-{{{width|4}}} col-xs-12"> | <div class="col-lg-{{{width|4}}} col-md-{{{width|4}}} col-xs-12"> | ||
| − | <div class="card" style="border-left: 10px solid;"> | + | <div class="card" style="border-left: 10px solid; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-content: stretch; justify-content: center; align-items: flex-start; flex-direction: row;"> |
<img class="card-img-top" src="{{{2}}}" width="60%" alt="Card image cap"> | <img class="card-img-top" src="{{{2}}}" width="60%" alt="Card image cap"> | ||
<div class="card-body"> | <div class="card-body"> | ||
<h4 class="card-title">{{{1}}}</h4> | <h4 class="card-title">{{{1}}}</h4> | ||
<p class="card-text content"> {{{4}}}</p> | <p class="card-text content"> {{{4}}}</p> | ||
| + | </div> | ||
| + | <div style="align-self: flex-end; -webkit-align-self: flex-end; width: 100%;"> | ||
<a href="{{{3}}}" class="card-button">{{{5}}}</a> | <a href="{{{3}}}" class="card-button">{{{5}}}</a> | ||
| + | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
}} | }} | ||
Revision as of 01:01, 2 November 2017
