index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My-Portfolio</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <header>
    <div class="logo" href="#home">Sunil Kumar </div>
    <div class="header-links header-parts">
      <a class="h1" href="#home">Home</a>
      <a class="h2" href="#about">About</a>
      <a class="h3" href="#skills">Skills</a>
      <a class="h4" href="#projects">Projects</a>
      <a class="h5" href="#education">Education</a>
      <a class="h6" href="#contact">Contact</a>
    </div>
  </header>
  <main>
    <!-- Home page-->
    <div id="home" class="home-page">
      <div class="my-photo">
        <img src="assets/SUNIL(AIML).jpg" alt="my-photo">
      </div>
      <div class="home-left">
        <span class="home-left-t1">Hi, I'm Sunil Kumar</span>
        <span class="home-left-t2">Java Full-Stack Developer</span>
        <span class="home-left-t3">Software Engineer with strong Computer Science fundamentals and hands-on experience in Full-Stack Development. Proficient in Core Java, Hibernate, Spring, Spring Boot, JavaScript, React.js, MySQL,
    and MongoDB, with a solid understanding of Object-Oriented Programming, Data Structures, and Database
Management Systems. Experienced in developing responsive web applications, building secure CRUD-based
systems.Demonstrated ability to debug complex issues, collaborate in team environments, and deliver scalable software solutions.
        </span>
        <div class="home-buttons">
          <a href="#projects" class="home-button1 home-button">Explore My Work</a>
          <a href="#contact" class="home-button2 home-button">Get In Touch</a>
        </div>
        <div class="home-icons">
          <div class="home-icon home-icon1">
            <a href="https://www.linkedin.com/in/sunil-kumar-h-b14015351/" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
          </div>
          <div class="home-icon home-icon2">
            <a href="https://github.com/sunilaimlrymec-code" target="_blank"><i class="fa-brands fa-github"></i></a>
          </div>
          <div class="home-icon home-icon4">
            <a href="https://leetcode.com/u/sunilkumar_aiml/" target="_blank">
              <img src="https://upload.wikimedia.org/wikipedia/commons/1/19/LeetCode_logo_black.png" 
     class="fa-icon" width="30">
            </a>
          </div>
        </div>
      </div>
      <div class="home-last">
        <div class="home-last-icon">
          <a href="#about"><i class="fa-solid fa-chevron-down"></i></a>
        </div>
      </div>
    </div>

  <!-- About Page -->
<div id="about" class="about-page">

    <h1 class="about-tag">About Me</h1>

    <div class="about-types">
        <div class="about-paras">

            <p>
                I am an aspiring Java Full-Stack Developer with hands-on experience
                in Core Java, Spring Boot, Hibernate, REST APIs, JavaScript, and
                relational databases. I enjoy building secure, scalable, and
                user-focused applications while applying strong software development
                practices.
            </p>

            <p>
                My technical foundation includes Object-Oriented Programming,
                Data Structures & Algorithms, DBMS, and backend development.
                Through my Java Full-Stack training and projects, I have worked on
                RESTful APIs, authentication and authorization, database integration,
                debugging, testing, and frontend-backend integration.
            </p>

            <p>
                I have built projects such as a Smart Placement Management System
                with JWT authentication, role-based access control, an eligibility
                engine, and 20+ REST APIs, along with an Online Hospital Appointment
                and Doctor Consultation System using Spring Security, Hibernate,
                PostgreSQL, and BCrypt password hashing.
            </p>

            <p>
                I am actively seeking opportunities as a Java Full-Stack Developer,
                Backend Developer, or Software Engineer where I can contribute to
                real-world projects, strengthen my technical skills, and grow as a
                professional developer.
            </p>

            <div class="about-keys">

                <h2>Key Competencies & Achievements</h2>

                <ul>
                    <li>Strong knowledge of Core Java, Spring Boot, Hibernate/JPA, and REST APIs</li>

                    <li>Hands-on experience building full-stack CRUD applications and backend services</li>

                    <li>Experience with JWT authentication, role-based access control, and Spring Security</li>

                    <li>Database experience with MySQL, PostgreSQL, and Oracle SQL</li>

                    <li>Built and tested 20+ REST APIs using Spring Boot</li>

                    <li>Solved 200+ programming problems in Java and SQL</li>

                    <li>Experience with Git, GitHub, Eclipse, VS Code, Postman, and Swagger/OpenAPI</li>

                    <li>Strong problem-solving, debugging, collaboration, and adaptability skills</li>
                </ul>

            </div>

        </div>
    </div>

