Update Home.py
Browse files
Home.py
CHANGED
|
@@ -3,7 +3,7 @@ import pandas as pd
|
|
| 3 |
import numpy as np
|
| 4 |
|
| 5 |
# Page configuration
|
| 6 |
-
st.set_page_config(page_title="Electronics Sales Analysis
|
| 7 |
|
| 8 |
# Banner image
|
| 9 |
st.markdown(
|
|
@@ -36,7 +36,29 @@ st.markdown(
|
|
| 36 |
unsafe_allow_html=True
|
| 37 |
)
|
| 38 |
|
| 39 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 40 |
st.markdown(
|
| 41 |
"""
|
| 42 |
<div style="text-align:center;">
|
|
@@ -68,13 +90,6 @@ st.markdown(
|
|
| 68 |
background: rgba(0, 0, 0, 0.4); /* 40% transparency */
|
| 69 |
z-index: -1;
|
| 70 |
}
|
| 71 |
-
|
| 72 |
-
/* Styling the markdown text for better readability */
|
| 73 |
-
.stMarkdown {
|
| 74 |
-
text-align: justify; /* Spread content across width */
|
| 75 |
-
font-size: 50px; /* Better font size for readability */
|
| 76 |
-
color: white; /* Contrast color on dark background */
|
| 77 |
-
}
|
| 78 |
</style>
|
| 79 |
""",
|
| 80 |
unsafe_allow_html=True
|
|
|
|
| 3 |
import numpy as np
|
| 4 |
|
| 5 |
# Page configuration
|
| 6 |
+
st.set_page_config(page_title="Electronics Sales Analysis", layout="wide")
|
| 7 |
|
| 8 |
# Banner image
|
| 9 |
st.markdown(
|
|
|
|
| 36 |
unsafe_allow_html=True
|
| 37 |
)
|
| 38 |
|
| 39 |
+
# Custom title styling
|
| 40 |
+
st.markdown(
|
| 41 |
+
"""
|
| 42 |
+
<style>
|
| 43 |
+
.title {
|
| 44 |
+
color: white; /* White color for better visibility */
|
| 45 |
+
font-size: 36px; /* Large font size */
|
| 46 |
+
font-weight: bold; /* Bold text */
|
| 47 |
+
text-align: center; /* Center alignment */
|
| 48 |
+
margin-top: 20px;
|
| 49 |
+
}
|
| 50 |
+
</style>
|
| 51 |
+
""",
|
| 52 |
+
unsafe_allow_html=True
|
| 53 |
+
)
|
| 54 |
+
|
| 55 |
+
st.subheader("Hotel Data Analysis Model Creation Flow", anchor="hotel-data-flow")
|
| 56 |
+
st.markdown(
|
| 57 |
+
'<div class="title">Hotel Data Analysis Model Creation Flow</div>',
|
| 58 |
+
unsafe_allow_html=True
|
| 59 |
+
)
|
| 60 |
+
|
| 61 |
+
# Flowchart GIF with center alignment
|
| 62 |
st.markdown(
|
| 63 |
"""
|
| 64 |
<div style="text-align:center;">
|
|
|
|
| 90 |
background: rgba(0, 0, 0, 0.4); /* 40% transparency */
|
| 91 |
z-index: -1;
|
| 92 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 93 |
</style>
|
| 94 |
""",
|
| 95 |
unsafe_allow_html=True
|