Update pages/intro.py

pages/intro.py

@@ -46,30 +46,30 @@ st.markdown("""
 """, unsafe_allow_html=True)
  
 
-# Machine Learning Section
-st.markdown("<h1>Machine Learning (ML)</h1>", unsafe_allow_html=True)
+st.markdown("<h1 style='color: #4a90e2;'>Machine Learning (ML)</h1>", unsafe_allow_html=True)
 st.markdown("""
-ML is a subset of AI that enables machines to learn patterns from data using algorithms.
-""")
-st.subheader("Key Components:")
-st.markdown("""
-1. *Data*: Should be in table form (features and labels).  
-2. *Algorithm*: Statistical techniques to find relationships, expressed as 👦y = f(x)👦.  
-""")
-st.markdown("""
-ML learns how inputs (features) relate to outputs (class labels) to make predictions or decisions.
-""")
+<p style='text-align: justify; color: #333; font-size: 18px;'>
+ML acts as a guide for machines, helping them learn from data using algorithms. It uses step-by-step instructions provided by the guide (algorithm). 
+ML identifies relationships mathematically, considered as a function.
+</p>
+<p style='text-align: justify; color: #333; font-size: 18px;'>
+<b>Key Requirements:</b>
+<ul>
+    <li><b>Data:</b> Must be in table form (features and labels).</li>
+    <li><b>Algorithm:</b> Must be in a statistical form.</li>
+</ul>
+</p>
+<p style='text-align: justify; color: #333; font-size: 18px;'>
+When both conditions are met, ML finds the relationship between inputs (features) and outputs (class labels). 
+Inputs are called <b>features</b>, and outputs are called <b>class labels</b>. ML learns a function to understand how inputs and outputs are related.
+</p>
+""", unsafe_allow_html=True)
 
-# Deep Learning Section
-st.markdown("<h1>Deep Learning (DL)</h1>", unsafe_allow_html=True)
-st.markdown("""
-DL is a subset of ML that uses neural networks structured like the human brain.
-""")
-st.subheader("Key Features:")
+# DL Section
+st.markdown("<h1 style='color: #4a90e2;'>Deep Learning (DL)</h1>", unsafe_allow_html=True)
 st.markdown("""
-1. *Processes inputs logically through neurons.*  
-2. *Handles complex tasks like image recognition and language generation.*  
-""")
-st.markdown("""
-DL automates feature extraction and works with large datasets.
-""")
+<p style='text-align: justify; color: #333; font-size: 18px;'>
+DL extends ML by adding a logical structure called neurons. These neurons process inputs, compute relationships, and produce outputs. 
+It is a subfield of both <b>AI</b> and <b>ML</b>.
+</p>
+""", unsafe_allow_html=True)