Update pages/1Introduction to Machine Learning.py

pages/1Introduction to Machine Learning.py

@@ -11,10 +11,10 @@ st.markdown("<h3 style='text-align:; color: #4CAF50;'>📊Example📈🔍 </h3>"
 
 
 st.markdown("""
-<p style="font-size:16px; color: black;">
+<p style="font-size:16px; color: #FFFFFF;">
 A farmer wanted to grow the best crops but didn’t know which seeds to plant. A scientist helped by collecting data on soil, temperature, and rainfall, and used that data to give the farmer advice on when to plant and water the crops.
 </p>
-<p style="font-size:16px; color: black;">
+<p style="font-size:16px; color: #FFFFFF;">
 Just like the scientist analyzed data to guide the farmer, data science uses data to find patterns and make decisions, helping solve problems and predict outcomes.
 </p>
 """, unsafe_allow_html=True)
@@ -32,17 +32,17 @@ st.markdown("""
 """, unsafe_allow_html=True)
 
 
-st.markdown("<h3 style='text-align:; color: #4a90e2;'>Example 🤖</h3>", unsafe_allow_html=True)
+st.markdown("<h3 style='text-align:; color: #4CAF50;'>Example 🤖</h3>", unsafe_allow_html=True)
 
 
 # Story Content
 st.markdown("""
-<p style='text-align: justify; color: #333; font-size: 18px;'>
+<p style='text-align: justify; color: #FFFFFF; font-size: 18px;'>
 There was a mother and her young daughter who didn’t know how to draw. Wanting to help, the mother enrolled her daughter in a drawing class. 
 At the class, the teacher showed her step-by-step how to draw simple shapes and pictures. The girl practiced every day, observing and mimicking what her teacher showed. 
 Over time, she improved and could create beautiful drawings on her own. This was possible because of the natural intelligence given by God—her ability to learn, practice, and create. ✍️✨
 </p>
-<p style='text-align: justify; color: #333; font-size: 18px;'>
+<p style='text-align: justify; color:#FFFFFF; font-size: 18px;'>
 Similarly, in Artificial Intelligence (AI), machines do not have natural intelligence to learn or create on their own. 
 Just as the mother guided her daughter by enrolling her in classes and the teacher helped her practice, we guide machines by feeding them data and teaching them patterns. 
 Over time, the machine learns from this data and mimics natural intelligence to perform tasks intelligently.
@@ -63,18 +63,18 @@ st.markdown("""
 
 st.markdown("<h1 >Machine Learning (ML)</h1>", unsafe_allow_html=True)
 st.markdown("""
-<p style='text-align: justify; color: #333; font-size: 18px;'>
+<p style='text-align: justify; color: #FFFFFF; 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;'>
+<p style='text-align: justify; color: #FFFFFF; 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;'>
+<p style='text-align: justify; color: #FFFFFF; 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>
@@ -85,7 +85,7 @@ st.markdown("<h3 style='text-align:; color: #4CAF50;'>🧠Example💡 </h3>", un
 
 
 st.markdown("""
-<p style='text-align: justify; color: #333; font-size: 18px;'>
+<p style='text-align: justify; color: #FFFFFF; font-size: 18px;'>
 Machine Learning (ML) is like a teacher who uses past exam results to find patterns and help students improve. By analyzing how study habits affect grades, 
 the teacher creates a system that suggests personalized study tips. Similarly, ML uses past data to identify patterns and make predictions, 
 like Netflix recommending movies based on your viewing history.
@@ -96,7 +96,7 @@ like Netflix recommending movies based on your viewing history.
 # DL Section
 st.markdown("<h1 >Deep Learning (DL)</h1>", unsafe_allow_html=True)
 st.markdown("""
-<p style='text-align: justify; color: #333; font-size: 18px;'>
+<p style='text-align: justify; color: #FFFFFF; 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>
@@ -106,7 +106,7 @@ st.markdown("<h3 style='text-align:; color: #4CAF50;'>📚Example🤖💡 </h3>"
 
 
 st.markdown("""
-<p style='text-align: justify; color: #333; font-size: 18px;'>
+<p style='text-align: justify; color: #FFFFFF; font-size: 18px;'>
 Deep Learning (DL) is like learning from experience instead of just following rules, unlike Machine Learning (ML), which follows fixed instructions. 
 DL uses systems that improve over time by processing data and recognizing patterns. 
 A real-life example is self-driving cars, which learn to navigate and make decisions by processing data and getting better with experience.
@@ -135,7 +135,7 @@ Generative AI is a <strong>transformative technology</strong> designed to mimic
 
 # Key Feature with examples
 st.markdown("""
-<h2 style="color: #2196F3;">Key Feature</h2>
+<h2 style="color: #4CAF50;">Key Feature</h2>
 <ol style="font-size:16px;">
     <li>
         <strong>Content Creation</strong>: Generative AI tools like <strong>ChatGPT</strong> create human-like text for applications such as emails and stories.
@@ -147,7 +147,7 @@ st.markdown("""
 
 # Potential of Generative AI
 st.markdown("""
-<h2 style="color: #9C27B0;">Potential of Generative AI</h2>
+<h2 style="color: #4CAF50;">Potential of Generative AI</h2>
 <p style="font-size:16px;">
 Generative AI represents the next step in technological evolution. By mastering its concepts, individuals can create systems that 
 mimic human creativity, enhance decision-making, and solve real-world problems in innovative ways.