Update pages/Data Collection.py

pages/Data Collection.py

@@ -1,45 +1,44 @@
 import streamlit as st
 import pandas as pd
 
-# Page configuration
 st.set_page_config(
     page_title="HomePage",
     page_icon="🚀",
     layout="wide"
 )
-
 # Global CSS for consistent styling across all pages
 st.markdown("""
     <style>
     body, .stApp {
-        color: #4F4F4F;
-        background-color: #FFFFFF;
+        color: #4F4F4F; /* Replace with your desired font color */
+        background-color: #FFFFFF; /* Optional: Set a fixed background color */
     }
     h1, h2, h3, h4, h5, h6 {
-        color: #BB3385;
+        color: #BB3385; /* Replace with your heading color */
     }
     p {
-        color: #4F4F4F;
+        color: #4F4F4F; /* Replace with your paragraph text color */
     }
     ul li {
-        color: #4F4F4F;
-    }
-    table {
-        font-size: 14px; /* Decreased font size for smaller table */
-        margin: auto;
-        width: 70%; /* Reduced table width */
-        border-collapse: collapse;
-    }
-    th {
-        font-weight: bold;
-        text-align: center;
-    }
-    td {
-        text-align: left;
+        color: #4F4F4F; /* List item color */
     }
     </style>
 """, unsafe_allow_html=True)
 
+st.markdown(
+    """
+    <style>
+    .stApp {
+        background-image: url("https://huggingface.co/spaces/LakshmiHarika/MachineLearning/resolve/main/DALL%C2%B7E%202024-12-03%2023.34.47%20-%20A%20simple%20and%20elegant%20background%20image%20for%20an%20AI-themed%20web%20application.%20The%20background%20should%20feature%20a%20soft%20gradient%20transitioning%20from%20white%20to%20ligh.webp");
+        background-size: cover;
+        background-repeat: no-repeat;
+        background-attachment: fixed;
+    }
+    </style>
+    """,
+    unsafe_allow_html=True
+)
+
 # Page Title
 st.markdown("""
     <div style="text-align: left; margin-top: 20px;">