Three SVG shapes—two circles and two rectangles—are drawn in a row, first with default black fills, then with red and brown fills. A group element applies a blue fill and black stroke to a second copy of the shapes after translating them downward. The example uses raw SVG markup inside an HTML body, with a CSS class setting the page margin to zero and hiding overflow. This demonstrates basic SVG shape creation and styling with CSS.