</div>

   ```html
<!-- Skills Page -->
<div id="skills" class="skills-page">

    <span class="skills-tag">Skills & Tools</span>

    <div class="skill-boxes">

        <!-- Frontend -->
        <div class="box skill-box1">
            <div class="icon icon1">
                <i class="fa-solid fa-code"></i>
            </div>

            <span>Frontend</span>

            <div class="skill-types">
                <p>HTML5</p>
                <p>CSS3</p>
                <p>JavaScript (ES6+)</p>
            </div>
        </div>


        <!-- Java & Backend -->
        <div class="box skill-box2">
            <div class="icon icon2">
                <i class="fa-brands fa-java"></i>
            </div>

            <span>Java & Backend</span>

            <div class="skill-types">
                <p>Core Java</p>
                <p>JDBC</p>
                <p>Hibernate / JPA</p>
                <p>Spring</p>
                <p>Spring Boot</p>
                <p>REST APIs</p>
            </div>
        </div>


        <!-- Databases -->
        <div class="box skill-box3">
            <div class="icon icon3">
                <i class="fa-solid fa-database"></i>
            </div>

            <span>Databases</span>

            <div class="skill-types">
                <p>MySQL</p>
                <p>PostgreSQL</p>
                <p>Oracle SQL</p>
            </div>
        </div>


        <!-- Data Structures -->
        <div class="box skill-box6">
            <div class="icon icon6">
                <i class="fa-solid fa-project-diagram"></i>
            </div>

            <span>Data Structures & Algorithms</span>

            <div class="skill-types">
                <p>Data Structures</p>
                <p>Algorithms</p>
            </div>
        </div>


        <!-- Developer Tools -->
        <div class="box skill-box4">
            <div class="icon icon4">
                <i class="fa-solid fa-screwdriver-wrench"></i>
            </div>

            <span>Developer Tools</span>

            <div class="skill-types">
                <p>Git</p>
                <p>GitHub</p>
                <p>Eclipse</p>
                <p>VS Code</p>
                <p>Postman</p>
                <p>Swagger / OpenAPI</p>
            </div>
        </div>


        <!-- AI Development Tools -->
        <div class="box skill-box5">
            <div class="icon icon5">
                <i class="fa-solid fa-robot"></i>
            </div>

            <span>AI Development Tools</span>

            <div class="skill-types">
                <p>ChatGPT</p>
                <p>Claude</p>
                <p>GitHub Copilot</p>
                <p>Cursor</p>
            </div>
        </div>

    </div>
</div>
```

   ```html
<!-- Project Page -->
<div id="projects" class="project-page">

    <span class="project-tag">Projects</span>

    <div class="project-lists">

        <!-- Smart Placement Management System -->
        <div class="project-box project1">

            <img src="assets/smart_placement.png"
                 alt="Smart Placement Management System">

            <div class="project-data project1-data">

                <span class="pro-t1">
                    Smart Placement Management System
                </span>

                <span class="pro-t2">
                    Developed a full-stack placement management system using
                    Spring Boot, Hibernate, and MySQL with JWT authentication,
                    role-based access control, and an automated eligibility
                    engine for matching students with suitable companies.
                </span>

                <ul>
                    <li>Java</li>
                    <li>Spring Boot</li>
                    <li>Hibernate / JPA</li>
                    <li>MySQL</li>
                    <li>JWT</li>
                    <li>Spring Security</li>
                    <li>REST APIs</li>
                    <li>Swagger / OpenAPI</li>
                    <li>Postman</li>
                </ul>

                <div class="project-buttons">

                    <button class="project-button1">
                        <a href="https://github.com/sunilaimlrymec-code/smart_placement_mangement"
                           target="_blank">
                            GitHub
                        </a>
                    </button>

                    <button class="project-button2">
                        <a href="studycase1.html">
                            Case Study
                        </a>
                    </button>

                </div>

            </div>
        </div>


        <!-- Hospital Appointment System -->
        <div class="project-box project2">

            <img src="assets/Hospital.png"
                 alt="Online Hospital Appointment Doctor Consultation System">

            <div class="project-data project2-data">

                <span class="pro-t1">
                    Online Hospital Appointment & Doctor Consultation System
                </span>

                <span class="pro-t2">
                    Built a full-stack healthcare application for patient and
                    doctor management, appointment scheduling, dashboards, and
                    telemedicine services with secure authentication and
                    PostgreSQL database integration.
                </span>

                <ul>
                    <li>Java</li>
                    <li>Spring Boot</li>
                    <li>Spring Security</li>
                    <li>Hibernate / JPA</li>
                    <li>PostgreSQL</li>
                    <li>BCrypt</li>
                    <li>REST APIs</li>
                </ul>

                <div class="project-buttons">

                    <button class="project-button1">
                        <a href="https://github.com/sunilaimlrymec-code/Online-Hospital-Appointment-Doctor-Consultation-System"
                           target="_blank">
                            GitHub
                        </a>
                    </button>

                    <button class="project-button2">
                        <a href="studycase2.html">
                            Case Study
                        </a>
                    </button>

                </div>

            </div>
        </div>

    </div>
</div>
```


    <!-- Education -->
