Update app.py

app.py

@@ -19,24 +19,31 @@ st.markdown("""
         color: #1f77b4;
         font-family: 'Roboto', sans-serif;
         font-weight: bold;
+        margin-top: 20px;
     }
     h3 {
         color: #6c757d;
         font-family: 'Roboto', sans-serif;
+        margin-top: 15px;
     }
     .custom-subheader {
         color: #2ca02c;
         font-family: 'Roboto', sans-serif;
-        margin-bottom: 0;
+        margin-bottom: 10px;
     }
     p {
         font-family: 'Georgia', serif;
         line-height: 1.6;
         color: #343a40;
+        margin-bottom: 15px;
     }
     .icon-bullet {
         list-style-type: none;
         padding-left: 0;
+        margin-bottom: 15px;
+    }
+    .icon-bullet li {
+        margin-bottom: 8px;
     }
     .icon-bullet li::before {
         content: "✔️";
@@ -61,7 +68,8 @@ st.subheader(":blue[DATA]")
 
 st.markdown("""
     Data is a collection of information gathered from observation. There are many sources of information. Below are some examples:
-""")
+""", unsafe_allow_html=True)
+
 st.markdown("""
 <ul class="icon-bullet">
     <li>IMAGE</li>
@@ -81,6 +89,7 @@ st.markdown("""
         <li>STRUCTURED QUERY LANGUAGE DATABASE</li>
     </ul>
 """, unsafe_allow_html=True)
+
 st.image('https://cdn-uploads.huggingface.co/production/uploads/64c972774515835c4dadd754/dSbyOXaQ6N_Kg2TLxgEyt.png', width=400)
 
 # Visualization example for Structured Data
@@ -108,6 +117,7 @@ st.markdown("""
         <li>Social Media Feeds</li>
     </ul>
 """, unsafe_allow_html=True)
+
 st.image("https://cdn-uploads.huggingface.co/production/uploads/64c972774515835c4dadd754/xhaNBRanDaj8esumqo9hl.png", width=400)
 
 st.subheader("**Semi-Structured Data**")
@@ -120,13 +130,14 @@ st.markdown("""
         <li>HTML</li>
     </ul>
 """, unsafe_allow_html=True)
+
 st.image("https://cdn-uploads.huggingface.co/production/uploads/64c972774515835c4dadd754/Nupc6BePInRVo9gJwLfWH.png", width=400)
 
 # Introduction to Statistics
 st.title("2 : INTRODUCTION TO STATISTICS")
 st.markdown("""
     _Statistics is a branch of mathematics focused on collecting, analyzing, interpreting, and structuring data. It is classified into two types:_
-""")
+""", unsafe_allow_html=True)
 
 # Descriptive Statistics Section with interactive elements
 st.subheader("2.1 Descriptive Statistics")
@@ -148,4 +159,4 @@ st.write(f"Mean Value: {mean_value}")
 st.subheader("2.2 Inferential Statistics")
 st.markdown("""
     Inferential Statistics makes predictions about a population based on sample data.
-""")
+""", unsafe_allow_html=True)