File size: 5,209 Bytes
eea8ee1
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
c40fb76
eea8ee1
 
 
 
 
 
 
 
 
 
 
7122486
eea8ee1
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
import streamlit as st

st.set_page_config(
    page_title="HomePage",
    page_icon="πŸš€",
    layout="wide"
)

# Title
st.markdown("""
        <div style="text-align: center; margin-bottom: 20px;">
            <h1 style="color: #880085; font-size: 36px;">Step into the Future with Machine Learning!</h1>
            <h2 style="color: #000080; font-size: 24px;">Start from zero and become a hero! πŸš€πŸ“ˆ</h2>
        </div>""", unsafe_allow_html=True)

# Image
st.image(
        "https://huggingface.co/spaces/LakshmiHarika/MachineLearning/resolve/main/reduced_height_image.png",
        caption="The path to mastering Machine Learning starts here.",
        use_container_width=True)

st.markdown("""
    <div style="text-align: center; margin-top: 40px; padding: 20px; border-radius: 8px; font-family: Arial, sans-serif;">
        <h2 style="color: #c71585; font-size: 28px;">πŸ” What You'll Explore</h2>
        <p style="font-size: 18px; line-height: 1.6; color: #4F4F4F;">
            Embark on your Machine Learning journey! 🌟 This app is your all-in-one resource for mastering AI πŸ€– and data science. 
            Dive into core concepts, gain insights into algorithms, practice with real-world datasets, and build impactful projects 
            to bring AI to life πŸš€.
        </p>
        <ul style="text-align: left; font-size: 18px; line-height: 1.8; color: #4F4F4F;">
            <li><strong>Step-by-Step ML Tutorials</strong>: Understand the fundamentals of ML in an easy-to-follow wayπŸ“–.</li>
            <li><strong>Algorithm Deep-Dives</strong>: Break down popular ML algorithms with clear examples and explanationsπŸ”</li>
            <li><strong>Explore Real-World Datasets</strong>: Get hands-on experience with practical data exploration.πŸ“Š</li>
            <li><strong>Guided Projects</strong>: Work on end-to-end ML projects with structured guidance.πŸ’‘</li>
            <li><strong>Skill Building</strong>: Advance your knowledge with interactive and practical exercises. πŸ› οΈ</li>
        </ul>
    </div>
""", unsafe_allow_html=True)




st.markdown("""
    <div style="text-align: center; margin-top: 40px; padding: 20px; border-radius: 8px; font-family: Arial, sans-serif;">
        <h2 style="color: #c71585; font-size: 28px;">About the Creator πŸ‘¨β€πŸ’»</h2>
        <p style="font-size: 18px; line-height: 1.8; color: #4F4F4F;">
            Hi! I’m Lakshmi Harika, a postgraduate in Statistics with a passion for exploring data science and machine learning. 
            My journey equips me with hands-on experience in Python, SQL, and visualization tools to uncover insights from data.
        </p>
        <ul style="text-align: left; font-size: 18px; line-height: 1.8; color: #4F4F4F; margin-top: 20px;">
            <li><strong>Programming:</strong> Python, R, SQL</li>
            <li><strong>Data Analysis & Visualization:</strong> Numpy, Pandas, PowerBI, Excel</li>
        </ul>
        <div style="margin-top: 20px;">
            <a href="https://www.linkedin.com/in/lakshmiharika34" target="_blank" style="text-decoration: none; color: white; background-color: #0077b5; padding: 10px 15px; border-radius: 5px; margin-right: 10px;">LinkedIn</a>
            <a href="https://medium.com/@harikamunnangi34" target="_blank" style="text-decoration: none; color: white; background-color: #00ab6c; padding: 10px 15px; border-radius: 5px; margin-right: 10px;">Medium</a>
            <a href="https://github.com/lakshmiharikaa34" target="_blank" style="text-decoration: none; color: white; background-color: #333333; padding: 10px 15px; border-radius: 5px;">GitHub</a>
        </div>
    </div>
""", unsafe_allow_html=True)




st.markdown("""
        <div style="text-align: center; margin-top: 40px; padding: 20px; border-radius: 8px; font-family: Arial, sans-serif;">
            <h2 style="color: #c71585; font-size: 28px;">Ready to Dive In? 🌊</h2>
            <p style="font-size: 18px; line-height: 1.8; color: #4F4F4F;">
                Let’s unlock the power of AI and ML together. Dive in and let the journey begin! πŸš€
            </p>
        </div>
    """, unsafe_allow_html=True)



st.markdown(
    """
    <style>
    .stApp {
        background-image: url("https://huggingface.co/spaces/LakshmiHarika/MachineLearning/resolve/main/DALL%C2%B7E%202024-12-03%2023.34.47%20-%20A%20simple%20and%20elegant%20background%20image%20for%20an%20AI-themed%20web%20application.%20The%20background%20should%20feature%20a%20soft%20gradient%20transitioning%20from%20white%20to%20ligh.webp");
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    </style>
    """,
    unsafe_allow_html=True
)




st.markdown("""
    <style>
    body, .stApp {
        color: #4F4F4F; /* Replace with your desired font color */
        background-color: #FFFFFF; /* Optional: Set a fixed background color */
    }
    h1, h2, h3, h4, h5, h6 {
        color: #BB3385; /* Replace with your heading color */
    }
    p {
        color: #4F4F4F; /* Replace with your paragraph text color */
    }
    ul li {
        color: #4F4F4F; /* List item color */
    }
    </style>
""", unsafe_allow_html=True)