### Instruction:
Create a basic HTML layout with a header, navigation, and main content area.

### Response:

    <!DOCTYPE html>
    <html lang='en'>
    <head>
        <meta charset='UTF-8'>
        <meta name='viewport' content='width=device-width, initial-scale=1.0'>
        <title>Random Basic HTML</title>
        <style>
        
        body { font-family: Arial, sans-serif; background-color: #f4f4f4; }
        header { background-color: #333; color: white; padding: 1em; text-align: center; }
        nav { display: flex; justify-content: center; background-color: #444; }
        nav a { color: white; padding: 1em; text-decoration: none; }
        main { padding: 1em; }
        
        </style>
    </head>
    <body>
    
        <header><h1>Welcome to My Website</h1></header>
        <nav><a href='#'>Home</a><a href='#'>About</a><a href='#'>Contact</a></nav>
        <main><p>This is a random basic HTML layout with CSS styling.</p></main>
        
    
    </body>
    </html>
    