pages/Life_cycle_of_ML.py

import streamlit as st

# HTML content inside a string for correct syntax
html_content = """
# Shapes in Markdown

## Rectangle
<div style="width: 200px; height: 100px; background-color: lightblue;"></div>

## Circle
<div style="width: 100px; height: 100px; border-radius: 50%; background-color: lightcoral;"></div>

## Ellipse
<div style="width: 200px; height: 100px; border-radius: 50%; background-color: lightgreen;"></div>

## SVG Shapes
<svg width="300" height="200">
  <!-- Rectangle -->
  <rect x="10" y="10" width="100" height="50" style="fill:lightblue;stroke:black;stroke-width:2" />
  <!-- Circle -->
  <circle cx="200" cy="50" r="40" style="fill:lightcoral;stroke:black;stroke-width:2" />
  <!-- Ellipse -->
  <ellipse cx="200" cy="150" rx="85" ry="55" style="fill:lightgreen;stroke:black;stroke-width:2" />
</svg>
"""

# Render HTML content in Streamlit
st.markdown(html_content, unsafe_allow_html=True)