<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Game - Tanks 2D</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f0f0f0; color: #333; } nav { background-color: #333; padding: 10px 0; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .logo { margin-left: 20px; } .logo img { max-height: 50px; } nav ul { list-style-type: none; margin: 0; padding: 0; text-align: center; } nav ul li { display: inline; margin-left: 20px; } nav ul li a { color: #fff; text-decoration: none; padding: 10px 20px; transition: background-color 0.3s; } nav ul li a:hover { background-color: #555; } .container { max-width: 800px; margin: 50px auto; text-align: center; } h1 { font-size: 48px; font-weight: bold; margin-bottom: 20px; } img { max-width: 100%; display: block; margin: 0 auto; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin-top: 20px; } </style> </head> <body> <nav> <div class="logo"> <img src="logo.png" alt="Tanki Logo"> </div> <ul> <li><a href="/about">About</a></li> <li><a href="/game">Game</a></li> <li><a href="/link">Link</a></li> </ul> </nav> <div class="container"> <h1>Tanks 2D</h1> <img src="https://img.poki.com/cdn-cgi/image/quality=78,width=314,height=314,fit=cover,f=auto/2fc66b5540735bef2565f422131519d8.png" alt="Tanks 2D"> </div> </body> </html>