Hi i am trying to create a landing page for my stock and cryptocurrency price prediction prototype. I am left with an error in my landing page right now. The image of us stock and cryptocurrency just would not show up but an error icon i assume
I will provide my sourcecode below:
# Redesigned Col3 and Col4
with col3:
# Container for US Stocks
st.markdown("""
<div style="
background-color: #FFFFFF;
padding: 20px;
border-radius: 10px;
border: 1px solid #E0E0E0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 350px;">
""", unsafe_allow_html=True)
st.image("./images/stock.png", caption="", width=100)
st.markdown("""
<div style="font-size: 18px; font-weight: bold; margin: 15px 0;">US Stocks</div>
""", unsafe_allow_html=True)
st.button("Gain stock insights", key="us_stocks", on_click=lambda: st.write("Redirect to US Stocks page"))
with col4:
# Container for Cryptocurrency
st.markdown("""
<div style="
background-color: #FFFFFF;
padding: 20px;
border-radius: 10px;
border: 1px solid #E0E0E0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 350px;">
""", unsafe_allow_html=True)
st.image("./images/cryptocurrency.png", caption="", width=100)
st.markdown("""
<div style="font-size: 18px; font-weight: bold; margin: 15px 0;">Cryptocurrency</div>
""", unsafe_allow_html=True)
st.button("Gain crypto insights", key="cryptocurrency", on_click=lambda: st.write("Redirect to Cryptocurrency page"))
and this is the design i intended
and this is the file directory for my image
