<!DOCTYPE html> <html lang='en-us'> <head> <title></title> <meta http-equiv='Content-Type' content='text/html; charset=utf-8' /> <meta name='generator' content='WordPress 6.2' /> <style> body { font-family: 'system-ui'; background-color: #7598d6; }main { display: block; position: relative; margin-top: 8rem; margin-bottom: 4rem; width: 80%; max-width: 900px; margin-left: auto; margin-right: auto; background-color: white; border-radius: 10px; min-height: 700px; } #title { padding: 40px 0 20px 0; text-align: center; font-size: 40px; } nav { background-color: black; color: white; } nav ul { list-style: none; padding-inline-start: 0px; display: flex; justify-content: center; } nav li{ padding: 10px 5px; } nav ul li:first-child{ background-color: #7598d6; } nav ul li:hover{ background-color: #7598d6; } nav a { color: white; text-decoration: none; padding: 20px; } article { padding: 0 20px 20px 20px; } footer { display: inline-block; position: absolute; bottom: 5px; right: 10px; color: #d2d3d4; } @media only screen and (max-device-width: 800px) { main{ width: 95%; margin-top: 1rem; } } </style> </head> <body> <main> <h1 id='title'> Insightful Corner </h1> <header> <nav> <ul> <li><a href='#'>Home</a></li> <li><a href='#'>About</a></li> <li><a href='#'>Contact</a></li> </ul> </nav> </header> <article> <h2>Information</h2> <a href="https://rsx.edu.pl/">rsx</a> <a href="https://eae.edu.pl/">eae</a> <ul> </ul> </article> <footer> </footer> </main> </body></html> 
