The Made with Bulma
badge is available in 6 different versions:
--- fulltitle: Made with Bulma badges layout: default route: made-with-bulma images: - name: "Default" description: "White boxed" type: "" bg: "#fff" - name: "Dark" description: "Dark boxed" type: "--dark" bg: "#000" - name: "Semi white" description: "Transparent white and turquoise" type: "--semiwhite" bg: "url(/images/various/tom-levold-260373.jpg) center center/cover no-repeat" - name: "White" description: "Transparent white" type: "--white" bg: "url(/images/various/sven-scheuermeier-34477.jpg) center center/cover no-repeat" - name: "Semiblack" description: "Transparent black and turquoise" type: "--semiblack" bg: "url(/images/various/rodion-kutsaev-24833.jpg) center top/cover no-repeat" - name: "Black" description: "Transparent black" type: "--black" bg: "url(/images/various/dmitri-popov-265077.jpg) center center/cover no-repeat" --- {% capture image_example %} {% endcapture %} {% capture image_bigger_example %} {% endcapture %}
Join the Bulma community by displaying a badge on your website
The Made with Bulma
badge is available in 6 different versions:
Type | Preview | Description | Download |
---|---|---|---|
{{ image.name }} | {{ image.description }} | Download image | |
All 6 | made-with-bulma-badges.zip |
Download all 6 badges |
Ideally the image is displayed at 128x24
pixels, and links back to the Bulma website:
Since the original image dimensions are 512x96
pixels, you can also display it at 256x48
without losing any quality:
You can simply embed an image directly on your website by using one of the following snippets.