Template:SwimmingActivities: Difference between revisions

   <img TEST class="card-img-top" src="{{#if:{{{Image|}}}|{{{Image}}}|/path/to/default_swimming_image.jpg}}" alt="Image of {{{Name}}}">

     <h5 class="card-title">{{{Name}}}</h5>

     <h6 class="card-subtitle mb-2 text-muted">{{{Location}}}</h6>

     <p class="card-text">{{{Description}}}</p>

     <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#details{{{Name}}}" aria-expanded="false" aria-controls="details{{{Name}}}">

     <div class="collapse" id="details{{{Name}}}">

         {{#if: {{{Address|}}} | <li class="list-group-item"><i class="fas fa-map-marker-alt"></i> <strong>Address:</strong> {{{Address}}}</li> }}

         {{#if: {{{Phone|}}} | <li class="list-group-item"><i class="fas fa-phone"></i> <strong>Phone:</strong> {{{Phone}}}</li> }}

         {{#if: {{{Line|}}} | <li class="list-group-item"><i class="fab fa-line"></i> <strong>Line:</strong> <a href="https://line.me/R/ti/p/{{{Line}}}" target="_blank">{{{Line}}}</a></li> }}

         {{#if: {{{Website|}}} | <li class="list-group-item"><i class="fas fa-globe"></i> <strong>Website:</strong> <a href="{{{Website}}}" target="_blank">{{{Website}}}</a></li> }}

         {{#if: {{{Facebook|}}} | <li class="list-group-item"><i class="fab fa-facebook"></i> <strong>Facebook:</strong> <a href="{{{Facebook}}}" target="_blank">{{{Facebook}}}</a></li> }}

         {{#if: {{{Instagram|}}} | <li class="list-group-item"><i class="fab fa-instagram"></i> <strong>Instagram:</strong> <a href="{{{Instagram}}}" target="_blank">{{{Instagram}}}</a></li> }}

         {{#if: {{{Hours|}}} | <li class="list-group-item"><i class="fas fa-clock"></i> <strong>Hours:</strong> {{{Hours}}}</li> }}

         {{#if: {{{Fees|}}} | <li class="list-group-item"><i class="fas fa-dollar-sign"></i> <strong>Fees:</strong> {{{Fees}}}</li> }}

         {{#if: {{{Facilities|}}} | <li class="list-group-item"><i class="fas fa-info-circle"></i> <strong>Facilities:</strong> {{{Facilities}}}</li> }}