Code Editor for app.py

import streamlit as st

# Custom CSS to inject
st.markdown("""
<style>
    /* Custom theme colors */
    :root {
        --primary-color: #8A2BE2;  /* Purple */
        --secondary-color: #50C878;  /* Green */
        --background-color: #F5F5F5;
        --text-color: #333333;
    }
    
    /* Main container styling */
    .main {
        background-color: var(--background-color);
        padding: 2rem;
    }
    
    /* Custom styles for headers */
    h1, h2, h3 {
        color: var(--primary-color);
        margin-bottom: 1rem;
    }
    
    /* Custom container styles */
    .stMarkdown {
        background-color: white;
        padding: 1.5rem;
        border-radius: 10px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        margin-bottom: 1.5rem;
    }
    
    /* Button styling */
    .stButton button {
        background-color: var(--primary-color);
        color: white;
        border: none;
        padding: 0.5rem 1rem;
        border-radius: 5px;
        transition: background-color 0.3s;
    }
    
    .stButton button:hover {
        background-color: var(--secondary-color);
    }
</style>
""", unsafe_allow_html=True)

# Header Section
st.title("Jane Doe")
st.subheader("Full Stack Developer")

# About Me Section
st.header("About Me")
st.write("""
I'm a passionate full stack developer with expertise in Python, JavaScript, and cloud technologies.
With 5+ years of experience building scalable web applications and solving complex problems,
I strive to create elegant solutions that make a difference.
""")

# Skills Section
st.header("Skills")
col1, col2, col3 = st.columns(3)

with col1:
    st.markdown("### Frontend")
    st.write("- HTML/CSS")
    st.write("- JavaScript")
    st.write("- React")
    st.write("- Vue.js")

with col2:
    st.markdown("### Backend")
    st.write("- Python")
    st.write("- Node.js")
    st.write("- Django")
    st.write("- Flask")

with col3:
    st.markdown("### Other")
    st.write("- AWS")
    st.write("- Docker")
    st.write("- Git")
    st.write("- SQL")

# Projects Section
st.header("Projects")

# Project 1
st.markdown("""
### E-commerce Platform
Built a full-stack e-commerce platform using React, Node.js, and MongoDB.
Features include user authentication, product management, and payment integration.
""")

# Project 2
st.markdown("""
### Task Management App
Developed a collaborative task management application using Vue.js and Django.
Implemented real-time updates using WebSockets.
""")

# Project 3
st.markdown("""
### Data Analytics Dashboard
Created a responsive dashboard for visualizing business metrics using Python and Streamlit.
Integrated multiple data sources and implemented advanced filtering capabilities.
""")

# Contact Section
st.header("Contact")
st.write("📧 jane.doe@email.com")
st.write("🔗 linkedin.com/in/janedoe")
st.write("💻 github.com/janedoe")

# Contact Form
st.markdown("### Get in Touch")
name = st.text_input("Name")
email = st.text_input("Email")
message = st.text_area("Message")
if st.button("Send Message"):
    st.success("Thanks for reaching out! I'll get back to you soon.")