File size: 4,586 Bytes
a517ce8
 
 
b30176e
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
a517ce8
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
06c733a
 
 
 
 
a517ce8
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
import streamlit as st
import pandas as pd

custom_css = """
<style>
    html, body, [data-testid="stAppViewContainer"] {
        background: linear-gradient(
            rgba(255, 182, 193, 0.8), /* Soft Pink */
            rgba(230, 230, 255, 0.8)  /* Lavender */
        ), 
        url('https://i.imgur.com/vIszbgs.jpeg') no-repeat center center fixed;
        background-size: cover; /* Cover the entire screen */
        font-family: Arial, sans-serif;
        color: #333333;  /* Set text color to dark grey for better readability */
    }
    h1 {
        color:#2c3e50;  
        text-align: center;
        font-size: 3rem; /* Increase font size for the main title */
        margin-top: 20px;
        text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.8); /* Add shadow for better visibility */
    }
    .section {
        margin: 20px auto;
        padding: 20px;
        background: rgba(255, 255, 255, 0.9); /* Soft white background */
        border-radius: 10px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Light shadow for styling */
    }
    .section h2 {
        color: #8A2BE2;  /* Blue-violet */
        margin-bottom: 10px;
        font-size: 2rem; /* Increase font size for section titles */
        text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.6); /* Light shadow for better visibility */
    }
    .section p, .section ul li {
        font-size: 1.2rem; /* Increase font size for body text */
        line-height: 1.8; /* Add more spacing between lines for better readability */
    }
    /* Style for the table */
    .stTable {
        border: 1px solid #8A2BE2 !important; /* Blue-violet border for the table */
        border-radius: 10px; /* Rounded corners for the table */
        color: #333333 !important; /* Dark text for table */
        font-size: 1.2rem; /* Increase font size for table text */
        line-height: 1.8; /* Add spacing between lines */
    }
</style>
"""

# Apply custom CSS
st.markdown(custom_css, unsafe_allow_html=True)


st.markdown("""
    <style>
    /* Set a soft background color */
    body {
        background-color: #eef2f7;
    }
    /* Style for main title */
    h1 {
        color: black;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        text-align: center;
        margin-bottom: 25px;
    }
    /* Style for headers */
    h2 {
        color: black;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        margin-top: 30px;
    }
    
    /* Style for subheaders */
     h3 {
        color: red;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        margin-top: 20px;
    }
    .custom-subheader {
        color: black;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        margin-bottom: 15px;
    }
    /* Paragraph styling */
    p {
        font-family: 'Georgia', serif;
        line-height: 1.8;
        color: black;
        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: black;
    }
    .icon-bullet li::before {
        content: "◆";
        padding-right: 10px;
        color: black;
    }
    /* Sidebar styling */
    .sidebar .sidebar-content {
        background-color: #ffffff;
        border-radius: 10px;
        padding: 15px;
    }
    .sidebar h2 {
        color: #495057;
    }
    /* Custom button style */
    .streamlit-button {
        background-color: #00FFFF;
        color: #000000;
        font-weight: bold;
    }
    </style>
    """, unsafe_allow_html=True)

def main():
    st.title("**Natural Language Processing**")
    st.header("**Text💬**")
    st.markdown('''
    - To represent text in numerical format and tabular format
    ''')
    st.markdown('''
    - Text is going to to use a field known as NLP(Natural Language Processing)
    - It is a sub-field in AI which guide the machine to process and analyze the natural language
    ''')
    st.subheader("**Natural Language Processing**")
    st.markdown('''
    - Programming language which is used to guide machine to understand and analyze the natural language
    ''')

    if st.button("Explore More"):
        #st.markdown(
            # '<a href="https://huggingface.co/spaces/Harika22/Natural_Language_Processing">Click here to explore!</a>',
            #unsafe_allow_html=True,
        #)
        "click here to explore!"

if __name__ == "__main__":
    main()