This example demonstrates basic geometric shapes created with Scalable Vector Graphics (SVG) and styled through CSS properties. A pink circle and a blue rectangle are rendered inside an SVG container, each with a 10-pixel orange stroke and distinct fill colors. The code directly uses SVG elements such as `<circle>` and `<rect>` within an inline `<svg>` tag, while visual attributes like `fill`, `stroke`, and `stroke-width` are applied as presentation attributes. No external libraries or JavaScript are involved, relying entirely on native SVG markup for rendering.