<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Hermès Style Header</title> <style> /* Genel stil */ * { margin: 0; padding: 0; box-sizing: border-box; font-family: Arial, sans-serif; } /* Header stil */ header { display: flex; align-items: center; justify-content: space-between; padding: 15px 30px; background-color: #fff; border-bottom: 1px solid #ccc; } /* Logo */ .logo { font-size: 24px; font-weight: bold; color: #333; text-transform: uppercase; } /* Menü */ .menu { display: flex; gap: 20px; } .menu a { text-decoration: none; color: #333; font-size: 16px; font-weight: 500; } .menu a:hover { color: #000; } /* Sağ taraf */ .right-menu { display: flex; gap: 20px; } .right-menu a { text-decoration: none; color: #333; font-size: 16px; font-weight: 500; } </style> </head> <body> <header> <div class="logo">Hermès</div> <nav class="menu"> <a href="#">Home</a> <a href="#">Shop</a> <a href="#">Collections</a> <a href="#">About Us</a> </nav> <div class="right-menu"> <a href="#">Search</a> <a href="#">Account</a> <a href="#">Cart</a> </div> </header> </body> </html>