|
|
import streamlit as st |
|
|
|
|
|
st.markdown( |
|
|
""" |
|
|
<style> |
|
|
body { |
|
|
background-color: #f9f9f9; /* Light, soft background */ |
|
|
font-family: 'Arial', sans-serif; |
|
|
} |
|
|
@keyframes fadeIn { |
|
|
0% { opacity: 0; transform: translateY(-20px); } |
|
|
100% { opacity: 1; transform: translateY(0); } |
|
|
} |
|
|
.title { |
|
|
text-align: center; |
|
|
color: #2c3e50; /* Deep gray-blue */ |
|
|
font-size: 3rem; |
|
|
font-weight: bold; |
|
|
animation: fadeIn 1s ease-in-out; |
|
|
} |
|
|
.caption { |
|
|
text-align: center; |
|
|
font-style: italic; |
|
|
font-size: 1.2rem; |
|
|
color: #7f8c8d; /* Soft gray */ |
|
|
animation: fadeIn 1.5s ease-in-out; |
|
|
} |
|
|
.about { |
|
|
font-size: 1.1rem; |
|
|
text-align: justify; |
|
|
line-height: 1.8; |
|
|
color: #34495e; /* Muted gray */ |
|
|
background: #ffffff; /* White card-style background */ |
|
|
padding: 15px; |
|
|
border-radius: 10px; |
|
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); |
|
|
animation: fadeIn 2s ease-in-out; |
|
|
} |
|
|
.image-container { |
|
|
text-align: center; |
|
|
margin-top: 20px; |
|
|
animation: fadeIn 2.5s ease-in-out; |
|
|
} |
|
|
.image-container img { |
|
|
border-radius: 15px; |
|
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); |
|
|
transition: transform 0.3s ease-in-out; |
|
|
} |
|
|
.image-container img:hover { |
|
|
transform: scale(1.05); /* Subtle zoom effect on hover */ |
|
|
} |
|
|
</style> |
|
|
""", |
|
|
unsafe_allow_html=True, |
|
|
) |
|
|
|
|
|
|
|
|
st.markdown("<div class='title'>Natural Language Processing</div>", unsafe_allow_html=True) |
|
|
|
|
|
|
|
|
st.markdown( |
|
|
"<div class='caption'>Unlock the Power of Language: Bridging Communication Between Humans and Machines with NLP!</div>", |
|
|
unsafe_allow_html=True, |
|
|
) |
|
|
|
|
|
|
|
|
st.markdown( |
|
|
""" |
|
|
<div class='image-container'> |
|
|
<img src="https://cdn-uploads.huggingface.co/production/uploads/66bde9bf3c885d04498227a0/REaH0rQy3lM6fCF0vEBtt.jpeg" alt="NLP Image" width="400"> |
|
|
</div> |
|
|
""", |
|
|
unsafe_allow_html=True, |
|
|
) |
|
|
|
|
|
|
|
|
st.subheader(":violet[About the App]") |
|
|
st.markdown( |
|
|
''' |
|
|
<div class='about'> |
|
|
<b>From Words to Wonders: Mastering NLP</b><br> |
|
|
Natural Language Processing (NLP) is where technology meets human language, |
|
|
turning words into powerful tools for innovation. |
|
|
Whether you're a curious beginner or a seasoned pro, this journey will take you |
|
|
from decoding basics to building smart systems like chatbots, translators, and sentiment analyzers. |
|
|
NLP is not just about algorithms—it's about understanding, creating, and transforming how we connect with the world. |
|
|
Step into the future of communication and let language lead the way! |
|
|
</div> |
|
|
''', |
|
|
unsafe_allow_html=True, |
|
|
) |
|
|
|
