Lifestyle<Events <style> .background-image { background-image:url('https://www.w3schools.com/w3images/lights.jpg'); height: 100vh; background-size: cover; display: flex; justify-content: center; align-items: center; color: white; text-align: center; } </style> <link rel="stylesheet" type="text/css" href="styles.css"><- </head> <body> <nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="lifestyle.html">Lifestyle</a></li> <li><a href="events.html">Events</a></li> <li><a href="travel.html">Travel</a></li> </ul> </nav> <div class="background-image"> <h1>Welcome to the Events Section <p>Discover upcoming events and activities. </div>> </body> </html>