Update Home.py

Home.py

@@ -1,28 +1,22 @@
 import streamlit as st
 import pandas as pd
 import numpy as np
+
 st.set_page_config(page_title="Zero to Hero: Master Data Science & ML")
 
 ## CSS Styling for Background Image with Gradient Overlay 
-
 custom_css = """
-<div style="background-image: url('https://via.placeholder.com/800'); background-size: cover; height: 200px; color: white; display: flex; align-items: center; justify-content: center;">
-  <h2>Centered Text</h2>
-</div>
-'); background-size: cover; height: 200px; color: white; display: flex; align-items: center; justify-content: center;">
-  <h2>Centered Text</h2>
-</div>
-
 <style>
        html, body, [data-testid="stAppViewContainer"] {
-        background-image: 
-            linear-gradient( 
+        background: 
+            linear-gradient(
                 rgba(0, 0, 0, 0.6), 
-                rgba(0, 0, 0, 0.6)  
+                rgba(0, 0, 0, 0.6)
             ),
-            url("https://cdn.pixabay.com/photo/2023/08/14/02/18/ai-generated-8188691_1280.jpg") no-repeat center center fixed; 
-            background-size: cover;  
-            color: white; 
+            url("https://www.expresscomputer.in/news/top-data-science-trends-to-watch-out-for-in-2023/92055/.jpg");
+        background-size: cover;
+        background-attachment: fixed;
+        color: white;
        }
        h1 {
         color: Black;
@@ -49,7 +43,11 @@ custom_css = """
 </style>
 """
 st.write(custom_css, unsafe_allow_html=True)
-st.markdown("<h1 style='text-align: center; color: Balck;'>🚀 Zero_to_Hero_in_ML  🤖</h1>", unsafe_allow_html=True)
+
+# App Header
+st.markdown("<h1 style='text-align: center; color: Black;'>🚀 Zero_to_Hero_in_ML  🤖</h1>", unsafe_allow_html=True)
+
+# About Section
 st.markdown("<h2 style='color: Black;'>About the App 🌟</h2>", unsafe_allow_html=True)
 st.markdown(
     "<p style='font-size: 16px; color: Blue; font-style: italic;'>"
@@ -57,7 +55,8 @@ st.markdown(
     "It details their path to mastering various aspects of the field, including Machine Learning, Deep Learning, and Generative AI. "
     "The app highlights their challenges, setbacks, and perseverance in transitioning from a beginner to an expert in data science, offering a motivational zero-to-hero story."
     "</p>",
-    unsafe_allow_html=True)
+    unsafe_allow_html=True
+)
 st.markdown(
     "<p style='font-size: 16px; color: Blue; font-style: italic;'>"
     "Learning data science comes with numerous challenges, such as gaining proficiency in tools like Python, building a solid understanding of mathematical concepts like statistics, "
@@ -73,11 +72,8 @@ st.markdown(
     unsafe_allow_html=True
 )
 
-# Subheader for author section
-st.markdown(
-    "<h2 style='color: Black;'>About the Author 🤖</h2>", 
-    unsafe_allow_html=True
-)
+# Author Section
+st.markdown("<h2 style='color: Black;'>About the Author 🤖</h2>", unsafe_allow_html=True)
 st.markdown(
     "<p style='font-size: 16px; color:Blue; font-style: italic;'>"
     "Sai Kalyan Satwik is a dedicated learner and practitioner in the field of data science. "
@@ -85,7 +81,6 @@ st.markdown(
     "</p>",
     unsafe_allow_html=True
 )
-
 st.markdown(
     "<p style='font-size: 16px; color:Blue; font-style: italic;'>"
     "Beyond his technical abilities, he is passionate about inspiring others by sharing his journey. "
@@ -93,11 +88,10 @@ st.markdown(
     "</p>",
     unsafe_allow_html=True
 )
-
 st.markdown(
     "<p style='font-size: 16px; color:Blue; font-style: italic;'>"
    "Fueled by curiosity and determination, he has conquered various obstacles, including technical knowledge gaps."
       "Through relentless dedication, hands-on projects, and continuous learning, he has achieved remarkable proficiency in the field."
     "</p>",
     unsafe_allow_html=True
-)
+)