Features / Skills
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.
To add this block to your homepage, copy the below YAML configuration for this block into the existing
sections on your homepage at
Alternatively, to create a new page with this block, copy the full YAML front matter below into a new file such as
--- 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
Learn how to customize the block design, such as the background, padding, or even applying your own custom styles.