Update Home_page.py

Home_page.py

@@ -12,7 +12,10 @@ st.markdown("""
             padding: 25px;
             border-radius: 12px;
             box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);
-            margin-bottom: 25px;
+        }
+        /* Font Size for Consistency */
+        .medium-font {
+            font-size: 22px !important;
         }
         /* Title Styling */
         .main-title {
@@ -37,25 +40,25 @@ st.markdown("""
         }
         /* Paragraph Content */
         .content {
-            font-size: 50px;
+            font-size: 22px;
             color: #2C3E50;
-            line-height: 2;
+            line-height: 1.8;
         }
         /* Bullet Points */
         .content ul {
-            font-size: 50px;
+            font-size: 22px;
             color: #2C3E50;
             padding-left: 30px;
         }
         .content li {
-            margin: 20px 0;
+            margin: 10px 0;
         }
         /* Links */
         .content a {
             color: #1565C0;
             text-decoration: none;
             font-weight: bold;
-            font-size: 40px;
+            font-size: 22px;
         }
         .content a:hover {
             text-decoration: underline;
@@ -64,31 +67,31 @@ st.markdown("""
     </style>
 """, unsafe_allow_html=True)
 
-# Title & Subtitle Section
+# Title & Subtitle
 st.markdown("""
-    <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 class="ml-section medium-font" 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)
 
 # 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(r"E:\innomatics\ML\alite 27\image.png", caption="Exploring the Power of AI and ML", use_container_width=True)
 
 # About Me Section
 st.markdown("""
-    <div class="ml-section">
-        <h2 class="section-title">🧑‍💻 About Me</h2>
-        <p class="content">
+    <div class="ml-section medium-font">
+        <h2>🧑‍💻 About Me</h2>
+        <p>
             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 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">
+        <p><b>Skills:</b> Python, R, SQL, NumPy, Pandas, Power BI, Excel</p>
+        <p><b>Connect with me:</b></p>
+        <ul>
             <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>
@@ -97,10 +100,10 @@ st.markdown("""
 
 # What You'll Learn Section
 st.markdown("""
-    <div class="ml-section">
+    <div class="ml-section medium-font">
         <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">
+        <p>Gain hands-on experience in AI & ML, explore real-world applications, and build impactful projects! 🚀</p>
+        <ul>
             <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>
@@ -112,10 +115,11 @@ st.markdown("""
     </div>
 """, unsafe_allow_html=True)
 
-# Call to Action Section
+# Call to Action
 st.markdown("""
-    <div class="ml-section" style="text-align: center;">
+    <div class="ml-section medium-font" 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>
+        <p>Let's learn, build, and innovate in the world of artificial intelligence together! 🤖</p>
     </div>
 """, unsafe_allow_html=True)
+