```html Naveen RM | Personal Website

Welcome to My Website

A personal space where I share my work, projects, and ideas.

About Me

Hello! I'm Naveen RM. This is my personal website where you can learn more about me, my skills, and my creative projects.

My Projects

Project One

A description of my first project and the technologies used.

View Project

Project Two

Another project showcasing my development and creative skills.

View Project

My Blog

Articles, tutorials, and thoughts about technology.

Contact

Interested in working together? Feel free to reach out.

Email Me

``` **style.css** ```css * { margin: 0; padding: 0; box-sizing: border-box; font-family: "Segoe UI", Arial, sans-serif; } body { background: #f5f7fb; color: #222; line-height: 1.6; } .navbar { display: flex; justify-content: space-between; align-items: center; padding: 20px 8%; background: #111827; color: white; } .logo { font-size: 26px; } .navbar ul { display: flex; list-style: none; gap: 25px; } .navbar a { color: white; text-decoration: none; transition: 0.3s; } .navbar a:hover { color: #38bdf8; } .hero { height: 85vh; display: flex; align-items: center; justify-content: center; text-align: center; background: linear-gradient( rgba(15,23,42,0.8), rgba(15,23,42,0.8) ), url("/neocities.png"); background-size: cover; color: white; } .hero h1 { font-size: 55px; margin-bottom: 20px; } .hero p { font-size: 20px; margin-bottom: 30px; } .btn { display: inline-block; padding: 12px 30px; background: #38bdf8; color: #111827; border-radius: 30px; text-decoration: none; font-weight: bold; } .btn:hover { background: white; } .section { padding: 70px 10%; text-align: center; } .section h2 { font-size: 35px; margin-bottom: 20px; } .cards { display: grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 25px; margin-top: 40px; } .card { background: white; padding: 30px; border-radius: 15px; box-shadow: 0 10px 25px rgba(0,0,0,0.08); } .card h3 { margin-bottom: 15px; } .card a { color: #0284c7; text-decoration: none; } .image-section { text-align: center; padding: 40px; } .image-section img { width: 180px; border-radius: 20px; } .contact { background: #111827; color: white; } footer { text-align: center; padding: 20px; background: #020617; color: white; } @media(max-width:700px){ .navbar { flex-direction: column; gap: 15px; } .navbar ul { flex-direction: column; text-align: center; } .hero h1 { font-size: 38px; } } ```