Update pages/Life_cycle_of_ML.py

pages/Life_cycle_of_ML.py

@@ -121,6 +121,26 @@ The life cycle of Machine Learning (ML) involves several stages, from defining t
   <button style="width: 150px; height: 50px; background-color: #FF6347; border: 1px solid #000; text-align: center; margin: 10px;">Training</button>
 
   <!-- Testing Button (Circle) -->
-  <button style="width
+  <button style="width: 80px; height: 80px; background-color: #98FB98; border-radius: 50%; border: 1px solid #000; text-align: center; margin: 10px;">Testing</button>
+
+  <!-- Deploying Button (Ellipse) -->
+  <button style="width: 160px; height: 80px; background-color: #F0E68C; border-radius: 40px; border: 1px solid #000; text-align: center; margin: 10px;">Deploying</button>
+
+  <!-- Arrows between Training, Testing, and Deploying -->
+  <line x1="125" y1="400" x2="260" y2="375" stroke="#000" marker-end="url(#arrow)" />
+  <line x1="380" y1="375" x2="460" y2="375" stroke="#000" marker-end="url(#arrow)" />
+  
+  <!-- Monitoring Button (Rectangle) -->
+  <button style="width: 150px; height: 50px; background-color: #B0E0E6; border: 1px solid #000; text-align: center; margin: 10px;">Monitoring</button>
+
+  <!-- Arrow from Deploying to Monitoring -->
+  <line x1="580" y1="375" x2="325" y2="500" stroke="#000" marker-end="url(#arrow)" />
+</svg>
+
+"""
+
+# Render HTML content in Streamlit
+st.markdown(html_content, unsafe_allow_html=True)
+