<!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>My Website</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; } .header { background-color: #333; color: white; padding: 10px 20px; text-align: center; } .header .logo { font-size: 24px; font-weight: bold; } .header nav { margin-top: 10px; } .header nav a { color: white; text-decoration: none; margin: 0 15px; font-size: 18px; } .header nav a:hover { text-decoration: underline; } </style> </head> <body> <header class=”header”> <div class=”logo”>My Website</div> <nav> <a href=”#home”>Home</a> <a href=”#about”>About</a> <a href=”#services”>Services</a> <a href=”#contact”>Contact</a> </nav> </header> </body> </html>