Update Home_page.py

Home_page.py

@@ -12,6 +12,7 @@ st.markdown("""
             padding: 25px;
             border-radius: 12px;
             box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);
+            margin-bottom: 25px;
         }
         /* Title Styling */
         .main-title {
@@ -63,30 +64,31 @@ st.markdown("""
     </style>
 """, unsafe_allow_html=True)
 
-# Title & Subtitle
+# Title & Subtitle Section
 st.markdown("""
-        <div style="text-align: center; margin-bottom: 25px;">
-            <h1 style="color: #880085; font-size: 50px;">🚀 Unlock the Power of AI & Machine Learning!</h1>
-            <h2 style="color: #000080; font-size: 35px;">Start from zero and become a hero! 🚀📈</h2>
-        </div>""", unsafe_allow_html=True)
+    <div class="ml-section">
+        <h1 class="main-title">🚀 Unlock the Power of AI & Machine Learning!</h1>
+        <h2 class="sub-title">Start from zero and become a hero! 🚀📈</h2>
+    </div>
+""", unsafe_allow_html=True)
 
 # Display Image
-st.image("https://huggingface.co/spaces/varshitha22/ML/resolve/main/images/im.jpg", caption="Exploring the Power of AI and ML", use_container_width=True)
+st.image(", caption="Exploring the Power of AI and ML", use_container_width=True)
 
 # About Me Section
 st.markdown("""
-    <div style="background-color: #F5F5F5; padding: 15px; border-radius: 10px;">
-        <h2 style="font-size: 22px;">🧑‍💻 About Me</h2>
-        <p style="font-size: 22px;">
+    <div class="ml-section">
+        <h2 class="section-title">🧑‍💻 About Me</h2>
+        <p class="content">
             Hi! I'm <b>Chittala Varshitha</b>, a passionate Data Scientist and ML Enthusiast. With a strong background in Statistics and Data Science, 
             I specialize in Python, SQL, R, and visualization tools.
             <br><br>
             This AI & ML space is designed to help beginners and professionals dive into artificial intelligence, understand machine learning fundamentals, 
             and work on real-world AI-driven projects.
         </p>
-        <p style="font-size: 22px;"><b>Skills:</b> Python, R, SQL, NumPy, Pandas, Power BI, Excel</p>
-        <p style="font-size: 22px;" class='content'><b>Connect with me:</b></p>
-        <ul class='content'>
+        <p class="content"><b>Skills:</b> Python, R, SQL, NumPy, Pandas, Power BI, Excel</p>
+        <p class="content"><b>Connect with me:</b></p>
+        <ul class="content">
             <li>🔗 <a href='https://www.linkedin.com/in/chittalavarshitha' target='_blank'>LinkedIn</a></li>
             <li>📝 <a href='https://medium.com/@yourmediumprofile' target='_blank'>Medium</a></li>
         </ul>
@@ -94,21 +96,11 @@ st.markdown("""
 """, unsafe_allow_html=True)
 
 # What You'll Learn Section
-import streamlit as st
-
 st.markdown("""
-    <style>
-        .medium-font {
-            font-size: 22px !important;
-        }
-    </style>
-    
-    <div class="medium-font">
-    
-    <div class='ml-section'>
-        <h2 class='section-title'>🔍 Master AI, ML & Deep Learning Essentials</h2>
+    <div class="ml-section">
+        <h2 class="section-title">🔍 Master AI, ML & Deep Learning Essentials</h2>
         <p style="text-align: center; font-size: 32px;">Gain hands-on experience in AI & ML, explore real-world applications, and build impactful projects! 🚀</p>
-        <ul class='content'>
+        <ul class="content">
             <li>⚡ <b>ML, AI & Deep Learning Fundamentals:</b> Learn the key concepts behind AI, ML, and their applications.</li>
             <li>🔬 <b>ML vs Deep Learning:</b> Understand their differences and how they impact modern technology.</li>
             <li>📖 <b>Core ML Concepts:</b> Understand Supervised, Unsupervised, and Reinforcement Learning.</li>
@@ -120,11 +112,10 @@ st.markdown("""
     </div>
 """, unsafe_allow_html=True)
 
-
-# Call to Action
+# Call to Action Section
 st.markdown("""
-    <div class='ml-section' style="text-align: center;">
-        <h2 class='sub-title'>🎯 Ready to Become an AI & ML Expert?</h2>
+    <div class="ml-section" style="text-align: center;">
+        <h2 class="sub-title">🎯 Ready to Become an AI & ML Expert?</h2>
         <p style="font-size: 35px;">Let's learn, build, and innovate in the world of artificial intelligence together! 🤖</p>
     </div>
-""", unsafe_allow_html=True)
+""", unsafe_allow_html=True)