This example demonstrates basic Scalable Vector Graphics (SVG) shape rendering within an HTML page, combining primitive elements like circles, rectangles, lines, and paths. The first SVG displays overlapping shapes with hardcoded coordinates and fills, while a second SVG overlays additional colored ellipses, circles, and rectangles. The page also includes a large "Hello HTML!" text message and a small JavaScript snippet that logs a variable to the console. All visual elements are hand-coded inline, with no external data source or dynamic layout logic present.