Update pages/Data Collection.py

pages/Data Collection.py

@@ -62,7 +62,9 @@ if data_type == "Structured Data":
         <div style="text-align: left; margin-top: 20px;">
             <h3 style="color: #e25822;">What is Structured Data?</h3></div>""", unsafe_allow_html=True)
     
-    st.subheader("Definition")
+    st.markdown("""
+        <div style="text-align: left; margin-top: 20px;">
+            <h4 style="color: #5b2c6f;">Definition:</h4></div>""", unsafe_allow_html=True)
     st.write("""
     Structured data refers to information that is organized and formatted in a predefined manner, making it easy to store, retrieve, and analyze.
 
@@ -71,24 +73,56 @@ if data_type == "Structured Data":
     This type of data is often used in relational databases and spreadsheets, where relationships between data points are explicitly defined.
     """)
     
-    st.subheader("Characteristics")
+    st.markdown("""
+        <div style="text-align: left; margin-top: 20px;">
+            <h4 style="color: #5b2c6f;">Characteristics:</h4></div>""", unsafe_allow_html=True)
     st.write("""
     - Follows a fixed schema.
     - Can be easily searched using query languages like SQL.
     - Suitable for quantitative analysis.
     """)
     
-    # Examples
-    st.subheader("Examples")
+    st.markdown("""
+        <div style="text-align: left; margin-top: 20px;">
+            <h4 style="color: #5b2c6f;">Example:</h4></div>""", unsafe_allow_html=True)
     st.write("""
-    A database of employees with fields like name, age, and salary:
+    A database of students with fields like id, name, age, and gender:
     """)
     
-    # Add a table for the employee database example
+    # Add a table for the Student database example
     st.table({
-        "Name": ["John Doe", "Jane Smith"],
-        "Age": [30, 25],
-        "Salary": ["$5000", "$4500"]
+        "Id" : [100,101,102,103]
+        "Name": ["Lakshmi Harika", "Varshitha","Hari Chandan","Shamitha"],
+        "Age": [22, 23,22,23],
+        "Gender": ["Female", "Female", "Male","Female"]
     })
 
+    table_style = """
+    <style>
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            text-align: left;
+        }
+        th {
+            padding: 10px;
+            border: 1px solid #dddddd;
+            background-color: ffc87c; 
+            color: #000000;
+            text-align: center;
+        }
+        td:nth-child(1) {
+            font-weight: bold;
+        }
+        td {
+            padding: 10px;
+            border: 1px solid #dddddd;
+            vertical-align: top;
+        }
+        td:nth-child(2), td:nth-child(3) {
+            width: 40%;
+        }
+    </style>
+    """
+