Spaces:
Sleeping
Sleeping
File size: 2,276 Bytes
4565b50 |
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 |
import streamlit as st
#card
def card_info(title, subtitle1, subtitle2, text, link):
st.markdown(
f"""
<div class="card-main" style="width: 100%;" "border-radius: 30px;">
<div class="card-body">
<h5 class="card-title" style="text-align: center;">{title}</h5>
<h6 class="card-subtitle mb-2 text-muted" style="text-align: center;">{subtitle1}</h6>
<h6 class="card-subtitle mb-2 text-muted" style="text-align: center;">{subtitle2}</h6>
<p class="card-text" style="text-align: left;">{text}</p>
<a href="#" class="card-link" style="text-align: center;">{link}</a>
</div>
</div>
""", unsafe_allow_html=True
)
# KPI com cards bootstrap
# st.markdown(
# f"""
# <div class="card-deck" style= "-webkit-box-orient: horizontal; width: 830px;" >
# <div class="card">
# <div class="card-body text-center">
# <p class="card-text" style="font-size: 20px; color: rgb(167, 174, 177); font-weight: bold;">P/L</p>
# <p class="card-text" style=" font-size: 40px">{fundamentus['P/L'][0]}</p>
# </div>
# </div>
# <div class="card">
# <div class="card-body text-center">
# <p class="card-text" style="font-size: 20px; color: rgb(167, 174, 177); font-weight: bold;">P/VP</p>
# <p class="card-text" style=" font-size: 40px;">{fundamentus['P/VP'][0]}</p>
# </div>
# </div>
# <div class="card">
# <div class="card-body text-center">
# <p class="card-text" style="font-size: 20px;color: rgb(167, 174, 177); font-weight: bold; ">Recomendação</p>
# <p class="card-text" style=" font-size: 40px; ">{info['recommendationKey']}</p>
# </div>
# </div>
# <div class="card">
# <div class="card-body text-center">
# <p class="card-text" style="font-size: 20px;color: rgb(167, 174, 177); font-weight: bold;">Próximo dividendo</p>
# <p class="card-text" style=" font-size: 20px;">{pfizer.calendar.transpose()['Earnings Date'].dt.strftime('%d/%m/%Y')[0]}</p>
# </div>
# </div>
# </div>
# """,unsafe_allow_html=True
# )
|