Template:SwimmingActivities: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 1: Line 1:
<includeonly>
<includeonly>
<button class="button-class">Click me</button>
<rawhtml>
<button class="button-class">Click me</button>
</rawhtml>
<html>
<button class="button-class">Click me</button>
</html>
<div class="card" style="width: 18rem; margin-bottom: 1rem;">
<div class="card" style="width: 18rem; margin-bottom: 1rem;">
   <img class="card-img-top" src="{{{Image|/path/to/default_swimming_image.jpg}}}" alt="Image of {{{Name|Unknown}}}">
   [[File:{{{Image|DefaultImage.jpg}}}|none|alt=Image of {{{Name|Unknown}}}|class=card-img-top]]
   <div class="card-body">
   <div class="card-body">
     <h5 class="card-title">{{{Name|No Name Provided}}}</h5>
     <h5 class="card-title">{{{Name|No Name Provided}}}</h5>
Line 18: Line 7:
     <p class="card-text">{{{Description|No Description Available}}}</p>
     <p class="card-text">{{{Description|No Description Available}}}</p>


     <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#details-test" aria-expanded="false" aria-controls="details-test">
     {{#tag:button|Show Details|class=btn btn-primary|type=button|data-toggle=collapse|data-target=#details-test|aria-expanded=false|aria-controls=details-test}}
      Show Details
    </button>
     <div class="collapse" id="details-test">
     <div class="collapse" id="details-test">
       <ul class="list-group list-group-flush">
       <ul class="list-group list-group-flush">
Line 37: Line 24:
</div>
</div>
</includeonly>
</includeonly>