Spaces:
Sleeping
Sleeping
Update pages/Intro_to_DataScience.py
Browse files
pages/Intro_to_DataScience.py
CHANGED
|
@@ -22,9 +22,54 @@ st.caption("***Transform raw data into groundbreaking insights***")
|
|
| 22 |
st.markdown(
|
| 23 |
"""
|
| 24 |
<div style="text-align: center;">
|
| 25 |
-
<img src=
|
| 26 |
width="300"
|
| 27 |
style="border-radius: 15px; border: 5px solid #FF6F61; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15); transition: transform 0.3s;">
|
| 28 |
</div>
|
| 29 |
""",
|
| 30 |
-
unsafe_allow_html=True)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 22 |
st.markdown(
|
| 23 |
"""
|
| 24 |
<div style="text-align: center;">
|
| 25 |
+
<img src=
|
| 26 |
width="300"
|
| 27 |
style="border-radius: 15px; border: 5px solid #FF6F61; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15); transition: transform 0.3s;">
|
| 28 |
</div>
|
| 29 |
""",
|
| 30 |
+
unsafe_allow_html=True)
|
| 31 |
+
|
| 32 |
+
st.markdown("""
|
| 33 |
+
<style>
|
| 34 |
+
.subheading {
|
| 35 |
+
font-family: 'Roboto', sans-serif;
|
| 36 |
+
font-size: 24px;
|
| 37 |
+
font-weight: bold;
|
| 38 |
+
color: blue;
|
| 39 |
+
background: linear-gradient(135deg, #F5A623, #F1C40F);
|
| 40 |
+
padding: 12px;
|
| 41 |
+
border-radius: 8px;
|
| 42 |
+
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
|
| 43 |
+
}
|
| 44 |
+
</style>
|
| 45 |
+
<p class="subheading">What is Data Science?..</p>
|
| 46 |
+
""",
|
| 47 |
+
unsafe_allow_html=True)
|
| 48 |
+
|
| 49 |
+
st.markdown(
|
| 50 |
+
"""
|
| 51 |
+
<style>
|
| 52 |
+
.content {
|
| 53 |
+
font-size: 16px;
|
| 54 |
+
line-height: 1.6;
|
| 55 |
+
font-family: 'Open Sans', sans-serif; /* New font here */
|
| 56 |
+
color: #333;
|
| 57 |
+
background-color: #FAFAFA;
|
| 58 |
+
padding: 15px;
|
| 59 |
+
border-radius: 10px;
|
| 60 |
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
| 61 |
+
transition: all 0.3s ease;
|
| 62 |
+
}
|
| 63 |
+
.content:hover {
|
| 64 |
+
background-color: #f0f0f0;
|
| 65 |
+
transform: scale(1.02);
|
| 66 |
+
}
|
| 67 |
+
</style>
|
| 68 |
+
<p class="content">
|
| 69 |
+
Data science is the practice of using data to find useful information, make predictions, and solve problems.
|
| 70 |
+
It involves collecting data, cleaning it, analyzing it to discover patterns, and using those patterns to make smart decisions.
|
| 71 |
+
Data scientists use tools and techniques to understand the data and share their findings with others to help improve decisions in businesses and other areas.
|
| 72 |
+
</p>
|
| 73 |
+
""",
|
| 74 |
+
unsafe_allow_html=True
|
| 75 |
+
)
|