Skip to main content

MontanaWorks Integration


<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//dlicdn.mt.gov/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="//dlicdn.mt.gov/montanaworks/css/montanaworks-alt.css">
<link rel="stylesheet" href="//dlicdn.mt.gov/fontawesome/css/fontawesome-all.min.css">

<!-- Optional Side Menu -->
<link rel="stylesheet" href="//dlicdn.mt.gov/sidr/css/jquery.sidr.bare.css">

<!-- Latest compiled and minified JS -->
<script type="text/javascript" src="//dlicdn.mt.gov/js/jquery1.12.4.min.js"></script>
<script type="text/javascript" src="//dlicdn.mt.gov/bootstrap/js/bootstrap.min.js"></script>

<!-- Optional Side Menu -->
<script type="text/javascript" src="//dlicdn.mt.gov/sidr/js/jquery.sidr.min.js"></script>

Basic Page Markup

							
<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      
      <link rel="stylesheet" href="//dlicdn.mt.gov/bootstrap/css/bootstrap.min.css" type="text/css"/>
      <link rel="stylesheet" href="//dlicdn.mt.gov/montanaworks/css/montanaworks-alt.css" type="text/css"/>
      
      <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
      <!--[if lt IE 9]>
         <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js">
         <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js">
      <![endif]-->
      
      <title>Current Page Title</title>
      
   </head>
   <body class="dashboard">
      <a href="#content" class="sr-only sr-only-focusable">Skip to main content</a>
      
      <section class="container-fluid dli-wrapper">
         <a id="menu-toggle" href="#sidr" class="pull-left"><i class="fas fa-bars"> <span class="hidden-sm hidden-xs hidden-md">Menu</span></a>
         <div class="container">
             <a class="navbar-brand dli-logo" href="http://dli.mt.gov">
               <img src="https://dlicdn.mt.gov/montanaworks/img/dlihorlogo-w.png" alt="Montana Department of Labor & Industry">
             </a>
             <a class="navbar-brand navbar-right mw-logo" href="/">
               <img src="https://dlicdn.mt.gov/montanaworks/img/mw-logo-w.png" alt="MontanaWorks.gov">
             </a>
         </div>
         <div class="pull-right login-btn">
             <ul>
                 <li><a href="https://montanaworks.gov/mw-login"><i class="fas fa-sign-in-alt"></i> Login</a></li>
                 <li><a href="https://montanaworks.gov/mw-register"><i class="fas fa-lock"></i> Register</a></li>
             </ul>
         </div>
      </section>
      
      <div class="container" id="content" tabindex="-1">
	  
         <h1>Page Title</h1>
		 
      </div>
	  
      <nav id="sidr">
	  --Side Menu--
      </nav>
	
      <script type="text/javascript" src="//dlicdn.mt.gov/js/jquery1.12.4.min.js"></script> 
      <script type="text/javascript" src="//dlicdn.mt.gov/bootstrap/js/bootstrap.min.js"></script>
      <script type="text/javascript" src="//dlicdn.mt.gov/sidr/js/jquery.sidr.min.js"></script>
      <script>
          $(function() {
             $('#menu-toggle').sidr();
          });
      </script>
   </body>
</html>