import streamlit as st
import pandas as pd
st.markdown("""
    <style>
    /* Set a soft background color */
    body {
        background-color: #eef2f7;
    }
    /* Style for main title */
    h1 {
        color: #d63384;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        text-align: center;
        margin-bottom: 25px;
    }
    /* Style for headers */
    h2 {
        color: #1f77b4;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        margin-top: 30px;
    }
    
    /* Style for subheaders */
    .custom-subheader {
        color: #2ca02c;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        margin-bottom: 15px;
    }
    /* Paragraph styling */
    p {
        font-family: 'Georgia', serif;
        line-height: 1.8;
        color: #F0FFF0; /* Darker text color for better visibility */
        margin-bottom: 20px;
    }
    /* List styling with checkmark bullets */
    .icon-bullet {
        list-style-type: none;
        padding-left: 20px;
    }
    .icon-bullet li {
        font-family: 'Georgia', serif;
        font-size: 1.1em;
        margin-bottom: 10px;
        color: #FFFFF0; /* Darker text color for better visibility */
    }
    .icon-bullet li::before {
        content: "✔️";
        padding-right: 10px;
        color: #17a2b8;
    }
    /* Sidebar styling */
    .sidebar .sidebar-content {
        background-color: #ffffff;
        border-radius: 10px;
        padding: 15px;
    }
    .sidebar h2 {
        color: #495057;
    }
    </style>
    """, unsafe_allow_html=True)
st.title("INTRODUCTION TO DATA ANALYSIS")
st.header("What does the term data refers to?")
st.subheader("Data")
st.markdown("""
    Data refers to a collection of information gathered from various sources. Here are a few examples:
""", unsafe_allow_html=True)
st.markdown("""
<ul class="icon-bullet">
<li>Images</li>
<li>Text</li>
<li>Videos</li>
<li>Audio recordings</li>
</ul>
""",unsafe_allow_html=True)
st.image("https://cdn-uploads.huggingface.co/production/uploads/64c972774515835c4dadd754/qpmLGi47ucDCWYEi8eZhE.png",caption="An Example of Data",width=400)
st.header("What is Data Analysis?")
st.subheader("Data Analysis")
st.markdown("""Data analysis is the process of inspecting, cleansing, transforming, and modeling data with the goal of discovering useful information, drawing conclusions, and supporting decision-making
based on the problem statement.This applied on various filed like business,science,health care etc""") 
st.image("https://cdn-uploads.huggingface.co/production/uploads/64c972774515835c4dadd754/QMUIDv2eboPvohbRe2yua.png",caption="An Example of Data Analysis",width=400)