Update app.py

app.py

@@ -1,23 +1,23 @@
-
 import streamlit as st
-import pandas as pd 
+import pandas as pd
 
-# Custom background (light pink to purple)
+# Custom full-width layout and background style
 st.markdown("""
     <style>
+    /* Set full-page width and remove Streamlit default padding */
     .stApp {
-        background: #d0e8ff;
-        width: 100%;
+        background-color: #d0e8ff;
     }
     .main .block-container {
         padding-top: 2rem;
-        padding-right: 1rem;
-        padding-left: 1rem;
+        padding-right: 2rem;
+        padding-left: 2rem;
         padding-bottom: 2rem;
         max-width: 100%;
     }
     .about-author {
         background-color: rgba(255, 255, 255, 0.8);
+        padding: 1.5rem;
         border-radius: 15px;
         box-shadow: 0 4px 12px rgba(0,0,0,0.1);
     }
@@ -33,43 +33,53 @@ st.markdown("""
     </style>
 """, unsafe_allow_html=True)
 
-# Main content
-st.markdown('<h2 style="text-align: center;"><span style="color:red;">Introduction to Data Science and Artificial Intelligence </span> </h2>', unsafe_allow_html=True)
-
+# Main Heading
+st.markdown('<h2 style="text-align: center;"><span style="color:red;">Introduction to Data Science and Artificial Intelligence</span></h2>', unsafe_allow_html=True)
 
-st.markdown('<h3 style="text-align: left; color:red;">What is Artificial Intelligence(AI) ?</h3>', unsafe_allow_html=True)
+# Section: AI
+st.markdown('<h3 style="text-align: left; color:red;">What is Artificial Intelligence (AI)?</h3>', unsafe_allow_html=True)
+st.write("""
+Artificial Intelligence (AI) refers to the simulation of human intelligence in machines that are programmed to think, learn, and make decisions like humans. 
+In simple terms, it's when machines mimic or copy natural intelligence (performing day-to-day tasks).
 
-st.write("""Artificial Intelligence (AI) refers to the simulation of human intelligence in machines that are programmed to think, learn, and make decisions like humans.In simple terms, when machines are trying to mimic/copy the natural intelligence(performing day to day tasks).
-It includes two capabilities <strong> Learning Ability </strong> and <strong> Generating Ability </strong>.The Learning ability is achieved using the concepts of Machine Learning(ML),Deep Learning(DL) whereas the Generating ability is achieved using Generative AI.
+It includes two main capabilities:
+- **Learning Ability** (achieved using Machine Learning (ML) and Deep Learning (DL))
+- **Generating Ability** (achieved using Generative AI)
 """)
 
-st.markdown('<h3 style="text-align: left; color:red;">What is Data Science ?</h3>', unsafe_allow_html=True)
-
-st.write("""Data Science is the branch of computer science that uses statistics,mathematics and computer science to gain insights from the data. It consists of algorithms like Machine Learning, Deep Learning
-which are used to extract insights from structured, unstructured and semi-structured data.
+# Section: Data Science
+st.markdown('<h3 style="text-align: left; color:red;">What is Data Science?</h3>', unsafe_allow_html=True)
+st.write("""
+Data Science is a field that combines statistics, mathematics, and computer science to extract insights from data. 
+It involves techniques and algorithms, including Machine Learning and Deep Learning, to work with structured, unstructured, and semi-structured data.
 """)
 
+# Section: Machine Learning
 st.markdown('<h3 style="text-align: left; color:red;">Machine Learning</h3>', unsafe_allow_html=True)
+st.write("""
+Machine Learning uses statistical concepts to give machines the ability to learn from data.
+
+The relationship between input and output can be expressed as a function:
+""")
+st.latex(r"f(x_i) = y_i")
 
 st.write("""
-<p style='text-align: justify;'>
-Machine Learning uses the concepts of statistics to mimic/copy the ability of learning and provide this capability to machines. It can be considered as the function(<strong>st.latex(r"f(x_i) = y_i")
-</strong>) where it is able to capture the relationship between x and y. For the learning it requires two things i.e. <strong>Data</strong> and <strong> Algorithms </strong>.
-Machine Learning algorithms can be categorized as :
-<ol>
-  <li>Supervised Learning</li>
-  <li>Unsupervised Learning</li>
-  <li>Semi Supervised Learning</li>
-</ol>
-</p>
-""", unsafe_allow_html=True)
+For machines to learn this function, they need two things:
+- **Data**
+- **Algorithms**
+
+Machine Learning can be categorized into:
+1. Supervised Learning  
+2. Unsupervised Learning  
+3. Semi-Supervised Learning
+""")
 
 # About the Author
 st.markdown(
     """
     <div class="about-author">
         <h2>About the Author</h2>
-        <p><strong><h4>Shubham Mohanty</h4></strong></p>
+        <h4><strong>Shubham Mohanty</strong></h4>
         <p>I'm a Data Science Enthusiast with a strong passion for turning raw data into meaningful insights.
         With a love for statistics, machine learning, and real-world problem solving, I enjoy working on 
         end-to-end data science projects that make a difference.</p>
@@ -84,7 +94,6 @@ st.markdown(
 # Space before button
 st.markdown("<br><br>", unsafe_allow_html=True)
 
-# Navigation button
+# Navigation button (optional if you have multi-page setup)
 if st.button("Go to Page 1"):
     st.switch_page("pages/player stats.py")
-