Template:Card

From Research Computing Website

Code

{{Card 
|header=
|title=
|tagline=
|content=
|center-content=
|image=
|image-class=
|target=
}}

Example

{{Card
|theme=secondary
|title=Title
|tagline=Tagline
|content=Content content content
|image=Vscdev.png
}}
{{Card
|theme=light
|title=Title
|content=Content content content
|image=Vscdev.png
|footer=Footer 
}}
{{Card
|theme=dark
|title=Title
|content=Content content content
|image=Vscdev.png
|image-class=w3-50
|footer=Footer 
}}

Result

Vscdev.png
Tagline
Title
Content content content
Vscdev.png
Title
Content content content
Vscdev.png
Title
Content content content

More examples ...

Creates a card like navigational element.

Template parameters

ParameterDescriptionTypeStatus
Themetheme

Color scheme. Other Bootstrap classes can be added after the color scheme selection.

Suggested values
light dark primary secondary success info warning danger
Stringrequired
Headerheader

The card header (the uppermost element).

Stringsuggested
Imageimage

The card image (below the header, if the latter is present, otherwise the uppermost element).

Stringsuggested
Additional image classesimage-class

The names of CSS classes to apply to the image

Stringoptional
Image linktarget

Alternative link target for the image. If omitted, the link will open the file itself.

Stringsuggested
Taglinetagline

The text element preceeding the title.

Stringsuggested
Titletitle

In card heading.

Stringsuggested
Contentcontent

Card content body.

Unbalanced wikitextsuggested
Make content centered?center-content

Center the content inside the card

Suggested values
1 0
Default
0
Booleanoptional
Footerfooter

The card footer.

Unbalanced wikitextsuggested
Cookies help us deliver our services. By using our services, you agree to our use of cookies.
© 2025 | RComputing