Difference between revisions of "Template:Heidelberg/panelelement2"

Line 2: Line 2:
 
<div class="col-lg-4 col-md-4 col-xs-12">
 
<div class="col-lg-4 col-md-4 col-xs-12">
 
     <div class="card{{{1}}}" 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;">
 
     <div class="card{{{1}}}" 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="{{{3}}}" width="60%; -webkit-flex: 4;
+
         <img class="card-img-top" src="{{{3}}}" width="60%;" alt="Card image cap">
    flex: 4;" alt="Card image cap">
+
         <div class="card-body" style="width: 100%;">
         <div class="card-body" style="width: 100%; -webkit-flex: 5;
+
    flex: 5;">
+
 
           <h4 class="card-title" style="width: 100%;">{{{2}}}</h4>
 
           <h4 class="card-title" style="width: 100%;">{{{2}}}</h4>
 
           <p class="card-text content" style="width: 100%;">{{{5}}}</p>
 
           <p class="card-text content" style="width: 100%;">{{{5}}}</p>
 
         </div>
 
         </div>
         <div style="align-self: flex-end; -webkit-align-self: flex-end; width: 100%; -webkit-flex: 1;
+
         <div style="align-self: flex-end; -webkit-align-self: flex-end; width: 100%;">
    flex: 1;">
+
 
           <a href="{{{4}}}" class="card-button">{{{6}}}</a>
 
           <a href="{{{4}}}" class="card-button">{{{6}}}</a>
 
         </div>
 
         </div>

Revision as of 19:42, 1 November 2017

Card image cap

{{{2}}}

{{{5}}}