.elementor-12 .elementor-element.elementor-element-128bacc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-b8c7dc2 */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Purva Naik | Portfolio</title>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Poppins:wght@600;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary: #002D5B; /* Professional Navy */
            --accent: #007BFF;  /* Action Blue */
            --text-dark: #2D3436;
            --text-light: #636E72;
            --bg-light: #F9FAFB;
            --white: #FFFFFF;
        }

        * { box-sizing: border-box; scroll-behavior: smooth; }
        body { font-family: 'Inter', sans-serif; background: var(--bg-light); color: var(--text-dark); margin: 0; line-height: 1.6; }

        /* Navigation */
        nav { 
            background: var(--white); 
            padding: 15px 10%; 
            display: flex; 
            justify-content: space-between; 
            align-items: center;
            position: sticky; 
            top: 0; 
            z-index: 1000; 
            box-shadow: 0 2px 10px rgba(0,0,0,0.05); 
        }
        .logo { font-weight: 700; color: var(--primary); font-family: 'Poppins'; font-size: 1.2rem; }
        .nav-links a { text-decoration: none; color: var(--text-dark); margin-left: 20px; font-weight: 600; font-size: 0.9rem; transition: 0.3s; }
        .nav-links a:hover { color: var(--accent); }

        /* Hero Section */
        header { 
            background: linear-gradient(135deg, var(--primary) 0%, #001529 100%); 
            color: var(--white); 
            padding: 100px 10%; 
            display: flex; 
            align-items: center; 
            gap: 50px; 
            flex-wrap: wrap; 
        }
        .hero-text { flex: 1; min-width: 300px; }
        .hero-img { 
            width: 280px; 
            height: 280px; 
            border-radius: 30px; 
            object-fit: cover; 
            border: 8px solid rgba(255,255,255,0.1); 
            box-shadow: 0 20px 40px rgba(0,0,0,0.4);
        }

        /* Section Styling */
        section { padding: 80px 10%; }
        h2 { font-family: 'Poppins'; font-size: 2.2rem; color: var(--primary); margin-bottom: 40px; position: relative; }
        h2::after { content: ''; width: 60px; height: 4px; background: var(--accent); position: absolute; left: 0; bottom: -10px; }

        /* Cards */
        .info-card { 
            background: var(--white); 
            padding: 35px; 
            border-radius: 15px; 
            margin-bottom: 25px; 
            box-shadow: 0 10px 20px rgba(0,0,0,0.02); 
            border-left: 6px solid var(--primary); 
            transition: 0.3s;
        }
        .info-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.05); }
        .info-card h3 { margin: 0 0 10px 0; color: var(--primary); font-family: 'Poppins'; }
        .meta { color: var(--accent); font-weight: 700; margin-bottom: 15px; display: block; font-size: 0.95rem; }

        /* Skills Grid */
        .skills-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }
        .skill-group { background: var(--white); padding: 30px; border-radius: 15px; box-shadow: 0 4px 6px rgba(0,0,0,0.02); }
        .tag { 
            background: #EBF5FF; 
            color: var(--accent); 
            padding: 8px 16px; 
            border-radius: 8px; 
            display: inline-block; 
            margin: 6px; 
            font-weight: 600; 
            font-size: 0.85rem; 
        }

        /* Award Highlight */
        .award-banner { 
            background: #FFF9E6; 
            border: 2px solid #FFEAA7; 
            padding: 30px; 
            border-radius: 20px; 
            display: flex; 
            align-items: center; 
            gap: 25px; 
            margin-top: 30px; 
        }

        /* Buttons */
        .cta-btn {
            background: var(--accent);
            color: white;
            padding: 15px 35px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 700;
            display: inline-block;
            transition: 0.3s;
            box-shadow: 0 10px 20px rgba(0, 123, 255, 0.2);
        }
        .cta-btn:hover { background: #0056b3; transform: scale(1.05); }

        /* Footer */
        footer { background: var(--primary); color: white; padding: 60px 10%; text-align: center; }

        /* Responsive Mobile Adjustments */
        @media (max-width: 768px) {
            header { text-align: center; justify-content: center; padding: 60px 5%; }
            .hero-img { width: 200px; height: 200px; }
            section { padding: 50px 5%; }
            h2 { font-size: 1.8rem; }
            nav { padding: 15px 5%; }
            .nav-links { display: none; } /* Simplified for mobile */
        }
    </style>
</head>
<body>

<nav>
    <div class="logo">PURVA NAIK</div>
    <div class="nav-links">
        <a href="#about">About</a>
        <a href="#experience">Experience</a>
        <a href="#skills">Skills</a>
        <a href="#education">Education</a>
    </div>
</nav>

<header>
    <div class="hero-text">
        <h1 style="font-family: 'Poppins'; font-size: 3.5rem; margin: 0; line-height: 1.1;">Purva Naik</h1>
        <p style="font-size: 1.3rem; opacity: 0.9; margin: 20px 0 35px 0; font-weight: 300;">
            B.Com Student at K.K. Wagh College | Award-Winning Digital Marketer
        </p>
        <div style="margin-bottom: 30px;">
            <p>📍 Nashik, Maharashtra</p>
            <p>📧 purvanaik2600@gmail.com</p>
        </div>
        <a href="mailto:purvanaik2600@gmail.com" class="cta-btn">Get In Touch</a>
    </div>
    <img src="YOUR_PHOTO_URL_HERE" alt="Purva Naik Professional" class="hero-img">
</header>

<section id="about">
    <h2>About Me</h2>
    <div class="info-card" style="border: none; padding: 0; background: transparent; box-shadow: none;">
        <p style="font-size: 1.1rem; color: var(--text-light);">
            I am a dedicated B.Com student with a strong academic record (9.09 SGPA) and a passion for learning[cite: 7, 9]. My achievements in school and college reflect my commitment to excellence[cite: 10]. I strive to leverage my knowledge in the Commerce sector while participating actively in extracurricular activities[cite: 11]. I am eager to apply my digital marketing skills in a professional setting and contribute positively to any team[cite: 12].
        </p>
    </div>
</section>

<section id="experience" style="background: #F1F3F5;">
    <h2>Work Experience</h2>
    <div class="info-card">
        <h3>Digital Marketing Intern</h3>
        <span class="meta">STAENZ Academy, Nashik | 2025</span>
        <ul style="color: var(--text-light); padding-left: 20px;">
            <li style="margin-bottom: 10px;">**Social Media Management:** Assisted in managing official Instagram and Facebook accounts, boosting engagement through consistent schedules[cite: 18].</li>
            <li style="margin-bottom: 10px;">**Creative Design:** Utilized Canva to design high-quality banners and social media posts aligned with brand guidelines[cite: 19].</li>
            <li style="margin-bottom: 10px;">**SEO & Analytics:** Performed keyword research and competitor analysis to improve organic reach[cite: 20].</li>
            <li style="margin-bottom: 10px;">**Meta Advertising:** Supported the setup and monitoring of Meta Ads campaigns, analyzing performance insights for optimization[cite: 21].</li>
            <li style="margin-bottom: 10px;">**Content Strategy:** Developed engaging captions and website content to improve user experience[cite: 22].</li>
        </ul>
    </div>

    <div class="award-banner">
        <span style="font-size: 3rem;">🏆</span>
        <div>
            <h4 style="margin: 0; color: #D35400; font-size: 1.2rem;">Best Digital Marketing Project Award</h4>
            <p style="margin: 5px 0 0 0; color: #636E72;">Recognized for driving significant engagement and lead growth through a comprehensive digital strategy[cite: 39, 40].</p>
        </div>
    </div>
</section>

<section id="skills">
    <h2>Skills & Expertise</h2>
    <div class="skills-container">
        <div class="skill-group">
            <h3 style="font-size: 1.1rem; margin-bottom: 20px;">🚀 Digital Marketing</h3>
            <div class="tag">SEO (On-page/Local)</div>
            <div class="tag">SMM</div>
            <div class="tag">Meta Ads Manager</div>
            <div class="tag">Website Designing</div>
            <div class="tag">Content Creation</div>
            <div class="tag">Google Business Profile</div>
        </div>
        <div class="skill-group">
            <h3 style="font-size: 1.1rem; margin-bottom: 20px;">🎨 Design & Tools</h3>
            <div class="tag">Canva Pro</div>
            <div class="tag">Basic Video Editing</div>
            <div class="tag">MS Excel (Data Analysis)</div>
            <div class="tag">MS PowerPoint</div>
            <div class="tag">MS Word</div>
        </div>
        <div class="skill-group">
            <h3 style="font-size: 1.1rem; margin-bottom: 20px;">🤝 Soft Skills</h3>
            <div class="tag">Leadership</div>
            <div class="tag">Professional Writing</div>
            <div class="tag">Creativity</div>
            <div class="tag">Time Management</div>
            <div class="tag">Teamwork</div>
        </div>
    </div>
</section>

<section id="education" style="background: #F1F3F5;">
    <h2>Education</h2>
    <div class="info-card">
        <h3>Bachelor of Commerce (B.Com)</h3>
        <span class="meta">K.K. Wagh ACSCS College, Nashik | 9.09 SGPA (FY) [cite: 7]</span>
        <p style="color: var(--text-light); margin: 0;">2020 - 2024</p>
    </div>
    <div class="info-card">
        <h3>HSC (Higher Secondary Certificate)</h3>
        <span class="meta">K.T.H.M. College, Nashik | 86% [cite: 7]</span>
        <p style="color: var(--text-light); margin: 0;">2020 - 2022</p>
    </div>
    <div class="info-card">
        <h3>SSC (Secondary School Certificate)</h3>
        <span class="meta">Rangubai Junnare English Medium | 94% [cite: 7]</span>
        <p style="margin-top: 10px; color: #D35400; font-weight: 700;">⭐ Merit List Holder & Best Student Award (2018-2019) [cite: 35, 36]</p>
    </div>
</section>

<section id="activities">
    <h2>Leadership & Activities</h2>
    <div style="display: flex; gap: 15px; flex-wrap: wrap;">
        <div class="tag" style="background: white; padding: 20px; border: 1px solid #ddd;">School Vice-Captain (Red House)</div>
        <div class="tag" style="background: white; padding: 20px; border: 1px solid #ddd;">Scout & Guide School Camp Volunteer [cite: 37, 38]</div>
        <div class="tag" style="background: white; padding: 20px; border: 1px solid #ddd;">Active Participant in College Competitions</div>
    </div>
</section>

<footer>
    <p style="font-size: 1.8rem; font-family: 'Poppins'; margin-bottom: 10px;">Purva Naik</p>
    <p style="opacity: 0.8;">B.Com Student & Digital Marketer</p>
    <div style="margin: 30px 0;">
        <p>📧 purvanaik2600@gmail.com | 📞 8483XXXXXX3</p>
        <p>English | Hindi | Marathi [cite: 15]</p>
    </div>
    <p style="opacity: 0.5; font-size: 0.8rem; margin-top: 40px;">&copy; 2026 PurvaNaik.com | Designed for Excellence</p>
</footer>

</body>
</html>/* End custom CSS */