CINXE.COM
Index page | Example of extending blocks
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Index page | Example of extending blocks</title> <!-- Iclude any head elements here--> <!-- include partials/head--> <script src="https://ok1static.oktacdn.com/assets/js/sdk/okta-signin-widget/2.14.0/js/okta-sign-in.min.js"></script> <link href="css/main-login.css" rel="stylesheet"> </head> <body> <div class="main-wrapper"> <header> <div class="login-header"> <div class="top"><a href="http://www.metrolinx.com/en/default.aspx"><img class="logo" src="./assets/mx-wordmark.png" alt="metrolinx logo"></a></div> </div> </header> <main> <div class="login-flex"> <div class="login-img"><img src="./assets/remote_access_img.png" alt="metrolinx employees"></div> <div class="login-form"> <h2>Remote Access Portal <br/>for Metrolinx Employees</h2> <hr class="heading-hr"> <p>This portal provides our employees with a convenient and secure way to access information from outside of the Metrolinx network.</p> <p>What service(s) can be accessed through this portal? The following services can be accessed through this portal: <strong>Office 365</strong>, <strong>HR Self-Service</strong>, <strong>Planning @ Work</strong> and <strong>Metrolinx University (MXU)</strong>.</p> <!--<p>As part of our enhanced security protocols to keep your information safe, after clicking the “log-in” button below, you will be taken to a second log-in page and promoted to enter your Metrolinx ID and Password. After logging in and selecting your service destination, please have your mobile device available as you will receive an SMS (text) message to enable authentication of your account. A one-time passcode will be sent to your mobile phone number you entered. Simply click “Send code,” and enter this code in the required field in the portal once you receive it on your mobile phone for verification purposes and to continue to your destination.</p>--> <!-- <div id="widget-container"></div> --> <a href="#" class="button button-primary" id="button-login">Log In</a> <p class="okta-issue">Technical issues? If you are having difficulty accessing this portal, please contact the Business Technology Service Desk.</p><!--at 416.202.5000.--> </div> </div> <div class="faq-wrapper"> <h2>Frequently Asked Questions</h2> <hr class="heading-hr"> <h4>Who can access this portal?</h4> <hr class="blade-hr"> <p>Current Metrolinx employees (those in full-time or part-time positions) can access this portal.</p> <h4>Signing into this portal for the first time? Here's what you need to know.</h4> <hr class="blade-hr"> <!--Your first time logging into HR Self-Service must be done before Friday, September 20, 2019. After this period, you will be required to contact the I&IT Service Desk at 416.202.5000 to request access.<br/><br/> As part of our enhanced security protocols to keep your information safe, and complete the registration process, please have your mobile device available as you will receive an SMS (text) message to enable authentication of your account. A one-time passcode will be sent to the mobile phone number you entered. Simply click “Send code,” and enter this code in the required field in the portal once you receive it on your mobile phone for verification purposes and to continue to your destination.<br /><br /> --> <p> Please contact the Business Technology Service Desk to request access.<br /><br /> Don't forget to bookmark or save the links for future access to these services.<br /><br /> Have questions? Metrolinx employees are encouraged to contact the Business Technology Service Desk.<br /><br /> <em>For safety and security reasons, once you are finished using these services, please ensure you log out and close all browser windows.</em> </p> </div> </main> <footer> <div class="footer-wrapper"> <div class="footer-links"><a href="http://www.metrolinx.com/en/aboutus/privacy.aspx">Privacy</a><a href="http://www.metrolinx.com/en/aboutus/terms_conditions.aspx">Terms & Conditions</a></div> </div> <div class="copyright-wrapper"> <div class="copyright"><a href="#"><img src="./assets/arrow-top-footer.png" alt="up arrow"></a> <div>Copyright © Metrolinx 2019</div> </div> <p class="contact-info">97 Front Street West, Toronto, ON M5J 1E6, Phone: 416-874-5900</p> </div> <script src="./javascript/okta.js"></script> </footer> </div> </body> </html>