Update pages/Life_cycle_of_ML.py

pages/Life_cycle_of_ML.py

@@ -84,7 +84,40 @@ The life cycle of Machine Learning (ML) involves several stages, from defining t
     </marker>
   </defs>
 </svg>
+
+<!-- Buttons below shapes -->
+
+<!-- Problem Statement Button (Rectangle) -->
+<button style="width: 150px; height: 50px; background-color: #FFB6C1; border: 1px solid #000; text-align: center;">Problem Statement</button>
+
+<!-- Data Collection Button (Ellipse) -->
+<button style="width: 160px; height: 80px; background-color: #ADD8E6; border-radius: 40px; border: 1px solid #000; text-align: center;">Data Collection</button>
+
+<!-- Simple EDA Button (Ellipse) -->
+<button style="width: 160px; height: 80px; background-color: #90EE90; border-radius: 40px; border: 1px solid #000; text-align: center;">Simple EDA</button>
+
+<!-- Data Preprocessing Button (Rectangle) -->
+<button style="width: 150px; height: 50px; background-color: #FFD700; border: 1px solid #000; text-align: center;">Data Preprocessing</button>
+
+<!-- EDA Button (Circle) -->
+<button style="width: 80px; height: 80px; background-color: #FF7F50; border-radius: 50%; border: 1px solid #000; text-align: center;">EDA</button>
+
+<!-- Feature Engineering Button (Ellipse) -->
+<button style="width: 160px; height: 80px; background-color: #9370DB; border-radius: 40px; border: 1px solid #000; text-align: center;">Feature Engineering</button>
+
+<!-- Training Button (Rectangle) -->
+<button style="width: 150px; height: 50px; background-color: #FF6347; border: 1px solid #000; text-align: center;">Training</button>
+
+<!-- Testing Button (Circle) -->
+<button style="width: 80px; height: 80px; background-color: #98FB98; border-radius: 50%; border: 1px solid #000; text-align: center;">Testing</button>
+
+<!-- Deploying Button (Ellipse) -->
+<button style="width: 160px; height: 80px; background-color: #F0E68C; border-radius: 40px; border: 1px solid #000; text-align: center;">Deploying</button>
+
+<!-- Monitoring Button (Rectangle) -->
+<button style="width: 150px; height: 50px; background-color: #B0E0E6; border: 1px solid #000; text-align: center;">Monitoring</button>
 """
 
 # Render HTML content in Streamlit
 st.markdown(html_content, unsafe_allow_html=True)
+