This example shows a static collection of SVG shapes—two circles, two rectangles, a line, and a path—arranged on a 960 by 500 canvas. The SVG markup in index.html directly defines each primitive’s coordinates, dimensions, and fill or stroke colors, while style.css resets the page margin, padding, and overflow. The path uses a green stroke and a light blue fill, and the shapes are not animated or interactive.