Update pages/Lifecycle of Machine Learning.py

pages/Lifecycle of Machine Learning.py

@@ -3,44 +3,42 @@ import streamlit as st
 # HTML and CSS code for a simple mind map
 html_code = """
 <div style="display: flex; justify-content: center; margin-top: 20px;">
-    <div style="text-align: center;">
-        <!-- Root Node -->
-        <div style="background-color: #4CAF50; color: white; padding: 10px 20px; border-radius: 10px; margin-bottom: 20px;">
-            Data Science
-        </div>
-
-        <div style="display: flex; justify-content: space-around;">
-            <!-- First Branch -->
-            <div style="text-align: center; margin-right: 50px;">
-                <div style="background-color: #f44336; color: white; padding: 10px 20px; border-radius: 10px;">
-                    Machine Learning
-                </div>
-                <div style="margin-top: 20px;">
-                    <div style="background-color: #e91e63; color: white; padding: 10px 20px; border-radius: 10px; margin-top: 10px;">
-                        Supervised
-                    </div>
-                    <div style="background-color: #e91e63; color: white; padding: 10px 20px; border-radius: 10px; margin-top: 10px;">
-                        Unsupervised
-                    </div>
-                </div>
-            </div>
-
-            <!-- Second Branch -->
-            <div style="text-align: center; margin-left: 50px;">
-                <div style="background-color: #2196F3; color: white; padding: 10px 20px; border-radius: 10px;">
-                    Deep Learning
-                </div>
-                <div style="margin-top: 20px;">
-                    <div style="background-color: #03A9F4; color: white; padding: 10px 20px; border-radius: 10px; margin-top: 10px;">
-                        CNN
-                    </div>
-                    <div style="background-color: #03A9F4; color: white; padding: 10px 20px; border-radius: 10px; margin-top: 10px;">
-                        RNN
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
+<div style="text-align: center;">
+ <!-- Root Node -->
+ <div style="background-color: #4CAF50; color: white; padding: 10px 20px; border-radius: 10px; margin-bottom: 20px;">
+Data Science
+</div>
+<div style="display: flex; justify-content: space-around;">
+<!-- First Branch -->
+<div style="text-align: center; margin-right: 50px;">
+<div style="background-color: #f44336; color: white; padding: 10px 20px; border-radius: 10px;">
+Machine Learning
+</div>
+<div style="margin-top: 20px;">
+<div style="background-color: #e91e63; color: white; padding: 10px 20px; border-radius: 10px; margin-top: 10px;">
+Supervised
+</div>
+<div style="background-color: #e91e63; color: white; padding: 10px 20px; border-radius: 10px; margin-top: 10px;">
+Unsupervised
+</div>
+</div>
+</div>
+<!-- Second Branch -->
+<div style="text-align: center; margin-left: 50px;">
+<div style="background-color: #2196F3; color: white; padding: 10px 20px; border-radius: 10px;">
+Deep Learning
+</div>
+<div style="margin-top: 20px;">
+<div style="background-color: #03A9F4; color: white; padding: 10px 20px; border-radius: 10px; margin-top: 10px;">
+CNN
+</div>
+<div style="background-color: #03A9F4; color: white; padding: 10px 20px; border-radius: 10px; margin-top: 10px;">
+RNN
+</div>
+</div>
+</div>
+</div>
+</div>
 </div>
 """