File size: 4,136 Bytes
eeca63f eee4d06 eeca63f eee4d06 eeca63f eee4d06 eeca63f |
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 |
import streamlit as st
st.set_page_config(
page_title="About US",
page_icon="π",
layout="wide",
initial_sidebar_state="expanded",
)
page_bg_img_link = f"""
<style>
[data-testid="stAppViewContainer"]> .main{{
# background-image: url(https://www.orfonline.org/wp-content/uploads/2022/10/mental-health-wellness-during-covid-19.jpg);
# background-size:cover;
# background-position: left;
# background-repeat:no-repeat;
# background-attachment:local;
background-color: #FFDEE9;
background-image: linear-gradient(0deg, #FFDEE9 0%, #B5FFFC 100%);
}}
[data-testid="stHeader"]{{
background-color: rgba(0,0,0,0)
}}
[data-testid="stToolbar"]{{
right : 2 rem;
}}
[data-testid="stSidebar"] > div:first-child{{
background: linear-gradient(to right bottom,
rgba(255,225,225,0.7),
rgba(255,225,225,0.3));
}}
[data-testid="stMarkdownContainer"] {{
display: flex;
justify-content: center;
align-items: center;
}}
[data-testid="stMarkdownContainer"] > p > a > img {{
height : 30px;
}}
</style>
"""
st.markdown(page_bg_img_link, unsafe_allow_html=True)
with st.sidebar:
# st.markdown(
# '<div style=" font-family: Mali, cursive;text-align: center; font-size:30px; color:#ff725e; margin :10px">Mental Health</div>',
# unsafe_allow_html=True,
# )
st.image(
"Mental health-pana.png",
width=320,
)
def about_page():
title = st.markdown(
'<div style=" font-family: Mali, cursive;text-align: center; font-size:3.5rem; color: rgb(69, 90, 100); margin-bottom :20px">About Us</div>',
unsafe_allow_html=True,
)
st.markdown(
'<div style=" font-family: Mali, cursive; font-size:20px; color:black;">We are the students of M.Sc Data Science . We developed this web application by sharing each others knowledge and working together as a team.</div>',
unsafe_allow_html=True,
)
st.markdown("""---""")
with st.container():
col = st.columns([1, 1, 1])
# HARSH #
with col[0]:
st.image("Developer activity-pana.png")
st.markdown(
'<div style=" font-family: Mali, cursive;text-align: center; font-size:24px; color:black;">Harsh Narayan</div>',
unsafe_allow_html=True,
)
# st.markdown(
# '<div style=" font-family: Mali, cursive;text-align: center; font-size:16px; color:black;">Masters in Data Science</div>',
# unsafe_allow_html=True,
# )
st.markdown(
"[](https://www.linkedin.com/in/harsh-narayan-377907264/)"
)
# SHAMEEK #
with col[2]:
st.image("Standup meeting-pana.png")
st.markdown(
'<div style=" font-family: Mali, cursive;text-align: center; font-size:24px; color:black;">Shameek Bhowmick</div>',
unsafe_allow_html=True,
)
# st.markdown(
# '<div style=" font-family: Mali, cursive;text-align: center; font-size:16px; color:black;">Masters in Data Science</div>',
# unsafe_allow_html=True,
# )
st.markdown(
"[](https://www.linkedin.com/in/shameek-bhowmick-3481131a8/)"
)
# SAKSHI #
with col[1]:
st.image("Report-pana.png")
st.markdown(
'<div style=" font-family: Mali, cursive;text-align: center; font-size:24px; color:black;">Sakshi Panhalkar</div>',
unsafe_allow_html=True,
)
# st.markdown(
# '<div style=" font-family: Mali, cursive;text-align: center; font-size:16px; color:black;">Masters in Data Science</div>',
# unsafe_allow_html=True,
# )
st.markdown(
"[](https://www.linkedin.com/in/sakshi-panhalkar-7188061b4/)"
)
if __name__ == "__main__":
about_page()
|