<!DOCTYPE html> <html> <head> <style> #adminid{ background-color: lightgrey; width: 300px; padding: 10px; margin: 30px; border: 15px solid green; } #registeredid{ background-color: lightgrey; width: 300px; padding: 10px; margin: 30px; border: 15px solid orange; } #newbusid{ background-color: lightgrey; width: 300px; padding: 10px; margin: 30px; border: 15px solid red; } #guestid{ background-color: lightgrey; width: 300px; padding: 10px; margin: 30px; border: 15px solid blue; } #titleid{ background-color: white; width: 500px; padding: 10px; margin: 30px; border: 15px solid coral; } @media screen and (max-width: 480px) { #adminid, #titleid, #newbusid, #guestid, #registeredid { float: none; width: 100%; } } </style> </head> <body> <div id="titleid"> <h1 style="position: relative;left:100px">Business Registration</h1> </div> <div id="adminid"> <h2>Administrator</h2> <button onclick="">Login</button> </div> <div id="registeredid"> <h2>Registered Business</h2> <button onclick="">Login</button> </div> <div id="newbusid"> <h2>New Business</h2> <button onclick="">Sign up</button> </div> <div id="guestid"> <h2>Guest User</h2> <button onclick="">View page</button> </div> </body> </html>
We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy. Accept Learn more