resume.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Resume – Keshav Sharma | BCA · Backend & DSA Developer</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            background: #fff;
            color: #1d1d1f;
            line-height: 1.5;
            padding: 40px 24px;
            max-width: 900px;
            margin: 0 auto;
        }
        @media print {
            body { padding: 0; }
            .no-print { display: none; }
            a { color: #1d1d1f; text-decoration: none; }
        }
        a { color: #0071e3; text-decoration: none; }
        a:hover { text-decoration: underline; }
        h1 { font-size: 2.4rem; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 2px; }
        .title { font-size: 1.1rem; color: #474747; margin-bottom: 10px; font-weight: 400; }
        .contact {
            display: flex; flex-wrap: wrap; gap: 16px;
            font-size: 0.9rem; color: #474747; margin-bottom: 24px;
        }
        .contact i { margin-right: 6px; color: #0071e3; width: 16px; text-align: center; }
        .contact a { color: #474747; }
        hr { border: none; border-top: 1px solid #d2d2d7; margin: 20px 0; }

        section { margin-bottom: 24px; }
        h2 {
            font-size: 1.2rem; font-weight: 700; text-transform: uppercase;
            letter-spacing: 1px; color: #0071e3; margin-bottom: 10px;
            border-bottom: 2px solid #0071e3; padding-bottom: 4px;
        }
        .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
        .item { margin-bottom: 14px; }
        .item-header { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; }
        .item-title { font-weight: 700; font-size: 1rem; }
        .item-sub { color: #474747; font-weight: 500; font-size: 0.9rem; }
        .item-date { font-size: 0.85rem; color: #707070; font-weight: 500; }
        .item-desc { font-size: 0.9rem; color: #333; margin-top: 4px; }
        ul { padding-left: 20px; margin-top: 4px; }
        ul li { font-size: 0.9rem; color: #333; margin-bottom: 2px; }

        .skill-list { display: flex; flex-wrap: wrap; gap: 8px; }
        .skill-tag {
            background: #f2f2f7; border: 1px solid #e2e2e5;
            padding: 4px 14px; border-radius: 20px; font-size: 0.8rem; font-weight: 500; color: #1d1d1f;
        }
        .cert-badge { font-weight: 700; color: #0071e3; }
        .footer-note { text-align: center; color: #707070; font-size: 0.75rem; margin-top: 24px; }
        .btn-download {
            display: inline-flex; align-items: center; gap: 8px;
            background: #0071e3; color: #fff; padding: 10px 24px;
            border-radius: 30px; font-weight: 600; font-size: 0.9rem; border: none;
            cursor: pointer; transition: 0.2s; text-decoration: none; margin-bottom: 28px;
        }
        .btn-download:hover { background: #0077ed; text-decoration: none; }
    </style>
</head>
<body>
    <div class="no-print">
        <a href="index.html" style="font-size:0.85rem; color:#0071e3;">← Back to Portfolio</a>
        <button class="btn-download" onclick="window.print();" style="margin-left:20px;">
            <i class="fas fa-download"></i> Print / Save as PDF
        </button>
        <hr>
    </div>

    <h1>Keshav Sharma</h1>
    <p class="title">BCA Graduate | Backend Developer & DSA Specialist</p>
    <div class="contact">
        <span><i class="fas fa-envelope"></i> <a href="mailto:keshav.simple.123@gmail.com">keshav.simple.123@gmail.com</a></span>
        <span><i class="fas fa-phone"></i> +91-XXXXXXXXXX</span>
        <span><i class="fas fa-map-marker-alt"></i> Gurugram, India</span>
        <span><i class="fab fa-linkedin"></i> <a href="https://www.linkedin.com/in/keshav2136/">linkedin.com/in/keshav2136</a></span>
        <span><i class="fab fa-github"></i> <a href="https://github.com/keshav2136">github.com/keshav2136</a></span>
        <span><i class="fas fa-code"></i> <a href="https://leetcode.com/u/keshav2136/">leetcode.com/keshav2136</a></span>
    </div>

    <section>
        <h2>Professional Summary</h2>
        <p style="font-size:0.95rem; color:#1d1d1f;">
            BCA graduate (IMS Noida, CCS University) with strong foundations in <strong>C++, Java, Python, DSA, and OOP</strong>.
            Passionate about building scalable backend systems and solving complex algorithmic problems.
            NPTEL Elite certified in Algorithmic Graph Theory. Actively seeking SDE / Backend roles in product‑based companies.
        </p>
    </section>

    <section>
        <h2>Education</h2>
        <div class="item">
            <div class="item-header">
                <span class="item-title">Bachelor of Computer Applications (BCA)</span>
                <span class="item-date">2022 – 2025</span>
            </div>
            <div class="item-sub">Institute of Management Studies (IMS), Noida – CCS University, Meerut</div>
            <div class="item-desc">Core: Data Structures & Algorithms, Object-Oriented Programming, DBMS, Web Development, OS, Computer Networks</div>
        </div>
    </section>

    <section>
        <h2>Certifications</h2>
        <div class="item">
            <div class="item-header">
                <span class="item-title">NPTEL Elite – Algorithmic Graph Theory & Data Structures</span>
                <span class="item-date">Jan – Apr 2026</span>
            </div>
            <div class="item-sub">IIT Kharagpur (12 weeks) · <span class="cert-badge">Score: 61% (Elite Tier)</span></div>
            <div class="item-desc">942 candidates certified. <a href="https://nptel.ac.in/noc/E_Certificate/NOC26CS08S56240395404601786">Verify credential</a></div>
        </div>
    </section>

    <section>
        <h2>Technical Skills</h2>
        <div class="skill-list">
            <span class="skill-tag">C++ (DSA, Drogon)</span>
            <span class="skill-tag">Java (OOP)</span>
            <span class="skill-tag">Python</span>
            <span class="skill-tag">Django</span>
            <span class="skill-tag">Laravel</span>
            <span class="skill-tag">JavaScript / React</span>
            <span class="skill-tag">HTML5 / CSS3</span>
            <span class="skill-tag">MySQL / SQLite</span>
            <span class="skill-tag">Linux / Ubuntu</span>
            <span class="skill-tag">Git & GitHub</span>
            <span class="skill-tag">System Design Basics</span>
            <span class="skill-tag">OpenCV / AI Basics</span>
        </div>
    </section>

    <section>
        <h2>Projects</h2>
        <div class="item">
            <div class="item-header">
                <span class="item-title">Django Blogs</span>
                <span class="item-date">Jul – Aug 2024</span>
            </div>
            <div class="item-desc">Full-featured blogging platform with user auth, CRUD, admin dashboard. <em>Django, Python, SQLite</em></div>
        </div>
        <div class="item">
            <div class="item-header">
                <span class="item-title">FPV Marketplace (E‑commerce)</span>
                <span class="item-date">Jul 2021 – May 2022</span>
            </div>
            <div class="item-desc">Multi‑vendor drone parts marketplace with listings, messaging, and search. <em>Laravel, PHP, MySQL</em></div>
        </div>
        <div class="item">
            <div class="item-header">
                <span class="item-title">Autonomous Quadcopter</span>
                <span class="item-date">Jan – Aug 2021</span>
            </div>
            <div class="item-desc">Led a team to build self‑navigating drone using computer vision. <em>Python, Arduino, 3D Printing</em></div>
        </div>
        <div class="item">
            <div class="item-header">
                <span class="item-title">Face Recognition System</span>
                <span class="item-date">Oct – Dec 2021</span>
            </div>
            <div class="item-desc">Custom AI/ML model for facial detection. <em>Python, OpenCV</em></div>
        </div>
    </section>

    <section>
        <h2>Experience</h2>
        <div class="item">
            <div class="item-header">
                <span class="item-title">Frontend & PHP Developer</span>
                <span class="item-date">Aug 2023 – Mar 2024</span>
            </div>
            <div class="item-sub">toothzoneaesthetics.in</div>
            <ul>
                <li>Built responsive UI with HTML, CSS, JS and PHP backend integration.</li>
                <li>Optimized SQL queries & PHP scripts improving performance ~30%.</li>
            </ul>
        </div>
        <div class="item">
            <div class="item-header">
                <span class="item-title">Full-Stack Developer (Freelance)</span>
                <span class="item-date">2024 – Present</span>
            </div>
            <ul>
                <li>Delivered Django & Laravel web applications with payment integration.</li>
                <li>Developed multi‑vendor e‑commerce platforms and REST APIs.</li>
            </ul>
        </div>
        <div class="item">
            <div class="item-header">
                <span class="item-title">Open Source Contributor</span>
                <span class="item-date">2023 – Present</span>
            </div>
            <ul>
                <li>Contributed to Python/JavaScript OSS; published 5+ repositories.</li>
            </ul>
        </div>
    </section>

    <section>
        <h2>Problem Solving (LeetCode)</h2>
        <div class="grid-2">
            <div><strong>174</strong> C++ problems · <strong>23</strong> Python · <strong>20</strong> Java</div>
            <div>Contest Rating: <strong>1,603</strong> · Global Rank: <strong>205k</strong> · Max Streak: <strong>109 days</strong></div>
        </div>
    </section>

    <p class="footer-note">References available upon request · Open to full‑time SDE / Backend roles in product‑based companies</p>
</body>
</html>