<div class="education-page" id="education">
  <p class="education-tag">Education</p>

  <div class="education-lists">

    <div class="education-box education-box1">
      <div class="ed-year">
        <span class="dept">B.E. in Artificial Intelligence & Machine Learning</span>
        <span class="year">2022 - 2026</span>
      </div>
      <span class="college">Rao Bahadur Y Mahabaleshwarappa Engineering College (VTU)</span>
      <span class="address">Ballari, Karnataka, India</span>
      <span class="perc">Percentage: 81%</span>
    </div>

    <div class="education-box education-box2">
      <div class="ed-year">
        <span class="dept">Pre-University (PCMB)</span>
        <span class="year">2020 - 2022</span>
      </div>
      <span class="college">Pupil Tree PU College</span>
      <span class="address">Ballari, Karnataka, India</span>
      <span class="perc">Percentage: 71.3%</span>
    </div>

    <div class="education-box education-box3">
      <div class="ed-year">
        <span class="dept">Secondary School Leaving Certificate (SSLC)</span>
        <span class="year">2020</span>
      </div>
      <span class="college">Sri Vasavi Vidyalaya</span>
      <span class="address">Ballari, Karnataka, India</span>
      <span class="perc">Percentage: 91.63%</span>
    </div>

  </div>
</div>

 ```html
<!-- Certificates -->

<div class="certicates-page">

    <h1 class="certi-tag">Certificates</h1>

    <div class="certi-types">

        <!-- Oracle Java Foundations -->
        <div class="certi-box box1">

            <span class="c1">
                Oracle Java Foundations
            </span>

            <span class="c2">
                Training and Assessment – Oracle
            </span>

        </div>


        <!-- Java Full-Stack Development -->
        <div class="certi-box box3">

            <span class="c1">
                Java Full-Stack Development
            </span>

            <span class="c2">
                JSpiders
            </span>

        </div>

    </div>

</div>
```

  
 ```html
<!-- Contact Page -->

<div class="contact-page" id="contact">

    <h1 class="contact-tag">Get In Touch</h1>

    <div class="contact-types">

        <p class="contact-text">
            I am currently looking for opportunities as a Java Full-Stack
            Developer, Backend Developer, or Software Engineer.

            <br><br>

            If you are a recruiter, hiring manager, or developer interested
            in discussing opportunities or collaboration, feel free to reach out.
        </p>


        <div class="contact-middle-types">

            <!-- Email -->
            <div class="contact-middle">

                <div class="contact-icon1">
                    <i class="fa-solid fa-envelope"></i>
                </div>

                <div class="contact-deta">

                    <span class="contact-text1">
                        Email
                    </span>

                    <span class="contact-text2">
                        <a href="mailto:sunil.aiml.rymec@gmail.com"
                           style="color:white; text-decoration:none;">
                            sunil.aiml.rymec@gmail.com
                        </a>
                    </span>

                </div>

            </div>


            <!-- Phone -->
            <div class="contact-middle">

                <div class="contact-icon2">
                    <i class="fa-solid fa-phone"></i>
                </div>

                <div class="contact-deta">

                    <span class="contact-text1">
                        Phone
                    </span>

                    <span class="contact-text2">
                        <a href="tel:+919902407808"
                           style="color:white; text-decoration:none;">
                            +91 9902407808
                        </a>
                    </span>

                </div>

            </div>

        </div>


        <!-- Social Links -->

        <div class="contact-last">

            <div class="contact-last-butt">

                <a href="https://www.linkedin.com/in/sunil-kumar-h-b14015351/"
                   target="_blank"
                   rel="noopener noreferrer"
                   class="linkedlist-button">
                    LinkedIn
                </a>

                <a href="https://github.com/sunilaimlrymec-code"
                   target="_blank"
                   rel="noopener noreferrer"
                   class="github-buuton">
                    GitHub
                </a>

            </div>

        </div>

    </div>

</div>


</main>

<footer>
    <span>
        © 2026 Sunil Kumar H. All rights reserved.
    </span>
</footer>

</body>
</html>
```