pages/1Introduction.py

import streamlit as st

st.markdown(
    """
    <style>
    /* Importing Web-Style Google Fonts */
    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Montserrat:wght@400;600&family=Lato:wght@400;700&display=swap');

    /* Soft Pastel Gradient Background */
    .stApp {
        background: linear-gradient(135deg, #a1c4fd, #c2e9fb, #ffafbd); /* Soft gradient of pastel blues and pinks */
        background-size: 200% 200%;
        animation: gradientShift 15s ease infinite;
        color: #333333;
        padding: 20px;
        font-family: 'Inter', sans-serif; /* Default font for body */
    }

    /* Animation for Background */
    @keyframes gradientShift {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }

    /* Heading Styles with Montserrat */
    h1, h2, h3, h4 {
        color: #5d3fd3;  /* Soft purple for headings */
        font-family: 'Montserrat', sans-serif; /* Clean and bold font for headings */
        font-weight: 600;
        text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); /* Soft shadow for better contrast */
    }

    /* Text and Paragraph Styles with Lato (increased font size) */
    h5, p, ul {
        color: #555555;  /* Soft gray for text */
        font-family: 'Lato', sans-serif; /* Modern font for body text */
        font-size: 18px; /* Increased font size for better readability */
    }

    /* Link Styling */
    a {
        color: #ff7eb9; /* Soft pink for links */
        text-decoration: none;
        font-weight: 500;
    }

    a:hover {
        color: #ff4785; /* Slightly darker pink on hover */
        text-decoration: underline;
    }
    </style>
    """,
    unsafe_allow_html=True
)


st.markdown("""
    <h2 style="text-align:center;">Introduction to Data Science and AI</h2>
""", unsafe_allow_html=True)



st.markdown("<br>", unsafe_allow_html=True)

st.markdown('<h2> What is Data Science? </h2>', unsafe_allow_html=True)

st.write("**Data Science** is the field that combines statistics, mathematics, and computer science to extract insights and knowledge from structured and unstructured data.")
st.write("Data scientists use a variety of techniques such as machine learning, data mining, and statistical analysis to turn data into actionable insights")

st.markdown('<h2> What is Artifical Intelligence? </h2>', unsafe_allow_html=True)

st.write("In simple words, **Artificial Intelligence (AI)** is a technique by which we can copy/mimic the Human Intelligence to generate Artifical Intelligence")

st.write("Let's take an Example of small born baby")
st.write("""**Example:** Whenever a father wants to teach his baby that what is a dog and cat, father will first show a picture of dog and cat to it's baby.
Then father will say 7-8 times to his baby that it is a dog and cat. Then Baby will understand the difference between cat and dog.
So from next time whenever baby will see dog and cat , he/she will recognize it very clearly. This is possible due to baby's Intelligence which is called **Natural Intelligence**
""")

st.write("Machine don't understand this Natural Intelligence , That's why we use Artifical Intelligence to generate the machine's Intelligence")

st.write("""So to mimic/copy this Natural Intelligence, machine should have 2 concepts:
- Ability to Learn
- Ability to Generate the Intelligence""")

st.write("""To teach the **Learning Ability** to Machine, we have 2 Tools:
+ Machine Learning
+ Deep Learning""")

st.write("To teach the Generating Ability we used **Generative AI**")

st.markdown('<h2> What is Generative AI? </h2>', unsafe_allow_html=True)

st.write("**Generative AI** is a tool by which machine can generate it's own Intelligence depending upon learning")

st.write("By using Generative AI, machine can generate conversations, images, music, stories, videos, designs, synthetic data, etc.")

st.markdown('<h2> What is Machine Learning? </h2>', unsafe_allow_html=True)

st.write("**Machine Learning** is a tool by which we can mimic/copy the Natural Intelligence with ability of **learning** to create artifical Intelligence")

st.write("For learning from the data, ML needs **Data** and **Algorithm** and it uses a relationship function between data and algorithm")

st.write("""Some ML Features:
+ Uses Statistical Methods to learn
+ ML models needs less amount of data to train
+ It always works on **Structured Data**""")

st.markdown('<h2> What is Deep Learning? </h2>', unsafe_allow_html=True)

st.write("**Deep Learning** is a tool by which we can mimic/copy the Natural Intelligence with ability of **learning** to create artifical Intelligence")

st.write("""Some DL Features:
+ Uses Logical Structure (Neural Structure) to learn
+ DL models needs large amount of data to train
+ It can work on **Unstructured Data** and **Semi-Structured Data**""")

st.image("Image/data_science.png", caption="Field and Sunfields")