As an individual, use the Features block to showcase your skills and expertise. As an organization, use the widget to highlight the key features of your product or service.
Choose from a large range of icons to depict your skills or features. You can even use emojis or custom SVG icons.
Usage
To add this block to your homepage, copy the below YAML configuration for this block into the existing sections on your homepage at content/_index.md.
Alternatively, to create a new page with this block, copy the full YAML front matter below into a new file such as content/hello.md.
---
title: My page
type: landing
sections:
- block: features
content:
title: My Interests
subtitle: Section subtitle
text: Section text
items:
- name: R
description: 90%
icon: r-project
icon_pack: fab
- name: Statistics
description: 100%
icon: chart-line
icon_pack: fas
- name: Photography
description: 10%
icon: camera-retro
icon_pack: fas
---
How can I use an emoji as an icon?
- name: Unicorns
description: I have a pet unicorn.
icon: 🦄
icon_pack: emoji
How can I use a custom icon?
# Example using an SVG image as an icon.
# Place a custom SVG icon in an `assets/media/icons/` folder.
# Reference the SVG icon name (without `.svg` extension) in the `icon` field.
- name: Surfing
description: 90%
icon: my-icon-filename
icon_pack: custom
Customization
Learn how to customize the block design, such as the background, padding, or even applying your own custom styles.
