My Portfolio</SweathaRamkumar> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; scroll-behavior: smooth; } header { background: #222; color: white; padding: 20px; text-align: center; position: sticky; top: 0; z-index: 1000; } header h1 { margin: 0; } nav { margin-top: 10px; } nav a { color: white; margin: 0 15px; text-decoration: none; font-weight: bold; } nav a:hover { color: #ffeb3b; } section { padding: 60px 20px; max-width: 900px; margin: auto; color: white; } section h2 { text-align: center; margin-bottom: 20px; font-size: 2.2em; } section p { text-align: center; font-size: 1.2em; } /* Section Colors */ #home { background: linear-gradient(135deg, #f6d365, #fda085); } #about { background: linear-gradient(135deg, #84fab0, #8fd3f4); color: #222; } #projects { background: linear-gradient(135deg, #a18cd1, #fbc2eb); } #contact { background: linear-gradient(135deg, #ff9a9e, #fecfef); color: #222; } .projects img { width: 250px; height: auto; margin: 15px; border-radius: 10px; box-shadow: 0 4px 6px rgba(0,0,0,0.3); } footer { background: #222; color: white; text-align: center; padding: 20px; margin-top: 30px; } footer a { color: #00acee; margin: 0 10px; text-decoration: none; } footer a:hover { text-decoration: underline; } </style> </head> <body>  <header> <h1>My Portfolio</h1> <nav> <a href="#home">Home</a> <a href="#about">About</a> <a href="#projects">Projects</a> <a href="#contact">Contact</a> </nav> </header>  <section id="home"> <h2>Welcome</h2> <p>Hi! Welcome to my vibrant portfolio website. Scroll down to explore my work.</p> </section>  <section id="about"> <h2>About Me</h2> <p>Hello! I'm <b>[sweatharamkumar]</b>, a passionate web developer/designer. I love creating modern, responsive websites and applications.</p> <div style="text-align:center;"> <img src="profile.jpg" alt="My Photo" width="200" style="border-radius:50%;"> </div> </section>  <section id="projects" class="projects"> <h2>My Projects</h2> <img src="project1.jpg" alt="Project 1"> <img src="project2.jpg" alt="Project 2"> <img src="project3.jpg" alt="Project 3"> </section>  <section id="contect"> <h2>Contact Me</h2> <p>You can reach me here:</p> <p> 📧 <a href="mailto:sweatharamkumar21@.com">Email Me</a><br> 📸 <a href="https://instagram.com/prety_pinky" target="_blank">Instagram</a> </p> </section>  <footer> <p>© 2025 My Portfolio | Made with ❤️</p> </footer> </body> </html>