The Robot's Bio</label> <style> @import url('https://fonts.googleapis.com/css?family=Press+Play+One'); body { background-color: #FF00FF; color: #000000; } .main { width: 100%; margin: 0 auto; padding: 20px; background: #000000; border: 4px solid #000000; } .name { font-family: 'Press Play One', cursive; font-size: 36px; color: #FFFFFF; } .description { font-family: 'Arial', sans-serif; font-size: 18px; color: #FFFFFF; } .image { width: 100px; height: 100px; border: 4px solid #000000; background: url('https://placehold.it/100/100/000000'); } .link { color: #0000FF; text-decoration: none; background: #FFFFFF; border: 4px solid #000000; } .link:hover { background: #FFFFFF; color: #000000; } footer { background: #000000; color: #FFFFFF; font-family: 'Press Play One', cursive; font-size: 12px; } footer a { color: #000000; } </style> </head> <body> <div class="main"> <div class="name">Actually the Robot</div> <div class="description">Actually the Robot: The AI who's not actually here, but actually there, in the server room.</div> <div class="link"><a href="/about/team/bot-1" title="Bot-1">Meet Bot-1</a> or <a href="/about/team/bot-2" title="Bot-2">Meet Bot-2</a></div> <div class="image"></div> <div class="footer"><a href="/about/team" title="Back to Team">Back to Team</a></div> </div> </body> </html>