HTML FORMS /
Contact Form
/
Group Buttons for Connect us _ Contact us
<!Doctype html> <html> <style> .btn-group button { background-color: #ec291b; border: 1px solid #ffa49d; color: #ffffff; padding: 10px 24px; cursor: pointer; float: left; font-size: 17px; font-weight: 600; } .button-requestdemo { background-color: white; color: black; border: 2px solid #4CAF50; } .button-requestdemo:hover { background-color: #FFC107; color: white; } .button-contactus { background-color: white; color: black; border: 2px solid #008CBA; } .button-contactus:hover { background-color: #FFC107; color: white; /* Clear floats (clearfix hack) */ .btn-group:after { content: ""; clear: both; display: table; } .btn-group button:not(:last-child) { border-right: none; /* Prevent double borders */ } /* Add a background color on hover */ .btn-group button:hover { } </style> <body> <div class="btn-group" style= "transform: rotateZ(270deg); right: 0;top: 240px;position: fixed;;"> <button class="button-requestdemo">Coonect Us</button> <button class="button-contactus">Reuest Demo</button> </div> </body> </html>