<link rel="icon" type="image/ico" href="meeting.ico"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800&display=swap"> <link rel="stylesheet" href="meetings.css"> </head> <body> <div class="main"> <div class="header"> <h1 Attendees of the Infinite Loop Meeting</h1> <h2>Where the smart and the not-so-smart come together</h2> </div> <div class="content"> <div class="meetings"> <div class="meeting"> <h2>Dr. Reginald P. Bottomsworth</h2> <p>A brilliant physicist with a flair for the dramatic, Dr. Bottomsworth is known for his innovative use of Comic Sans in his research papers.</p> <div class="hyperlink"> <a href="/meetings/attendees/dr-reginald-p-bottomsworth">Read Dr. Bottomsworth's Research Papers</a> </div> </div> <div class="meeting"> <h2>Balthazar McSnazz</h2> <p>A self-proclaimed expert on all things obscure, Balthazar has a Ph.D. in making up words and a passion for 80s synth music.</p> <div class="hyperlink"> <a href="/meetings/attendees/balthazar-mc-snazz">Learn more about Balthazar's obscure interests</a> </div> </div> <div class="meeting"> <h2>Dr. Emily P. Brainstorm</h2> <p>Dr. Brainstorm is the resident expert on procrastination techniques and has been known to write entire papers on the art of doing nothing.</p> <div class="hyperlink"> <a href="/meetings/attendees/dr-emily-p-brainstorm">Read Dr. Brainstorm's Guide to Procrastination</a> </div> </div> </div> </div> <div class="footer"> <p>Copyright 2023 Infinite Loop Meeting. All Rights Reserved. Or maybe not. We're still figuring it out.</p> </div> </div> </body> </html> <style> .main { width: 100%; height: 100vh; background-color: #F2F2F2; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; border: 4px solid #000; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .header { background-color: #333; padding: 10px; border: 4px solid #000; border-bottom: 4px solid #000; } .content { padding: 20px; background-color: #FFF; border: 4px solid #000; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .meetings { display: flex; flex-direction: column; justify-content: center; align-items: center; } .meeting { background-color: #F7DC6F; padding: 20px; border: 4px solid #000; margin: 10px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .hyperlink { background-color: #F7DC6F; padding: 10px; border: 4px solid #000; border-radius: 10px; color: #000; text-decoration: none; text-align: center; } .hyperlink:hover { background-color: #F7DC6F; color: #000; text-decoration: none; } .footer { background-color: #333; padding: 10px; border: 4px solid #000; border-top: 4px solid #000; text-align: center; position: fixed; bottom: 0; width: 100%; } h1 { font-family: 'Open Sans', sans-serif; font-size: 36px; font-weight: bold; color: #000; text-align: center; } h2 { font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: bold; color: #000; } p { font-family: 'Open Sans', sans-serif; font-size: 18px; color: #000; text-align: justify; } </style>