<style> /* Styles for the parody page */ * { box-sizing: border-box; } body { background-color: #f0f0f0; font-size: 18px; } p { margin-top: 20px; font-family: Arial, sans-serif; } h1 { font-weight: bold; color: #ff0000; border-bottom: 4px solid #000000; } #header { background-color: #000000; padding: 20px; color: #ffffff; } #header a { color: #ffffff; text-decoration: none; } #header a:hover { color: #ff0000; } .container { width: 800px; margin: 40px auto; background-color: #ffffff; padding: 20px; border: 4px solid #000000; } .parody-content { padding: 20px; } .parody-content p { line-height: 30px; } .parody-content ul { list-style: none; padding: 0; margin: 0; } .parody-content li { margin-bottom: 10px; } </style> </head> <body> <div id="header"> <a href="/subpages/trunk-astrophe">Back to Trunk Astrophe</a> <a href="/subpages/elephant-designs">Elephant Designs</a> <h1>Trunk Astrophe: A Parody</h1> </div> <div class="container"> <p>Trunk Astrophe is a parody page where we explore the absurdity of elephant design.</p> <p>We'll take the most mundane and the most ridiculous and make them into a design style.</p> <ul> <li><a href="/subpages/trunk-astrophe/1">Trunk Astrophe 1: The Trunk of Doom</a></li> <li><a href="/subpages/trunk-astrophe/2">Trunk Astrophe 2: The Trunk of Despair</a></li> <li><a href="/subpages/trunk-astrophe/3">Trunk Astrophe 3: The Trunk of Joy</a></li> </ul> <p>Join us in our quest for the most astrophe design style ever.</p> <p>Subscribe to our newsletter for more astrophe designs.</p> <a href="/newsletter">Subscribe to our newsletter</a> </div> </body> </html> (Note: The parody page is a play on the word "Trunk" and "Catastrophe", with the word "Astrophe" being a made-up word for a fictional design style)