Spaces:
Sleeping
Sleeping
Update Home_page.py
Browse files- Home_page.py +27 -23
Home_page.py
CHANGED
|
@@ -12,7 +12,10 @@ st.markdown("""
|
|
| 12 |
padding: 25px;
|
| 13 |
border-radius: 12px;
|
| 14 |
box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);
|
| 15 |
-
|
|
|
|
|
|
|
|
|
|
| 16 |
}
|
| 17 |
/* Title Styling */
|
| 18 |
.main-title {
|
|
@@ -37,25 +40,25 @@ st.markdown("""
|
|
| 37 |
}
|
| 38 |
/* Paragraph Content */
|
| 39 |
.content {
|
| 40 |
-
font-size:
|
| 41 |
color: #2C3E50;
|
| 42 |
-
line-height:
|
| 43 |
}
|
| 44 |
/* Bullet Points */
|
| 45 |
.content ul {
|
| 46 |
-
font-size:
|
| 47 |
color: #2C3E50;
|
| 48 |
padding-left: 30px;
|
| 49 |
}
|
| 50 |
.content li {
|
| 51 |
-
margin:
|
| 52 |
}
|
| 53 |
/* Links */
|
| 54 |
.content a {
|
| 55 |
color: #1565C0;
|
| 56 |
text-decoration: none;
|
| 57 |
font-weight: bold;
|
| 58 |
-
font-size:
|
| 59 |
}
|
| 60 |
.content a:hover {
|
| 61 |
text-decoration: underline;
|
|
@@ -64,31 +67,31 @@ st.markdown("""
|
|
| 64 |
</style>
|
| 65 |
""", unsafe_allow_html=True)
|
| 66 |
|
| 67 |
-
# Title & Subtitle
|
| 68 |
st.markdown("""
|
| 69 |
-
<div class="ml-section">
|
| 70 |
-
<h1
|
| 71 |
-
<h2
|
| 72 |
</div>
|
| 73 |
""", unsafe_allow_html=True)
|
| 74 |
|
| 75 |
# Display Image
|
| 76 |
-
st.image("
|
| 77 |
|
| 78 |
# About Me Section
|
| 79 |
st.markdown("""
|
| 80 |
-
<div class="ml-section">
|
| 81 |
-
<h2
|
| 82 |
-
<p
|
| 83 |
Hi! I'm <b>Chittala Varshitha</b>, a passionate Data Scientist and ML Enthusiast. With a strong background in Statistics and Data Science,
|
| 84 |
I specialize in Python, SQL, R, and visualization tools.
|
| 85 |
<br><br>
|
| 86 |
This AI & ML space is designed to help beginners and professionals dive into artificial intelligence, understand machine learning fundamentals,
|
| 87 |
and work on real-world AI-driven projects.
|
| 88 |
</p>
|
| 89 |
-
<p
|
| 90 |
-
<p
|
| 91 |
-
<ul
|
| 92 |
<li>π <a href='https://www.linkedin.com/in/chittalavarshitha' target='_blank'>LinkedIn</a></li>
|
| 93 |
<li>π <a href='https://medium.com/@yourmediumprofile' target='_blank'>Medium</a></li>
|
| 94 |
</ul>
|
|
@@ -97,10 +100,10 @@ st.markdown("""
|
|
| 97 |
|
| 98 |
# What You'll Learn Section
|
| 99 |
st.markdown("""
|
| 100 |
-
<div class="ml-section">
|
| 101 |
<h2 class="section-title">π Master AI, ML & Deep Learning Essentials</h2>
|
| 102 |
-
<p
|
| 103 |
-
<ul
|
| 104 |
<li>β‘ <b>ML, AI & Deep Learning Fundamentals:</b> Learn the key concepts behind AI, ML, and their applications.</li>
|
| 105 |
<li>π¬ <b>ML vs Deep Learning:</b> Understand their differences and how they impact modern technology.</li>
|
| 106 |
<li>π <b>Core ML Concepts:</b> Understand Supervised, Unsupervised, and Reinforcement Learning.</li>
|
|
@@ -112,10 +115,11 @@ st.markdown("""
|
|
| 112 |
</div>
|
| 113 |
""", unsafe_allow_html=True)
|
| 114 |
|
| 115 |
-
# Call to Action
|
| 116 |
st.markdown("""
|
| 117 |
-
<div class="ml-section" style="text-align: center;">
|
| 118 |
<h2 class="sub-title">π― Ready to Become an AI & ML Expert?</h2>
|
| 119 |
-
<p
|
| 120 |
</div>
|
| 121 |
""", unsafe_allow_html=True)
|
|
|
|
|
|
| 12 |
padding: 25px;
|
| 13 |
border-radius: 12px;
|
| 14 |
box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);
|
| 15 |
+
}
|
| 16 |
+
/* Font Size for Consistency */
|
| 17 |
+
.medium-font {
|
| 18 |
+
font-size: 22px !important;
|
| 19 |
}
|
| 20 |
/* Title Styling */
|
| 21 |
.main-title {
|
|
|
|
| 40 |
}
|
| 41 |
/* Paragraph Content */
|
| 42 |
.content {
|
| 43 |
+
font-size: 22px;
|
| 44 |
color: #2C3E50;
|
| 45 |
+
line-height: 1.8;
|
| 46 |
}
|
| 47 |
/* Bullet Points */
|
| 48 |
.content ul {
|
| 49 |
+
font-size: 22px;
|
| 50 |
color: #2C3E50;
|
| 51 |
padding-left: 30px;
|
| 52 |
}
|
| 53 |
.content li {
|
| 54 |
+
margin: 10px 0;
|
| 55 |
}
|
| 56 |
/* Links */
|
| 57 |
.content a {
|
| 58 |
color: #1565C0;
|
| 59 |
text-decoration: none;
|
| 60 |
font-weight: bold;
|
| 61 |
+
font-size: 22px;
|
| 62 |
}
|
| 63 |
.content a:hover {
|
| 64 |
text-decoration: underline;
|
|
|
|
| 67 |
</style>
|
| 68 |
""", unsafe_allow_html=True)
|
| 69 |
|
| 70 |
+
# Title & Subtitle
|
| 71 |
st.markdown("""
|
| 72 |
+
<div class="ml-section medium-font" style="text-align: center; margin-bottom: 25px;">
|
| 73 |
+
<h1 style="color: #880085; font-size: 50px;">π Unlock the Power of AI & Machine Learning!</h1>
|
| 74 |
+
<h2 style="color: #000080; font-size: 35px;">Start from zero and become a hero! ππ</h2>
|
| 75 |
</div>
|
| 76 |
""", unsafe_allow_html=True)
|
| 77 |
|
| 78 |
# Display Image
|
| 79 |
+
st.image(r"E:\innomatics\ML\alite 27\image.png", caption="Exploring the Power of AI and ML", use_container_width=True)
|
| 80 |
|
| 81 |
# About Me Section
|
| 82 |
st.markdown("""
|
| 83 |
+
<div class="ml-section medium-font">
|
| 84 |
+
<h2>π§βπ» About Me</h2>
|
| 85 |
+
<p>
|
| 86 |
Hi! I'm <b>Chittala Varshitha</b>, a passionate Data Scientist and ML Enthusiast. With a strong background in Statistics and Data Science,
|
| 87 |
I specialize in Python, SQL, R, and visualization tools.
|
| 88 |
<br><br>
|
| 89 |
This AI & ML space is designed to help beginners and professionals dive into artificial intelligence, understand machine learning fundamentals,
|
| 90 |
and work on real-world AI-driven projects.
|
| 91 |
</p>
|
| 92 |
+
<p><b>Skills:</b> Python, R, SQL, NumPy, Pandas, Power BI, Excel</p>
|
| 93 |
+
<p><b>Connect with me:</b></p>
|
| 94 |
+
<ul>
|
| 95 |
<li>π <a href='https://www.linkedin.com/in/chittalavarshitha' target='_blank'>LinkedIn</a></li>
|
| 96 |
<li>π <a href='https://medium.com/@yourmediumprofile' target='_blank'>Medium</a></li>
|
| 97 |
</ul>
|
|
|
|
| 100 |
|
| 101 |
# What You'll Learn Section
|
| 102 |
st.markdown("""
|
| 103 |
+
<div class="ml-section medium-font">
|
| 104 |
<h2 class="section-title">π Master AI, ML & Deep Learning Essentials</h2>
|
| 105 |
+
<p>Gain hands-on experience in AI & ML, explore real-world applications, and build impactful projects! π</p>
|
| 106 |
+
<ul>
|
| 107 |
<li>β‘ <b>ML, AI & Deep Learning Fundamentals:</b> Learn the key concepts behind AI, ML, and their applications.</li>
|
| 108 |
<li>π¬ <b>ML vs Deep Learning:</b> Understand their differences and how they impact modern technology.</li>
|
| 109 |
<li>π <b>Core ML Concepts:</b> Understand Supervised, Unsupervised, and Reinforcement Learning.</li>
|
|
|
|
| 115 |
</div>
|
| 116 |
""", unsafe_allow_html=True)
|
| 117 |
|
| 118 |
+
# Call to Action
|
| 119 |
st.markdown("""
|
| 120 |
+
<div class="ml-section medium-font" style="text-align: center;">
|
| 121 |
<h2 class="sub-title">π― Ready to Become an AI & ML Expert?</h2>
|
| 122 |
+
<p>Let's learn, build, and innovate in the world of artificial intelligence together! π€</p>
|
| 123 |
</div>
|
| 124 |
""", unsafe_allow_html=True)
|
| 125 |
+
|