📘
Lab Website Template docs
  • Introduction
    • Overview
    • Is this right for me?
    • Gallery
    • Support
  • Getting Started
    • Set up your site
    • Set up your URL
    • Tidy up your repo
    • Change your site
    • Preview your site
  • Basics
    • Repo structure
    • Configure your site
    • Edit pages
    • Write basic content
    • Use your logo
    • Customize your theme
    • Team members
    • Blog posts
    • Citations
    • Components
      • Section
      • Figure
      • Button
      • Icon
      • Feature
      • List
      • Citation
      • Card
      • Portrait
      • Post Excerpt
      • Alert
      • Tags
      • Float
      • Grid
      • Cols
      • Search
      • Site Search
  • Advanced
    • Update your template
    • Embeds
    • Math, diagrams, videos, etc.
    • Analytics
    • Data and collections
    • Jekyll plugins
    • Custom components
    • Background knowledge
Powered by GitBook
On this page
  1. Basics
  2. Components

Card

A box with image, link, text, and tags

PreviousCitationNextPortrait

Last updated 1 year ago

{%
  include card.html
  image="images/space.jpg"
  link="https://nasa.gov/"
  title="A Large Card"
  subtitle="A cool card"
  description="A cool description"
  tooltip="A cool tooltip"
  tags="tag A, tag B, tag C"
  repo="greenelab/lab-website-template"
  style="small"
%}
Parameter
Description

image

URL to an image for the card.

link

URL to link to when clicking the image or the title of the card.

title

Title for the card.

subtitle

Subtitle for the card.

description

tooltip

Text to show when hovering over the card.

tags

repo

style

Visual style of the card. Set to small to make the card a bit smaller.

Text to show under the card name. Can contain Markdown. Accepts .

to show at the bottom of the card.

GitHub repository to automatically fetch additional from.

👁️
PREVIEW
Tags
tags
arbitrary content