```html Naveen RM | Portfolio

Hello, I'm Naveen RM

Web Developer & Technology Enthusiast

I design and build modern, responsive websites with clean code and creative solutions.

View My Work

About Me

I am a passionate developer interested in web development, programming, and creating useful digital experiences. I enjoy learning new technologies and improving my skills through real-world projects.

My Skills

HTML

Creating structured and semantic web pages.

CSS

Designing beautiful and responsive interfaces.

JavaScript

Building interactive web applications.

UI Design

Creating simple and user-friendly designs.

My Projects

Personal Portfolio

A professional portfolio website showcasing my skills and projects.

Dashboard Application

A modern dashboard interface with clean layouts and data presentation.

Web Projects

Various learning projects built to improve my development skills.

Contact Me

Email: your-email@example.com

I am available for collaborations, internships, and exciting web development opportunities.

``` Create a `style.css` file: ```css * { margin:0; padding:0; box-sizing:border-box; font-family:"Segoe UI",Arial,sans-serif; } body { background:#f8fafc; color:#1f2937; } header { background:#0f172a; padding:20px 8%; } nav { display:flex; justify-content:space-between; align-items:center; } .logo { color:white; font-size:25px; font-weight:bold; } nav ul { display:flex; gap:25px; list-style:none; } nav a { color:white; text-decoration:none; } .hero { min-height:80vh; display:flex; align-items:center; justify-content:center; text-align:center; padding:30px; background:linear-gradient(135deg,#2563eb,#7c3aed); color:white; } .hero h1 { font-size:50px; } .hero h2 { margin:15px 0; } .hero p { max-width:600px; } .btn { display:inline-block; margin-top:25px; background:white; color:#2563eb; padding:12px 30px; border-radius:30px; text-decoration:none; font-weight:bold; } section { padding:70px 10%; text-align:center; } section h2 { font-size:35px; margin-bottom:25px; } .grid { display:flex; justify-content:center; gap:25px; flex-wrap:wrap; } .card { background:white; width:280px; padding:30px; border-radius:15px; box-shadow:0 10px 25px rgba(0,0,0,.1); } .card h3 { color:#2563eb; margin-bottom:15px; } footer { background:#0f172a; color:white; text-align:center; padding:20px; } @media(max-width:700px){ nav { flex-direction:column; gap:20px; } .hero h1 { font-size:35px; } } ```