122
edits
Template:SwimmingActivities: Difference between revisions
no edit summary
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<includeonly> | <includeonly> | ||
<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}}}" alt="Image of {{{Name}}}"> | <img class="card-img-top" src="{{#if:{{{Image|}}}|{{{Image}}}|/path/to/default_swimming_image.jpg}}" alt="Image of {{{Name}}}"> | ||
<div class="card-body"> | <div class="card-body"> | ||
<h5 class="card-title">{{{Name}}}</h5> | <h5 class="card-title">{{{Name}}}</h5> | ||
<h6 class="card-subtitle mb-2 text-muted">{{{Location}}}</h6> | <h6 class="card-subtitle mb-2 text-muted">{{{Location}}}</h6> | ||
<p class="card-text">{{{Description}}}</p> | <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}}}"> | |||
Show Details | |||
</button> | |||
<div class="collapse" id="details{{{Name}}}"> | |||
<ul class="list-group list-group-flush"> | |||
{{#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> }} | |||
</ul> | |||
</div> | |||
</div> | </div> | ||
</div> | </div> | ||
</includeonly> | </includeonly> | ||
<noinclude> | <noinclude> | ||
== Template Documentation == | == Template Documentation == | ||