<title>Portfolio</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #84a6e9; }

    header {
        background-color: orange;
        color: #fff;
        text-align: center;
        padding: 2rem 0;
        position: relative; /* Add this */
    }

    .header-content h1 {
      background-image: url(  );
         
     

        font-size: 2.5rem;
        
    }

    /* Add styles for the round profile picture */
    .profile-picture {
        width: 100px; /* Adjust the size as needed */
        height: 100px;
        border-radius: 75%; /* Create a circular shape */
        object-fit: cover; /* To ensure the image fills the circular area */
        position: absolute; /* Add this */
        top: 75px; /* Adjust top position as needed */
        left: 75px; /* Adjust left position as needed */
    }

    nav {
        background-color: red;
        color: #fff;
        text-align: center;
    }

    nav ul {
        list-style-type: none;
        padding: 0;
    }

    nav ul li {
        display: inline;
        margin: 0 20px;
    }

    nav ul li a {
        text-decoration: none;
        color: #fff;
    }

    .section-content {
        background-color: #fff;
        padding: 2rem;
        margin: 1rem;
        border-radius: 20px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        text-align: justify;
    }

    .download-button {
        background-color: #333;
        color: #fff;
        padding: 0.5rem 1rem;
        text-decoration: none;
        border-radius: 20px;
        display: inline-block;
        margin-top: 10px;
        align-self: center;
    }

    .download-button:hover {
        background-color: #555;
    }

    footer {
        text-align: center;
        padding: 1rem 0;
        background-color: #333;
        color: #fff;
    }

    ul {
        list-style-type: disc;
        padding-left: 20px;
    }
</style>

SHAM V

B.cs student

<nav>
    <ul>
        <li><a href="#about">About</a></li>
        <li><a href="#education">Education</a></li>
        <li><a href="#skills">Skills</a></li>
        <li><a href="#projects">Projects</a></li>
       
    </ul>
</nav>

<section id="about">
    <div class="section-content">
        <h2>About Me</h2>
        <p>I am Sham .V a passionate B.Sc Cs student at S.I.V.E.T College, currently in my second year. I have a strong foundation in problem-solving and a keen interest in technology and creativity. My leadership skills have helped me manage teams effectively, and I have hands-on experience in short film making, where I bring stories to life through visual 

storytelling. I am always eager to learn, innovate, and take on challenges that push my limits.

    </div>
</section>

<section id="education">
    <div class="section-content">
        <h2>Education</h2>
        <p>B.Sc cs (SIVET college)</p>
    <p>XII (Govt (ADW) Hr.Sec.School)</p>
    <p>XI (Govt (ADW) Hr.Sec.School)</p>
    <p>X (Govt (ADW) Hr.Sec.School)</p>
        
        
    </div>
</section>

<section id="skills">
    <div class="section-content">
        <h2>Skills</h2>
        <ul>
           <li>Python</li>
            <li>c++</li>
            <li>java</li>
            <li>HTML</li>
            <li>CSS</li>
        </ul>
    </div>
</section>

<section id="projects">
    <div class="section-content">
        <h2>Projects</h2>
        <ul>
            <li><a href="#">E Cart website</a></li>
            <li><a href="#">Cloud Security IBM</a></li>
            <li><a href="#">IBM chatbot</a></li>
            <li><a href="#">College Portal</a></li> 
            <li><a href="#">naan mudhalvan</a></li>
            <!-- Add more project links here -->
        </ul>
    </div>
</section>

<section id="resume">

    
    
</section>

<footer>
    <p>&copy; 2025 SHAM V</p>
</footer>

<script>
    // Smooth scrolling to section when clicking on navigation links
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function(e) {
            e.preventDefault();

            const targetId = this.getAttribute('href').substring(1);
            const targetElement = document.getElementById(targetId);

            if (targetElement) {
                window.scrollTo({
                    top: targetElement.offsetTop,
                    behavior: 'smooth'
                });
            }
        });
    });
</script>