CINXE.COM
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title></title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"> <link href="https://business.richmondchamber.ca:443/cms/css/base" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="/GZContent/MIC/css/mic.less?primary=%23022558&secondary=%23337ab7" /> <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script> <script type="text/javascript"> var containsSimpleLoginError = false; $(document).ready(function () { var loginDiv = document.getElementById("login"); var ssoDiv = document.getElementById("ssoLogin"); if (containsSimpleLoginError) { loginDiv.style.display = "block"; ssoDiv.style.display = "none"; } }); function togglelogin() { var loginDiv = document.getElementById("login"); var ssoDiv = document.getElementById("ssoLogin"); if (loginDiv.style.display === "none") { loginDiv.style.display = "block"; ssoDiv.style.display = "none"; } else { loginDiv.style.display = "none"; ssoDiv.style.display = "block"; } } </script> <style type="text/css"> #mn-content .row { margin-bottom: 0 !important; margin-right: 0; margin-left: 0; display: flex; flex-direction: row; align-items: center; } #mn-content .forgot { display: inline-block; margin-top: 8px; } #mn-content .back { display: inline-block; margin-top: 8px; margin-bottom: 8px; } #mn-content .alt-text { display: inline-block; margin-top: 8px; } #mn-content .hub-login-logo { width: 40%; } #mn-content .hub-login-info { padding-top: 16px; padding-bottom: 16px; width: 60%; } #mn-content .container.sso .hub-login-logo { width: 33%; } #mn-content .container.sso .hub-login-info { width: 67%; } #mn-content .hub-login-info .heading { margin-bottom: 32px; } #mn-content #mn-login { margin-top: 16px; } #mn-content .layout { display: flex; flex-direction: row; justify-content: center; } #mn-content .center { margin: auto; } #mn-content .layout .col-6 { width: 50%; display: flex; flex-direction: column; } #mn-content .layout .fill { flex-grow: 1; } #mn-content .layout .sso { flex-direction: row; align-items: center; } #mn-content .layout .sso .btn-primary { width: 100%; min-height: 40px; white-space: normal; display: flex; align-items: center; justify-content: center; } #mn-content .layout .center .btn-primary { width: 100%; min-height: 40px; white-space: normal; display: flex; align-items: center; justify-content: center; } #mn-content .layout .sso .separator { margin: 0 40px; } #mn-content .btn-sign-in, #mn-content .create-account { display: inline-block; } #mn-content .btn-sign-in { min-width: 100px; } #mn-content .create-account { margin-left: 16px; } @media only screen and (max-width: 600px) { #mn-content .container.sso .hub-login-logo, #mn-content .container.sso .hub-login-info { width: 100%; } #mn-content .mn-login .layout .col-6 { width: 90% !important; display: flex; flex-direction: column; } #mn-content .layout .sso .separator { margin: 10px 40px; } #mn-content .mn-login .layout { flex-direction: column; } #mn-content .mn-login label[for="RememberMe"] { width: auto; } } </style> </head> <body> <div id="mn-content" class="hub-login"> <div class="container"> <div class="hub-login-logo"><img src="https://res.cloudinary.com/micronetonline/image/upload/c_crop,h_233,w_640,x_0,y_0/f_auto/q_auto:best/v1735070101/tenants/fedacd05-7823-4e18-8768-ae3fb8c8ec04/12a786f7344347bf8d68e017540293fb/RCC-100th-Anniversary-Logo-PNG.png" alt="Richmond Chamber of Commerce 100 Year" /></div> <div class="hub-login-info"> <div class="heading"> <h1> <div class="text">Info Hub Login for</div> <div class="text">Richmond Chamber of Commerce</div> </h1> </div> <div class="layout center"> </div> <div> <div class="mn-container mn-login"> <form method="post"> <div class="layout"> <div class="col-6"> <div class="mn-block"> <label for="Username">Username</label> <input tabindex="1" class="form-control mn-form-control" data-val="true" data-val-required="The Username field is required." id="Username" name="Username" required="required" type="text" /> </div> <div class="mn-block"> <label for="Password">Password</label> <input tabindex="2" class="form-control mn-form-control" data-val="true" data-val-required="The Password field is required." id="Password" name="Password" required="required" type="password" /> <a class="forgot" href="/MIC/Forgot">Forgot your Username or Password?</a> </div> <div class="mn-block"> <input tabindex="3" id="RememberMe" name="RememberMe" placeholder="Remember Me" type="checkbox" value="true" /><input name="RememberMe" type="hidden" value="false" /> <label for="RememberMe">Remember Me</label> </div> <div class="row mn-block"> <input tabindex="4" type="submit" class="btn btn-primary btn-sign-in" value="Sign In" /> <div class="create-account"> <div>Don't have an Account?</div> <a href="/MIC/Create">Create One</a> </div> </div> <div class="row mn-block"> <div class="col-sm-12"> <div class="validation-summary-valid" data-valmsg-summary="true"><ul><li style="display:none"></li> </ul></div> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> </body> </html>