Update Home.py

Home.py

@@ -1,7 +1,48 @@
 import streamlit as st
 import pandas as pd
 import numpy as np
-st.markdown("<h1 style='text-align: center; color: Balck;'>Zero to Hero ML</h1>", unsafe_allow_html=True)
+st.set_page_config(page_title="Zero to Hero: Master Data Science & ML")
+
+## CSS Styling for Background Image with Gradient Overlay 
+
+custom_css = """
+<style>
+       html, body, [data-testid="stAppViewContainer"] {
+        background-image: 
+            linear-gradient( 
+                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; 
+       }
+       h1 {
+        color: #ffffff;
+        text-align: center;
+        margin-top: 5px;
+        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); 
+       }
+       .division {
+        margin: 20px auto;
+        padding: 20px;
+        background: rgba(255, 255, 255, 0.1); 
+        border-radius: 10px;
+        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+      }
+      .division h2 {
+        color: #ffffff;
+        margin-bottom: 10px;
+        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7); 
+      }
+      .division p {
+        line-height: 1.5;
+        font-size: 1.0rem;
+      }
+</style>
+"""
+st.write(custom_css, unsafe_allow_html=True
+st.markdown("<h1 style='text-align: center; color: Balck;'>🚀 Zero 2 Hero ML App 🤖</h1>", unsafe_allow_html=True)
 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;'>"