Create Home_page.py

Home_page.py

@@ -0,0 +1,130 @@
+import streamlit as st
+
+# Configure Streamlit Page
+st.set_page_config(page_title="AI & ML Innovation Hub", page_icon="🤖", layout="wide")
+
+# Custom CSS for Styling
+st.markdown("""
+    <style>
+        /* Background Gradient for Sections */
+        .ml-section {
+            background: linear-gradient(to right, #E1F5FE, #FCE4EC);
+            padding: 25px;
+            border-radius: 12px;
+            box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.1);
+        }
+        /* Title Styling */
+        .main-title {
+            text-align: center;
+            color: #D81B60; /* Pink */
+            font-size: 60px;
+            font-weight: bold;
+        }
+        /* Subtitle */
+        .sub-title {
+            text-align: center;
+            color: #283593; /* Dark Blue */
+            font-size: 50px;
+            font-weight: bold;
+        }
+        /* Section Titles */
+        .section-title {
+            color: #9C27B0; /* Purple */
+            font-size: 55px;
+            font-weight: bold;
+            margin-bottom: 12px;
+        }
+        /* Paragraph Content */
+        .content {
+            font-size: 50px;
+            color: #2C3E50;
+            line-height: 2;
+        }
+        /* Bullet Points */
+        .content ul {
+            font-size: 50px;
+            color: #2C3E50;
+            padding-left: 30px;
+        }
+        .content li {
+            margin: 20px 0;
+        }
+        /* Links */
+        .content a {
+            color: #1565C0;
+            text-decoration: none;
+            font-weight: bold;
+            font-size: 40px;
+        }
+        .content a:hover {
+            text-decoration: underline;
+            color: #D81B60;
+        }
+    </style>
+""", unsafe_allow_html=True)
+
+# Title & Subtitle
+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)
+
+# Display Image
+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 style="background-color: #F5F5F5; padding: 15px; border-radius: 10px;">
+        <h2 style="font-size: 22px;">🧑‍💻 About Me</h2>
+        <p style="font-size: 22px;">
+            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'>
+            <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>
+    </div>
+""", 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>
+        <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'>
+            <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>
+            <li>📊 <b>Feature Engineering & Data Preprocessing:</b> Discover techniques to clean and transform data for better model accuracy.</li>
+            <li>📈 <b>Exploratory Data Analysis (EDA):</b> Master data visualization, outlier detection, and pattern identification.</li>
+            <li>🤖 <b>Building & Evaluating ML Models:</b> Master model training, validation, and performance metrics.</li>
+            <li>🚀 <b>End-to-End AI Projects:</b> Work on real-world applications.</li>    
+        </ul>
+    </div>
+""", unsafe_allow_html=True)
+
+
+# Call to Action
+st.markdown("""
+    <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)