Map

The map brick is a full-bleed map with a floating address card. Put it last on the page and it butts up against the footer. If you want to see this brick in action, take a look at the bottom of the contact page.

Use this brick

The section starts with a screenshot of the map area, marked {:.map}, followed by the address:

---

![](/uploads/map.png){:.map}

## Contact us

Usecue BV\
Soetendaal 7\
1081BL Amsterdam\
The Netherlands

{{< contactbuttons >}}

The {:.map} is what routes the section: the map rule in params.sections matches img.map. The pin in the middle of the map is drawn by the stylesheet, so the screenshot itself should not have one.

Get started with Hugobricks today!

Experience the future of web development with Hugo and stackable content bricks. Build lightning-fast static sites with ease and flexibility.

Get started now