Ninja Gadget: Star 2</star-2.html> <meta name="viewport" content="width=device-width"> <style> body { background-color: #000000; color: #FFFFFF; } h1 { font-family: "Comic Sans", sans-serif; font-size: 24px; color: #FFFFFF; border-bottom: 4px solid #FF0000; } h2 { font-family: "Comic Sans", sans-serif; font-size: 18px; color: #FFD700; } h3 { font-family: "Comic Sans", sans-serif; font-size: 14px; color: #FFD700; } body { background-image: url('ninja-stars.jpg'); background-size: 100px 100px; } #star2 { display: block; background-color: #FFD700; padding: 10px; border: 4px solid #000000; border-radius: 0; box-shadow: 0 0 10px #000000; } #star2:hover { background-color: #FFC000; } #star2:active { background-color: #FFA500; } </style> </head> <body> <div id="star2"> <h1>Ninja Gadget: Star 2</h1> <h2>The Ultimate Throwing Star</h2> <p>This ninja gadget is the perfect addition to any stealthy arsenal.</p> <p>With its sleek, aerodynamic design and razor-sharp star points, you'll be able to take out enemies from a distance without making a sound.</p> <p>Or, you know, just for fun.</p> <h3>Features:</h3> <ul> <li>Sharp star points for maximum stealth</li> <li>Long range, high accuracy</li> <li>Perfect for taking out pesky guards</li> </ul> <a href="/subpages/ninja-gadgets/throwing-stars/star-3">Get your Star 3 today!</a> </div> <div style="background-color: #000000; padding: 10px; text-align: center; border: 4px solid #000000; border-radius: 0;"> <a href="/" style="font-size: 20px;">Return to Ninja Gadget Index</a> </div> </body> </html> Note: The background image for the ninja stars is not provided due to the text-based nature of this interaction, but it's assumed to be a picture of a ninja star with a menacing glow.