File size: 2,889 Bytes
97d746f |
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 |
import streamlit as st
# Custom CSS to enhance the UI
st.markdown(
"""
<style>
.title {
font-size: 40px;
color: #4CAF50;
text-align: center;
margin-bottom: 20px;
}
.header {
font-size: 30px;
color: #FF5722;
margin-bottom: 20px;
}
.sidebar-title {
color: #673AB7;
font-size: 24px;
}
.container {
background-color: #E3F2FD;
padding: 20px;
border-radius: 10px;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}
.button {
background-color: #FF5722;
color: white;
border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
font-weight: bold;
}
.button:hover {
background-color: #E64A19;
}
.sidebar {
background-color: #F3E5F5;
padding: 10px;
border-radius: 10px;
}
</style>
""",
unsafe_allow_html=True
)
st.image("https://via.placeholder.com/300", width=300, caption="Munir Bhai")
# Add title and header with custom styles
st.markdown("<div class='title'>Hi! Munir Bhai...</div>", unsafe_allow_html=True)
st.markdown("<div class='header'>Welcome to the Interactive Form</div>", unsafe_allow_html=True)
st.video("https://www.youtube.com/watch?v=gK03De6nb1Y")
# Form container
st.markdown("<div class='container'>", unsafe_allow_html=True)
# Text input
name = st.text_input("Enter your name")
# Number input
age = st.number_input("Enter your age", min_value=0, max_value=120, step=1)
# Radio button for gender selection
gender = st.radio("Enter your gender", ["Male", "Female"], horizontal=True)
# Select box for city
city = st.selectbox("Enter your city", ["None", "Delhi", "Mumbai", "Kolkata", "Chennai"])
# Select box for qualification
qualification = st.selectbox(
"Enter your qualification", ["None", "B.Tech", "M.Tech", "PhD"]
)
# Submit button
if st.button("Submit", key="submit-button"):
st.markdown(f"<div class='header'>Hi, {name} Bhai!</div>", unsafe_allow_html=True)
st.write(f"Your age is {age} years old.")
st.write(f"Your gender is {gender}.")
if city != "None":
st.write(f"You live in {city}.")
if qualification != "None":
st.balloons()
st.write(f"Your qualification is {qualification}.")
# Close container
st.markdown("</div>", unsafe_allow_html=True)
# Sidebar content
st.sidebar.markdown(
"""
<div class='sidebar'>
<div class='sidebar-title'>Hi {name} Bhai...</div>
<div class='sidebar-title'>Kaise ho Bhai?</div>
</div>
""",
unsafe_allow_html=True
)
|