This example shows how SVG shapes and CSS styling can be combined in a minimal HTML page. A circle and rectangle are drawn with default black fills, while a second group of the same shapes uses inline SVG attributes to apply purple fills and thick black strokes. List items are styled with CSS classes, demonstrating color and background changes. The page also includes a JavaScript console log statement. The code uses raw SVG elements, CSS rules in an external stylesheet, and vanilla JavaScript, with no additional libraries or frameworks.