<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>htmls</title>
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Place favicon.ico in the root directory -->
<!-- build:css styles/vendor.css -->
<!-- bower:css -->
<!-- endbower -->
<!-- endbuild -->
<!-- build:css styles/main.css -->
<link rel="stylesheet" href="styles/main.css">
<!-- endbuild -->
<!-- build:js scripts/vendor/modernizr.js -->
<script src="/bower_components/modernizr/modernizr.js"></script>
<!-- endbuild -->
</head>
<body>
<!--[if IE]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<!-- SVG -->
<svg version="1.1" id="Layer_1" style="display:none;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 225.1 41" style="enable-background:new 0 0 225.1 41;" xml:space="preserve">
<defs>
<symbol id="arrow-button">
<g>
<polygon class="dark" points="204.2,40.1 204.2,40.1 204.1,40.1" />
<polygon class="dark" points="202.8,20.3 182.9,40.1 0.2,40.1 0.2,0.4 182.9,0.4" />
<polygon class="dark" points="213.7,20.3 193.8,40.1 188.1,40.1 207.9,20.3 188.1,0.4 193.8,0.4" />
<path class="dark" d="M204.2,0.4L204.2,0.4L204.2,0.4z" />
<polygon class="dark" points="224,20.3 204.1,40.1 198.4,40.1 218.3,20.3 198.4,0.4 204.1,0.4" />
<path class="dark" d="M190.9,37.2L190.9,37.2L190.9,37.2z" />
<path class="dark" d="M204.2,40.1L204.2,40.1L204.2,40.1z" />
</g>
<!-- <text transform="matrix(1 0 0 1 16.3457 27.21)" class="arrow-text st1 st2 st3">Learn More</text> -->
</symbol>
<symbol id="arrow-button-bright">
<g>
<polygon class="bright" points="204.2,40.1 204.2,40.1 204.1,40.1" />
<polygon class="bright" points="202.8,20.3 182.9,40.1 0.2,40.1 0.2,0.4 182.9,0.4" />
<polygon class="bright" points="213.7,20.3 193.8,40.1 188.1,40.1 207.9,20.3 188.1,0.4 193.8,0.4" />
<path class="bright" d="M204.2,0.4L204.2,0.4L204.2,0.4z" />
<polygon class="bright" points="224,20.3 204.1,40.1 198.4,40.1 218.3,20.3 198.4,0.4 204.1,0.4" />
<path class="bright" d="M190.9,37.2L190.9,37.2L190.9,37.2z" />
<path class="bright" d="M204.2,40.1L204.2,40.1L204.2,40.1z" />
</g>
</symbol>
</defs>
</svg>
<!-- ********** Header ********** -->
<header>
<!-- ********** Header top bar ********** -->
<section id="info-links" class="d-none d-xl-block">
<h1 class="sr-only">Navigation area</h1>
<div class="content-wrapper">
<div class="d-flex align-items-center">
<!-- ********** Header top bar Left ********** -->
<div class="flex-grow-1">
<p class="mb-0">1.800.667.5557 | CustomerService@EnergySafetyCanada.com</p>
</div>
<!-- ********** End Header top bar Left ********** -->
<!-- ********** Header top bar right ********** -->
<div class="ml-auto">
<nav class="auxiliary-menu" role="navigation">
<ul class="mb-0">
<li><a href="#">About</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">Store</a></li>
</ul>
<a href="#" class="p-0"><img class="cart-icon" src="images/Cart.svg" alt="shopping cart"></a>
</nav>
</div>
<!-- ********** End Header top bar right ********** -->
</div>
</div>
</section>
<!-- ********** End Header top bar ********** -->
<!-- ********** Header top bar ********** -->
<nav class="navbar navbar-light navbar-expand-lg main-navbar content-wrapper" role="navigation">
<!-- ********** brand logo ********** -->
<a class="navbar-brand " href="index.html">
<img class="logo" src="images/Logo.svg" alt="logo">
</a>
<!-- ********** End brand logo ********** -->
<div class="d-flex right-side">
<!-- ********** Search bar ********** -->
<div class="search order-lg-2 d-flex align-items-center"><a class="nav-link" href="#"><img src="images/svg/Search.svg" class="img-fluid"></a></div>
<!-- ********** End Search bar ********** -->
<!-- ********** menu toggle icon ********** -->
<button class="navbar-toggler order-lg-1" type="button" data-toggle="collapse" data-target="#navbar-mobile" aria-controls="navbar-mobile" aria-expanded="false" aria-label="Toggle navigation">
<!-- <span class="toggler-icon"></span> -->
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- ********** menu toggle icon ********** -->
<div class="collapse navbar-collapse priamry-menu_js ">
<ul class="navbar-nav center-v">
<li class="nav-item">
<a href="#"><div class="icon-placeholder"><img src="images/traning.png" class="img-fluid" />
</div>
Training</a>
<!-- Mega menu for the training -->
<div class="submenu">
<div class="container p-4">
<div class="row">
<div class="col-sm-3">
<h3><a href="#" class="btn btn-primary">COURSES</a></h3>
<ul class="after-border p-2">
<li><a href="#">Typeas of courses</a></li>
<li><a href="#">OSSA Courses</a></li>
<li><a href="#">New to Industry</a></li>
<li><a href="#">Find an authorized Training Provider</a></li>
</ul>
</div>
<div class="col-sm-3">
<h3><a href="#" class="btn btn-primary">rEGISTRATION & CERTIFICATES</a></h3>
<ul class="after-border p-2">
<li><a href="#">Registration Process</a></li>
<li><a href="#">Validate Certificate/card</a></li>
<li><a href="#">Replace Certificate/card</a></li>
</ul>
</div>
<div class="col-sm-3">
<h3><a href="#" class="btn btn-primary">INSTRUCTION & TRAINING PROVIDERS</a></h3>
<ul class="p-2">
<li><a href="#">Become an Instructor</a></li>
<li><a href="#">Become a Traning Provider</a></li>
<li><a href="#">Resources for OSSA Providers</a></li>
<li><a href="#">OSSA Provider FAQ</a></li>
</ul>
</div>
<div class="col-sm-3">
<img src="images/menu-img.jpg" class="img-fluid">
</div>
</div>
</div>
</div>
<!-- Mega menu for the training -->
</li>
<li class="nav-item">
<a href="#"><div class="icon-placeholder"><img src="images/resources.png" class="img-fluid" />
</div>
Resources & Data</a>
<!-- Mega menu for the training -->
<div class="submenu">
<div class="container p-4">
<div class="row">
<div class="col-sm-3">
<h3><a href="#" class="btn btn-primary">COURSES</a></h3>
<ul class="after-border p-2">
<li><a href="#">Typeas of courses</a></li>
<li><a href="#">OSSA Courses</a></li>
<li><a href="#">New to Industry</a></li>
<li><a href="#">Find an authorized Training Provider</a></li>
</ul>
</div>
<div class="col-sm-3">
<h3><a href="#" class="btn btn-primary">rEGISTRATION & CERTIFICATES</a></h3>
<ul class="after-border p-2">
<li><a href="#">Registration Process</a></li>
<li><a href="#">Validate Certificate/card</a></li>
<li><a href="#">Replace Certificate/card</a></li>
</ul>
</div>
<div class="col-sm-3">
<h3><a href="#" class="btn btn-primary">INSTRUCTION & TRAINING PROVIDERS</a></h3>
<ul class="p-2">
<li><a href="#">Become an Instructor</a></li>
<li><a href="#">Become a Traning Provider</a></li>
<li><a href="#">Resources for OSSA Providers</a></li>
<li><a href="#">OSSA Provider FAQ</a></li>
</ul>
</div>
<div class="col-sm-3">
<img src="images/menu-img.jpg" class="img-fluid">
</div>
</div>
</div>
</div>
<!-- Mega menu for the training -->
</li>
<li class="nav-item">
<a href="#"><div class="icon-placeholder"><img src="images/standards.png" class="img-fluid" />
</div>
Standards</a>
<!-- Mega menu for the training -->
<div class="submenu">
<div class="container p-4">
<div class="row">
<div class="col-sm-3">
<h3><a href="#" class="btn btn-primary">COURSES</a></h3>
<ul class="after-border p-2">
<li><a href="#">Typeas of courses</a></li>
<li><a href="#">OSSA Courses</a></li>
<li><a href="#">New to Industry</a></li>
<li><a href="#">Find an authorized Training Provider</a></li>
</ul>
</div>
<div class="col-sm-3">
<h3><a href="#" class="btn btn-primary">rEGISTRATION & CERTIFICATES</a></h3>
<ul class="after-border p-2">
<li><a href="#">Registration Process</a></li>
<li><a href="#">Validate Certificate/card</a></li>
<li><a href="#">Replace Certificate/card</a></li>
</ul>
</div>
<div class="col-sm-3">
<h3><a href="#" class="btn btn-primary">INSTRUCTION & TRAINING PROVIDERS</a></h3>
<ul class="p-2">
<li><a href="#">Become an Instructor</a></li>
<li><a href="#">Become a Traning Provider</a></li>
<li><a href="#">Resources for OSSA Providers</a></li>
<li><a href="#">OSSA Provider FAQ</a></li>
</ul>
</div>
<div class="col-sm-3">
<img src="images/menu-img.jpg" class="img-fluid">
</div>
</div>
</div>
</div>
<!-- Mega menu for the training -->
</li>
<li class="nav-item">
<a href="#"><div class="icon-placeholder"><img src="images/cor.png" class="img-fluid" />
</div>
COR</a>
<!-- Mega menu for the training -->
<div class="submenu">
<div class="container p-4">
<div class="row">
<div class="col-sm-3">
<h3><a href="#" class="btn btn-primary">COURSES</a></h3>
<ul class="after-border p-2">
<li><a href="#">Typeas of courses</a></li>
<li><a href="#">OSSA Courses</a></li>
<li><a href="#">New to Industry</a></li>
<li><a href="#">Find an authorized Training Provider</a></li>
</ul>
</div>
<div class="col-sm-3">
<h3><a href="#" class="btn btn-primary">rEGISTRATION & CERTIFICATES</a></h3>
<ul class="after-border p-2">
<li><a href="#">Registration Process</a></li>
<li><a href="#">Validate Certificate/card</a></li>
<li><a href="#">Replace Certificate/card</a></li>
</ul>
</div>
<div class="col-sm-3">
<h3><a href="#" class="btn btn-primary">INSTRUCTION & TRAINING PROVIDERS</a></h3>
<ul class="p-2">
<li><a href="#">Become an Instructor</a></li>
<li><a href="#">Become a Traning Provider</a></li>
<li><a href="#">Resources for OSSA Providers</a></li>
<li><a href="#">OSSA Provider FAQ</a></li>
</ul>
</div>
<div class="col-sm-3">
<img src="images/menu-img.jpg" class="img-fluid">
</div>
</div>
</div>
</div>
<!-- Mega menu for the training -->
</li>
<li class="nav-item">
<a href="#"><div class="icon-placeholder"><img src="images/news_&_events.png" class="img-fluid" />
</div>
News & Events</a>
<!-- Mega menu for the training -->
<div class="submenu">
<div class="container p-4">
<div class="row">
<div class="col-sm-3">
<h3><a href="#" class="btn btn-primary">COURSES</a></h3>
<ul class="after-border p-2">
<li><a href="#">Typeas of courses</a></li>
<li><a href="#">OSSA Courses</a></li>
<li><a href="#">New to Industry</a></li>
<li><a href="#">Find an authorized Training Provider</a></li>
</ul>
</div>
<div class="col-sm-3">
<h3><a href="#" class="btn btn-primary">rEGISTRATION & CERTIFICATES</a></h3>
<ul class="after-border p-2">
<li><a href="#">Registration Process</a></li>
<li><a href="#">Validate Certificate/card</a></li>
<li><a href="#">Replace Certificate/card</a></li>
</ul>
</div>
<div class="col-sm-3">
<h3><a href="#" class="btn btn-primary">INSTRUCTION & TRAINING PROVIDERS</a></h3>
<ul class="p-2">
<li><a href="#">Become an Instructor</a></li>
<li><a href="#">Become a Traning Provider</a></li>
<li><a href="#">Resources for OSSA Providers</a></li>
<li><a href="#">OSSA Provider FAQ</a></li>
</ul>
</div>
<div class="col-sm-3">
<img src="images/menu-img.jpg" class="img-fluid">
</div>
</div>
</div>
</div>
<!-- Mega menu for the training -->
</li>
</ul>
</div>
<div class="d-flex align-items-center order-lg-3">
<button href="#" class="d-none d-lg-block btn btn-primary standard-button " role="button">
Log In
</button>
</div>
</div>
</nav>
<div class="d-lg-none collapse mobile-menu" id="navbar-mobile">
<div class="mobile-menu_top">
<ul>
<li class="primar-menu-btn">
<a href="#">
<div class="icon-placeholder">
<svg xmlns:x="http://ns.adobe.com/Extensibility/1.0/" xmlns:i="http://ns.adobe.com/AdobeIllustrator/10.0/" xmlns:graph="http://ns.adobe.com/Graphs/1.0/" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" version="1.1" id="Layer_1" x="0px" y="0px" width="432px" height="432px" viewBox="144.5 1260.5 432 432" enable-background="new 144.5 1260.5 432 432" xml:space="preserve">
<switch>
<foreignObject requiredExtensions="http://ns.adobe.com/AdobeIllustrator/10.0/" x="0" y="0" width="1" height="1">
<i:pgfRef xlink:href="#adobe_illustrator_pgf">
</i:pgfRef>
</foreignObject>
<g i:extraneous="self">
<path fill="#CDDB00" d="M362.103,1431.1c-25.638,0-45.935,20.296-45.935,45.935s20.297,45.935,45.935,45.935 c25.637,0,45.934-20.296,45.934-45.935C408.036,1452.464,386.672,1431.1,362.103,1431.1 M362.103,1538.992 c-34.185,0-61.958-27.774-61.958-61.958s27.774-61.958,61.958-61.958c34.184,0,61.958,27.774,61.958,61.958 S396.286,1538.992,362.103,1538.992 M301.212,1581.723c3.204,0,7.477,1.068,9.614,2.137l11.751,4.273 c8.545,3.203,16.023,12.818,16.023,22.433v26.706c0,2.137,1.068,3.205,3.205,3.205h40.594c2.137,0,3.205-1.068,3.205-3.205 v-26.706c0-9.614,6.408-19.229,16.023-22.433l11.75-4.273c6.41-3.205,20.297-2.137,26.706,4.273l19.229,19.229 c1.068,1.067,3.205,2.136,4.273,0l28.842-28.844c1.068-1.068,1.068-2.137,1.068-2.137s0-1.068-1.068-2.137l-19.228-19.228 c-6.409-6.409-8.546-18.16-4.273-26.706l4.273-11.751c3.204-8.546,12.819-16.023,22.433-16.023h25.639 c2.137,0,3.205-1.068,3.205-3.205v-40.594c0-2.137-1.068-3.205-3.205-3.205h-26.707c-9.613,0-19.229-6.408-22.433-16.023 l-4.273-10.683c-4.272-8.546-2.136-19.229,4.273-26.706l19.229-19.229c1.067-1.067,1.067-2.136,1.067-2.136s0-1.068-1.067-2.137 l-28.843-28.844c-1.068-2.137-3.205-2.137-4.273,0l-18.16,18.16c-6.409,6.41-19.228,8.547-26.706,4.273l-11.75-4.273 c-8.547-3.204-14.956-12.818-14.956-22.432v-26.707c0-2.137-1.067-3.205-3.204-3.205h-40.594c-2.137,0-3.205,1.068-3.205,3.205 v26.707c0,9.613-6.41,19.228-16.023,22.432l-11.751,4.273c-6.41,3.205-20.297,2.137-26.706-4.273l-18.16-18.16 c-2.137-2.137-3.205-2.137-4.273,0l-28.843,28.844c-1.068,1.068-1.068,2.137-1.068,2.137s0,1.068,1.068,2.136l19.229,19.229 c6.409,6.41,8.546,18.16,4.273,26.706l-4.273,11.751c-3.205,8.547-12.819,16.023-22.433,16.023h-26.706 c-2.137,0-3.205,1.068-3.205,3.205v40.594c0,2.137,1.068,3.205,3.205,3.205h26.706c9.614,0,19.229,6.409,22.433,16.023 l4.273,11.75c4.272,8.546,2.136,19.229-4.273,26.706l-19.229,19.229c-1.068,1.068-1.068,2.137-1.068,2.137s0,1.068,1.068,2.137 l28.843,28.843c1.068,1.068,3.205,1.068,4.273,0l19.228-19.228C288.393,1583.859,294.802,1581.723,301.212,1581.723 M382.399,1656.5h-40.594c-10.683,0-19.229-8.546-19.229-19.229v-26.706c0-3.204-2.136-6.409-5.341-7.478l-12.819-5.342 c-4.273-2.137-7.478-1.068-9.615,1.068l-19.228,19.229c-7.478,7.479-20.297,7.479-26.707,0l-28.843-28.842 c-3.205-3.205-5.341-8.547-5.341-13.889c0-5.34,2.136-9.613,5.341-13.887l18.161-18.16c2.136-2.137,2.136-6.409,1.068-8.546 l-5.341-12.819c-1.068-3.204-4.273-5.341-7.478-5.341h-26.707c-10.682,0-19.228-8.546-19.228-19.229v-40.594 c0-10.682,8.546-19.229,19.228-19.229h26.707c3.205,0,6.41-2.137,7.478-5.341l5.341-12.819c1.068-3.205,1.068-7.478-1.068-9.614 l-18.161-18.16c-3.205-3.205-5.341-8.546-5.341-13.887c0-5.342,2.136-9.615,5.341-13.888l28.843-28.843 c7.478-7.479,20.296-7.479,26.707,0l18.16,19.229c2.136,2.137,6.41,2.137,8.546,1.068l12.818-5.342 c3.205-1.068,5.342-4.273,5.342-7.477v-26.707c0-10.682,8.545-19.229,19.228-19.229h42.73c10.682,0,19.229,8.547,19.229,19.229 v26.707c0,3.203,2.136,6.408,5.341,7.477l12.819,5.342c4.272,2.137,7.477,1.068,9.613-1.068l18.161-18.16 c7.478-7.479,20.297-7.479,26.705,0l28.844,28.843c3.205,3.204,5.342,8.546,5.342,13.888c0,5.341-2.137,9.613-5.342,13.887 l-18.16,18.16c-2.137,2.137-2.137,6.409-1.068,8.546l5.342,12.819c1.067,3.204,4.271,5.341,7.477,5.341h24.57 c10.682,0,19.229,8.547,19.229,19.229v41.662c0,10.682-8.547,19.229-19.229,19.229h-26.707c-3.204,0-6.408,2.137-7.477,5.341 l-5.342,12.819c-1.068,3.204-1.068,7.478,1.068,9.614l19.229,19.229c3.205,3.205,5.342,8.545,5.342,13.887 s-2.137,9.615-5.342,13.887l-28.843,28.844c-7.478,7.478-20.297,7.478-26.706,0l-19.229-19.229 c-2.136-2.137-6.408-2.137-8.545-1.068l-12.819,5.342c-3.204,1.068-5.341,4.272-5.341,7.477v23.502 C401.628,1647.954,393.081,1656.5,382.399,1656.5"/>
</g>
</switch>
</svg>
</div>
lorum ipsim
</a>
</li>
<li class="primar-menu-btn1">
<a href="#">
<div class="icon-placeholder">
<svg xmlns:x="http://ns.adobe.com/Extensibility/1.0/" xmlns:i="http://ns.adobe.com/AdobeIllustrator/10.0/" xmlns:graph="http://ns.adobe.com/Graphs/1.0/" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" version="1.1" id="Layer_1" x="0px" y="0px" width="432px" height="432px" viewBox="162 342 432 432" enable-background="new 162 342 432 432" xml:space="preserve">
<switch>
<foreignObject requiredExtensions="http://ns.adobe.com/AdobeIllustrator/10.0/" x="0" y="0" width="1" height="1">
<i:pgfRef xlink:href="#adobe_illustrator_pgf">
</i:pgfRef>
</foreignObject>
<g i:extraneous="self">
<path fill="#CDDB00" d="M556.139,468.302c-1.418-1.771-3.897-3.188-6.378-3.188H273.033l-12.402-37.56 c-0.708-2.479-2.834-4.252-5.315-4.96l-47.479-13.819c-3.898-1.063-8.504,1.418-9.567,5.315c-1.063,4.252,1.063,8.504,5.315,9.921 l43.227,12.401l53.149,159.093l-8.149,26.22c-23.386,0.354-42.52,19.488-42.52,42.874c0,23.739,19.134,42.873,42.874,42.873 c20.905,0,37.558-15.236,41.456-35.078h91.77c3.897,19.842,20.552,35.078,41.457,35.078c23.74,0,42.874-19.134,42.874-42.873 s-19.134-42.874-42.874-42.874c-20.905,0-37.56,15.237-41.457,35.079h-91.415c-2.834-14.882-12.756-26.929-26.574-32.244 l6.732-21.26h192.753c10.275,0,18.425-7.441,19.134-17.362l31.889-110.549C558.265,472.554,557.556,470.073,556.139,468.302z M467.203,636.605c15.236,0,27.638,12.403,27.638,27.284c0,15.236-12.401,27.283-27.638,27.283 c-15.237,0-27.283-12.401-27.639-27.283l0,0l0,0C439.92,649.009,452.321,636.605,467.203,636.605z M320.158,664.244 c0,15.236-12.401,27.283-27.637,27.283c-15.236,0-27.638-12.401-27.638-27.283c0-15.235,12.402-27.283,27.638-27.283 C307.757,636.605,320.158,649.009,320.158,664.244z M510.431,582.395c-0.354,0.709-0.354,1.417-0.354,2.126 c0,2.48-2.125,2.834-3.543,2.834H314.134l-33.661-106.651h259.012L510.431,582.395z"/>
</g>
</switch>
</svg>
</div>
Cart
</a>
</li>
<li class="primar-menu-btn1">
<a href="#">
<div class="icon-placeholder">
<svg xmlns:x="http://ns.adobe.com/Extensibility/1.0/" xmlns:i="http://ns.adobe.com/AdobeIllustrator/10.0/" xmlns:graph="http://ns.adobe.com/Graphs/1.0/" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" version="1.1" id="Layer_1" x="0px" y="0px" width="432px" height="432px" viewBox="162 342 432 432" enable-background="new 162 342 432 432" xml:space="preserve">
<switch>
<foreignObject requiredExtensions="http://ns.adobe.com/AdobeIllustrator/10.0/" x="0" y="0" width="1" height="1">
<i:pgfRef xlink:href="#adobe_illustrator_pgf">
</i:pgfRef>
</foreignObject>
<g i:extraneous="self">
<g>
<path fill="#CDDB00" d="M551.778,716.958l-82.465-81.896c24.455-27.299,39.811-63.696,39.811-102.938 C509.124,447.384,440.31,378,355.001,378c-84.74,0-153.555,68.815-154.124,154.123c0,84.739,68.815,153.555,153.555,153.555 c36.399,0,69.953-12.512,96.683-34.123l83.033,83.033c2.274,2.275,5.118,3.412,8.53,3.412s6.257-1.137,8.531-3.412 C556.328,729.47,556.328,722.076,551.778,716.958z M355.001,661.223c-71.09,0-129.669-58.01-129.669-129.668 s58.01-129.668,129.669-129.668s129.668,58.009,129.668,129.668S426.66,661.223,355.001,661.223z"/>
</g>
</g>
</switch>
</svg>
</div>
Search
</a>
</li>
</ul>
</div>
<div class="mobile-menu_center">
<!-- mobile main menu start-->
<ul class="mobile-primary-menu">
<li><a href="#">About</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Faqs</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Help</a></li>
<li><a href="#">Login</a></li>
</ul>
<!-- mobile main menu start-->
<ul class="mobile-secondary-menu">
<li><a href="#">Training</a>
<ul class="mobile-menu_sub">
<li><a href="#">Overview</a></li>
<li><a href="#">Certificate Validation</a></li>
<li><a href="#">Courses</a></li>
<li><a href="#">General Information</a></li>
<li><a href="#">Custom Training</a></li>
<li><a href="#">New to Industry</a></li>
<li><a href="#">Instructor & Providers</a></li>
</ul>
</li>
<li><a href="#">Resources & Data</a>
<ul class="mobile-menu_sub">
<li><a href="#">Overview</a></li>
<li><a href="#">Certificate Validation</a></li>
<li><a href="#">Courses</a></li>
<li><a href="#">General Information</a></li>
<li><a href="#">Custom Training</a></li>
<li><a href="#">New to Industry</a></li>
<li><a href="#">Instructor & Providers</a></li>
</ul>
</li>
<li><a href="#">Programsv & Standards</a>
<ul class="mobile-menu_sub">
<li><a href="#">Overview</a></li>
<li><a href="#">Certificate Validation</a></li>
<li><a href="#">Courses</a></li>
<li><a href="#">General Information</a></li>
<li><a href="#">Custom Training</a></li>
<li><a href="#">New to Industry</a></li>
<li><a href="#">Instructor & Providers</a></li>
</ul>
</li>
<li><a href="#">Resources & Data</a>
<ul class="mobile-menu_sub">
<li><a href="#">Overview</a></li>
<li><a href="#">Certificate Validation</a></li>
<li><a href="#">Courses</a></li>
<li><a href="#">General Information</a></li>
<li><a href="#">Custom Training</a></li>
<li><a href="#">New to Industry</a></li>
<li><a href="#">Instructor & Providers</a></li>
</ul>
</li>
<li><a href="#">Cor</a>
<ul class="mobile-menu_sub">
<li><a href="#">Overview</a></li>
<li><a href="#">Certificate Validation</a></li>
<li><a href="#">Courses</a></li>
<li><a href="#">General Information</a></li>
<li><a href="#">Custom Training</a></li>
<li><a href="#">New to Industry</a></li>
<li><a href="#">Instructor & Providers</a></li>
</ul>
</li>
<li><a href="#">News & EvENTS</a>
<ul class="mobile-menu_sub">
<li><a href="#">Overview</a></li>
<li><a href="#">Certificate Validation</a></li>
<li><a href="#">Courses</a></li>
<li><a href="#">General Information</a></li>
<li><a href="#">Custom Training</a></li>
<li><a href="#">New to Industry</a></li>
<li><a href="#">Instructor & Providers</a></li>
</ul>
</li>
</ul>
</div>
<div class="mobile-menu_bottom">
<p class="mb-0">1.800.667.5557 |<br />
CustomerService@EnergySafetyCanada.com</p>
</div>
</div>
<!-- ********** Header top bar ********** -->
</header>
<!-- ********** End Header ********** -->
<!-- ********** Main ********** -->
<main>
<!-- banner -->
<div class="banner">
<!-- banner navigation -->
<div class="content-wrapper relative">
<nav class="courses-list">
<ul>
<li class="active"><a href="#"> Generic</a></li>
<li><a href="#"> Registration & Certificates</a></li>
<li><a href="#"> Instructors & Training Providers</a></li>
</ul>
</nav>
</div>
<!-- End banner navigation -->
<article>
<picture>
<source media="(min-width: 768px)" srcset="images/course_search_banner_desktop.png">
<source media="(min-width: 320px)" srcset="images/course_search_banner_mobile.png">
<img src="images/course_search_banner_desktop.png" alt="Hero image" class="w-100">
</picture>
<div class="content-wrapper">
<div class="banner_content">
<h1>Generic</h1>
<p>Support copy, hendrerit eleifendvolutpat.<br> Morbi vestibulum euismod risus, vel mollis libero dapibus sed.</p>
</div>
</div>
</article>
</div>
<!-- End banner -->
<!-- breadcrumb -->
<nav class="breadcrumb_primary" aria-label="breadcrumb">
<div class="content-wrapper d-flex">
<ul class="breadcrumb mb-0 ">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Generic</li>
</ul>
<div class="share ml-auto">
<ul class="mb-0">
<li class="share_item">
<a href="#" class="share_link"><img src="images/svg/share_icon.svg" class="imgfluid mr-2" />Share</a>
</li>
<li class="share_item">
<a href="#" class="share_link"><img src="images/svg/printer_icon.svg" class="imgfluid mr-2" />Print</a>
</li>
</ul>
</div>
</nav>
<!-- End breadcrumb -->
<div class="">
<div class="content-wrapper">
<div class="row">
<div class="col-lg-9">
<div class="back-btn triangle-fluid">
<a href="#" class="triangle">
<span class="icons-section">
<img src="images/svg/arrow-45deg.svg" class="img-fluid" />
</span>
<span>Course Search</span>
</a>
</div>
<div class="triangle-fluid triangle-curs">
<div class="triangle triangle-yellow"></div>
</div>
<div class="row">
<div class="col-lg-9 order-lg-2">
<section class="Generic-info pt-4 pb-4">
<h2 class="display1">Display 1</h2>
<h1>Header 1</h1>
<h2>Header 2</h2>
<h3>Header 3</h3>
<h4>Header 4</h4>
<h5>Header 5</h5>
<h6>Header 6</h6>
<p>Paragraph Couse Name Safety Management & Regulatory Awareness for Wellsite Supervision Safety Management & Regulatory Awareness for Wellsite Supervision</p>
<h3 class="display1">Buttons</h3>
<div class="light-blue-bg p-4">
<p><a href="#" class="btn btn-blue btn-arrow">SEND</a></p>
<p><a href="#" class="btn btn-white btn-arrow">RESET</a></p>
<button type="button" class="btn btn-blue">button blue</button>
<button type="button" class="btn btn-white">button white</button>
<button type="button" class="btn btn-blue-arrow down mr-auto ">Load more <img src="images/svg/arrow_right_white.svg" class="img-fluid"></button>
</div>
<div class="col-md-12 col-sm-12">
<h3 class="display1 mt-3">Forms</h3>
<h2 class="d-blue-text">GENERIC DETAILS</h2>
<div class="form-group row">
<label for="staticEmail" class="col-md-5 col-form-label">Select Option</label>
<div class="col-md-7">
<select class="form-control">
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
</select>
</div>
</div>
<div class="form-group row">
<label for="staticEmail" class="col-md-5 col-form-label">Name</label>
<div class="col-md-7">
<input type="text" class="form-control" id="cardNumber" placeholder="Enter Name">
</div>
</div>
<div class="form-group row">
<label for="staticEmail" class="col-md-5 col-form-label">Phone Number</label>
<div class="col-md-7">
<input type="text" class="form-control" id="cardNumber" placeholder="Phone Number">
</div>
</div>
</div>
</section>
</div>
<div class="col-lg-3 order-lg-1 light-blue-bg generic-sidenav pt-4">
<div class="row mb-3">
<div class="col-md-6 col-lg-12">
<section class="p-3">
<ul class="svg-sidebar">
<li class="sidebar-active"><svg xmlns:x="http://ns.adobe.com/Extensibility/1.0/" xmlns:i="http://ns.adobe.com/AdobeIllustrator/10.0/" xmlns:graph="http://ns.adobe.com/Graphs/1.0/" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" version="1.1" id="Layer_1" x="0px" y="0px" width="432px" height="432px" viewBox="144.5 1260.5 432 432" enable-background="new 144.5 1260.5 432 432" xml:space="preserve">
<switch>
<foreignObject requiredExtensions="http://ns.adobe.com/AdobeIllustrator/10.0/" x="0" y="0" width="1" height="1">
<i:pgfref xlink:href="#adobe_illustrator_pgf">
</i:pgfref>
</foreignObject>
<g i:extraneous="self">
<path fill="#CDDB00" d="M362.103,1431.1c-25.638,0-45.935,20.296-45.935,45.935s20.297,45.935,45.935,45.935 c25.637,0,45.934-20.296,45.934-45.935C408.036,1452.464,386.672,1431.1,362.103,1431.1 M362.103,1538.992 c-34.185,0-61.958-27.774-61.958-61.958s27.774-61.958,61.958-61.958c34.184,0,61.958,27.774,61.958,61.958 S396.286,1538.992,362.103,1538.992 M301.212,1581.723c3.204,0,7.477,1.068,9.614,2.137l11.751,4.273 c8.545,3.203,16.023,12.818,16.023,22.433v26.706c0,2.137,1.068,3.205,3.205,3.205h40.594c2.137,0,3.205-1.068,3.205-3.205 v-26.706c0-9.614,6.408-19.229,16.023-22.433l11.75-4.273c6.41-3.205,20.297-2.137,26.706,4.273l19.229,19.229 c1.068,1.067,3.205,2.136,4.273,0l28.842-28.844c1.068-1.068,1.068-2.137,1.068-2.137s0-1.068-1.068-2.137l-19.228-19.228 c-6.409-6.409-8.546-18.16-4.273-26.706l4.273-11.751c3.204-8.546,12.819-16.023,22.433-16.023h25.639 c2.137,0,3.205-1.068,3.205-3.205v-40.594c0-2.137-1.068-3.205-3.205-3.205h-26.707c-9.613,0-19.229-6.408-22.433-16.023 l-4.273-10.683c-4.272-8.546-2.136-19.229,4.273-26.706l19.229-19.229c1.067-1.067,1.067-2.136,1.067-2.136s0-1.068-1.067-2.137 l-28.843-28.844c-1.068-2.137-3.205-2.137-4.273,0l-18.16,18.16c-6.409,6.41-19.228,8.547-26.706,4.273l-11.75-4.273 c-8.547-3.204-14.956-12.818-14.956-22.432v-26.707c0-2.137-1.067-3.205-3.204-3.205h-40.594c-2.137,0-3.205,1.068-3.205,3.205 v26.707c0,9.613-6.41,19.228-16.023,22.432l-11.751,4.273c-6.41,3.205-20.297,2.137-26.706-4.273l-18.16-18.16 c-2.137-2.137-3.205-2.137-4.273,0l-28.843,28.844c-1.068,1.068-1.068,2.137-1.068,2.137s0,1.068,1.068,2.136l19.229,19.229 c6.409,6.41,8.546,18.16,4.273,26.706l-4.273,11.751c-3.205,8.547-12.819,16.023-22.433,16.023h-26.706 c-2.137,0-3.205,1.068-3.205,3.205v40.594c0,2.137,1.068,3.205,3.205,3.205h26.706c9.614,0,19.229,6.409,22.433,16.023 l4.273,11.75c4.272,8.546,2.136,19.229-4.273,26.706l-19.229,19.229c-1.068,1.068-1.068,2.137-1.068,2.137s0,1.068,1.068,2.137 l28.843,28.843c1.068,1.068,3.205,1.068,4.273,0l19.228-19.228C288.393,1583.859,294.802,1581.723,301.212,1581.723 M382.399,1656.5h-40.594c-10.683,0-19.229-8.546-19.229-19.229v-26.706c0-3.204-2.136-6.409-5.341-7.478l-12.819-5.342 c-4.273-2.137-7.478-1.068-9.615,1.068l-19.228,19.229c-7.478,7.479-20.297,7.479-26.707,0l-28.843-28.842 c-3.205-3.205-5.341-8.547-5.341-13.889c0-5.34,2.136-9.613,5.341-13.887l18.161-18.16c2.136-2.137,2.136-6.409,1.068-8.546 l-5.341-12.819c-1.068-3.204-4.273-5.341-7.478-5.341h-26.707c-10.682,0-19.228-8.546-19.228-19.229v-40.594 c0-10.682,8.546-19.229,19.228-19.229h26.707c3.205,0,6.41-2.137,7.478-5.341l5.341-12.819c1.068-3.205,1.068-7.478-1.068-9.614 l-18.161-18.16c-3.205-3.205-5.341-8.546-5.341-13.887c0-5.342,2.136-9.615,5.341-13.888l28.843-28.843 c7.478-7.479,20.296-7.479,26.707,0l18.16,19.229c2.136,2.137,6.41,2.137,8.546,1.068l12.818-5.342 c3.205-1.068,5.342-4.273,5.342-7.477v-26.707c0-10.682,8.545-19.229,19.228-19.229h42.73c10.682,0,19.229,8.547,19.229,19.229 v26.707c0,3.203,2.136,6.408,5.341,7.477l12.819,5.342c4.272,2.137,7.477,1.068,9.613-1.068l18.161-18.16 c7.478-7.479,20.297-7.479,26.705,0l28.844,28.843c3.205,3.204,5.342,8.546,5.342,13.888c0,5.341-2.137,9.613-5.342,13.887 l-18.16,18.16c-2.137,2.137-2.137,6.409-1.068,8.546l5.342,12.819c1.067,3.204,4.271,5.341,7.477,5.341h24.57 c10.682,0,19.229,8.547,19.229,19.229v41.662c0,10.682-8.547,19.229-19.229,19.229h-26.707c-3.204,0-6.408,2.137-7.477,5.341 l-5.342,12.819c-1.068,3.204-1.068,7.478,1.068,9.614l19.229,19.229c3.205,3.205,5.342,8.545,5.342,13.887 s-2.137,9.615-5.342,13.887l-28.843,28.844c-7.478,7.478-20.297,7.478-26.706,0l-19.229-19.229 c-2.136-2.137-6.408-2.137-8.545-1.068l-12.819,5.342c-3.204,1.068-5.341,4.272-5.341,7.477v23.502 C401.628,1647.954,393.081,1656.5,382.399,1656.5"></path>
</g>
</switch>
</svg></li>
<li><svg xmlns:x="http://ns.adobe.com/Extensibility/1.0/" xmlns:i="http://ns.adobe.com/AdobeIllustrator/10.0/" xmlns:graph="http://ns.adobe.com/Graphs/1.0/" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" version="1.1" id="Layer_1" x="0px" y="0px" width="432px" height="432px" viewBox="144.5 1260.5 432 432" enable-background="new 144.5 1260.5 432 432" xml:space="preserve">
<switch>
<foreignObject requiredExtensions="http://ns.adobe.com/AdobeIllustrator/10.0/" x="0" y="0" width="1" height="1">
<i:pgfref xlink:href="#adobe_illustrator_pgf">
</i:pgfref>
</foreignObject>
<g i:extraneous="self">
<path fill="#CDDB00" d="M362.103,1431.1c-25.638,0-45.935,20.296-45.935,45.935s20.297,45.935,45.935,45.935 c25.637,0,45.934-20.296,45.934-45.935C408.036,1452.464,386.672,1431.1,362.103,1431.1 M362.103,1538.992 c-34.185,0-61.958-27.774-61.958-61.958s27.774-61.958,61.958-61.958c34.184,0,61.958,27.774,61.958,61.958 S396.286,1538.992,362.103,1538.992 M301.212,1581.723c3.204,0,7.477,1.068,9.614,2.137l11.751,4.273 c8.545,3.203,16.023,12.818,16.023,22.433v26.706c0,2.137,1.068,3.205,3.205,3.205h40.594c2.137,0,3.205-1.068,3.205-3.205 v-26.706c0-9.614,6.408-19.229,16.023-22.433l11.75-4.273c6.41-3.205,20.297-2.137,26.706,4.273l19.229,19.229 c1.068,1.067,3.205,2.136,4.273,0l28.842-28.844c1.068-1.068,1.068-2.137,1.068-2.137s0-1.068-1.068-2.137l-19.228-19.228 c-6.409-6.409-8.546-18.16-4.273-26.706l4.273-11.751c3.204-8.546,12.819-16.023,22.433-16.023h25.639 c2.137,0,3.205-1.068,3.205-3.205v-40.594c0-2.137-1.068-3.205-3.205-3.205h-26.707c-9.613,0-19.229-6.408-22.433-16.023 l-4.273-10.683c-4.272-8.546-2.136-19.229,4.273-26.706l19.229-19.229c1.067-1.067,1.067-2.136,1.067-2.136s0-1.068-1.067-2.137 l-28.843-28.844c-1.068-2.137-3.205-2.137-4.273,0l-18.16,18.16c-6.409,6.41-19.228,8.547-26.706,4.273l-11.75-4.273 c-8.547-3.204-14.956-12.818-14.956-22.432v-26.707c0-2.137-1.067-3.205-3.204-3.205h-40.594c-2.137,0-3.205,1.068-3.205,3.205 v26.707c0,9.613-6.41,19.228-16.023,22.432l-11.751,4.273c-6.41,3.205-20.297,2.137-26.706-4.273l-18.16-18.16 c-2.137-2.137-3.205-2.137-4.273,0l-28.843,28.844c-1.068,1.068-1.068,2.137-1.068,2.137s0,1.068,1.068,2.136l19.229,19.229 c6.409,6.41,8.546,18.16,4.273,26.706l-4.273,11.751c-3.205,8.547-12.819,16.023-22.433,16.023h-26.706 c-2.137,0-3.205,1.068-3.205,3.205v40.594c0,2.137,1.068,3.205,3.205,3.205h26.706c9.614,0,19.229,6.409,22.433,16.023 l4.273,11.75c4.272,8.546,2.136,19.229-4.273,26.706l-19.229,19.229c-1.068,1.068-1.068,2.137-1.068,2.137s0,1.068,1.068,2.137 l28.843,28.843c1.068,1.068,3.205,1.068,4.273,0l19.228-19.228C288.393,1583.859,294.802,1581.723,301.212,1581.723 M382.399,1656.5h-40.594c-10.683,0-19.229-8.546-19.229-19.229v-26.706c0-3.204-2.136-6.409-5.341-7.478l-12.819-5.342 c-4.273-2.137-7.478-1.068-9.615,1.068l-19.228,19.229c-7.478,7.479-20.297,7.479-26.707,0l-28.843-28.842 c-3.205-3.205-5.341-8.547-5.341-13.889c0-5.34,2.136-9.613,5.341-13.887l18.161-18.16c2.136-2.137,2.136-6.409,1.068-8.546 l-5.341-12.819c-1.068-3.204-4.273-5.341-7.478-5.341h-26.707c-10.682,0-19.228-8.546-19.228-19.229v-40.594 c0-10.682,8.546-19.229,19.228-19.229h26.707c3.205,0,6.41-2.137,7.478-5.341l5.341-12.819c1.068-3.205,1.068-7.478-1.068-9.614 l-18.161-18.16c-3.205-3.205-5.341-8.546-5.341-13.887c0-5.342,2.136-9.615,5.341-13.888l28.843-28.843 c7.478-7.479,20.296-7.479,26.707,0l18.16,19.229c2.136,2.137,6.41,2.137,8.546,1.068l12.818-5.342 c3.205-1.068,5.342-4.273,5.342-7.477v-26.707c0-10.682,8.545-19.229,19.228-19.229h42.73c10.682,0,19.229,8.547,19.229,19.229 v26.707c0,3.203,2.136,6.408,5.341,7.477l12.819,5.342c4.272,2.137,7.477,1.068,9.613-1.068l18.161-18.16 c7.478-7.479,20.297-7.479,26.705,0l28.844,28.843c3.205,3.204,5.342,8.546,5.342,13.888c0,5.341-2.137,9.613-5.342,13.887 l-18.16,18.16c-2.137,2.137-2.137,6.409-1.068,8.546l5.342,12.819c1.067,3.204,4.271,5.341,7.477,5.341h24.57 c10.682,0,19.229,8.547,19.229,19.229v41.662c0,10.682-8.547,19.229-19.229,19.229h-26.707c-3.204,0-6.408,2.137-7.477,5.341 l-5.342,12.819c-1.068,3.204-1.068,7.478,1.068,9.614l19.229,19.229c3.205,3.205,5.342,8.545,5.342,13.887 s-2.137,9.615-5.342,13.887l-28.843,28.844c-7.478,7.478-20.297,7.478-26.706,0l-19.229-19.229 c-2.136-2.137-6.408-2.137-8.545-1.068l-12.819,5.342c-3.204,1.068-5.341,4.272-5.341,7.477v23.502 C401.628,1647.954,393.081,1656.5,382.399,1656.5"></path>
</g>
</switch>
</svg></li>
<li><svg xmlns:x="http://ns.adobe.com/Extensibility/1.0/" xmlns:i="http://ns.adobe.com/AdobeIllustrator/10.0/" xmlns:graph="http://ns.adobe.com/Graphs/1.0/" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" version="1.1" id="Layer_1" x="0px" y="0px" width="432px" height="432px" viewBox="144.5 1260.5 432 432" enable-background="new 144.5 1260.5 432 432" xml:space="preserve">
<switch>
<foreignObject requiredExtensions="http://ns.adobe.com/AdobeIllustrator/10.0/" x="0" y="0" width="1" height="1">
<i:pgfref xlink:href="#adobe_illustrator_pgf">
</i:pgfref>
</foreignObject>
<g i:extraneous="self">
<path fill="#CDDB00" d="M362.103,1431.1c-25.638,0-45.935,20.296-45.935,45.935s20.297,45.935,45.935,45.935 c25.637,0,45.934-20.296,45.934-45.935C408.036,1452.464,386.672,1431.1,362.103,1431.1 M362.103,1538.992 c-34.185,0-61.958-27.774-61.958-61.958s27.774-61.958,61.958-61.958c34.184,0,61.958,27.774,61.958,61.958 S396.286,1538.992,362.103,1538.992 M301.212,1581.723c3.204,0,7.477,1.068,9.614,2.137l11.751,4.273 c8.545,3.203,16.023,12.818,16.023,22.433v26.706c0,2.137,1.068,3.205,3.205,3.205h40.594c2.137,0,3.205-1.068,3.205-3.205 v-26.706c0-9.614,6.408-19.229,16.023-22.433l11.75-4.273c6.41-3.205,20.297-2.137,26.706,4.273l19.229,19.229 c1.068,1.067,3.205,2.136,4.273,0l28.842-28.844c1.068-1.068,1.068-2.137,1.068-2.137s0-1.068-1.068-2.137l-19.228-19.228 c-6.409-6.409-8.546-18.16-4.273-26.706l4.273-11.751c3.204-8.546,12.819-16.023,22.433-16.023h25.639 c2.137,0,3.205-1.068,3.205-3.205v-40.594c0-2.137-1.068-3.205-3.205-3.205h-26.707c-9.613,0-19.229-6.408-22.433-16.023 l-4.273-10.683c-4.272-8.546-2.136-19.229,4.273-26.706l19.229-19.229c1.067-1.067,1.067-2.136,1.067-2.136s0-1.068-1.067-2.137 l-28.843-28.844c-1.068-2.137-3.205-2.137-4.273,0l-18.16,18.16c-6.409,6.41-19.228,8.547-26.706,4.273l-11.75-4.273 c-8.547-3.204-14.956-12.818-14.956-22.432v-26.707c0-2.137-1.067-3.205-3.204-3.205h-40.594c-2.137,0-3.205,1.068-3.205,3.205 v26.707c0,9.613-6.41,19.228-16.023,22.432l-11.751,4.273c-6.41,3.205-20.297,2.137-26.706-4.273l-18.16-18.16 c-2.137-2.137-3.205-2.137-4.273,0l-28.843,28.844c-1.068,1.068-1.068,2.137-1.068,2.137s0,1.068,1.068,2.136l19.229,19.229 c6.409,6.41,8.546,18.16,4.273,26.706l-4.273,11.751c-3.205,8.547-12.819,16.023-22.433,16.023h-26.706 c-2.137,0-3.205,1.068-3.205,3.205v40.594c0,2.137,1.068,3.205,3.205,3.205h26.706c9.614,0,19.229,6.409,22.433,16.023 l4.273,11.75c4.272,8.546,2.136,19.229-4.273,26.706l-19.229,19.229c-1.068,1.068-1.068,2.137-1.068,2.137s0,1.068,1.068,2.137 l28.843,28.843c1.068,1.068,3.205,1.068,4.273,0l19.228-19.228C288.393,1583.859,294.802,1581.723,301.212,1581.723 M382.399,1656.5h-40.594c-10.683,0-19.229-8.546-19.229-19.229v-26.706c0-3.204-2.136-6.409-5.341-7.478l-12.819-5.342 c-4.273-2.137-7.478-1.068-9.615,1.068l-19.228,19.229c-7.478,7.479-20.297,7.479-26.707,0l-28.843-28.842 c-3.205-3.205-5.341-8.547-5.341-13.889c0-5.34,2.136-9.613,5.341-13.887l18.161-18.16c2.136-2.137,2.136-6.409,1.068-8.546 l-5.341-12.819c-1.068-3.204-4.273-5.341-7.478-5.341h-26.707c-10.682,0-19.228-8.546-19.228-19.229v-40.594 c0-10.682,8.546-19.229,19.228-19.229h26.707c3.205,0,6.41-2.137,7.478-5.341l5.341-12.819c1.068-3.205,1.068-7.478-1.068-9.614 l-18.161-18.16c-3.205-3.205-5.341-8.546-5.341-13.887c0-5.342,2.136-9.615,5.341-13.888l28.843-28.843 c7.478-7.479,20.296-7.479,26.707,0l18.16,19.229c2.136,2.137,6.41,2.137,8.546,1.068l12.818-5.342 c3.205-1.068,5.342-4.273,5.342-7.477v-26.707c0-10.682,8.545-19.229,19.228-19.229h42.73c10.682,0,19.229,8.547,19.229,19.229 v26.707c0,3.203,2.136,6.408,5.341,7.477l12.819,5.342c4.272,2.137,7.477,1.068,9.613-1.068l18.161-18.16 c7.478-7.479,20.297-7.479,26.705,0l28.844,28.843c3.205,3.204,5.342,8.546,5.342,13.888c0,5.341-2.137,9.613-5.342,13.887 l-18.16,18.16c-2.137,2.137-2.137,6.409-1.068,8.546l5.342,12.819c1.067,3.204,4.271,5.341,7.477,5.341h24.57 c10.682,0,19.229,8.547,19.229,19.229v41.662c0,10.682-8.547,19.229-19.229,19.229h-26.707c-3.204,0-6.408,2.137-7.477,5.341 l-5.342,12.819c-1.068,3.204-1.068,7.478,1.068,9.614l19.229,19.229c3.205,3.205,5.342,8.545,5.342,13.887 s-2.137,9.615-5.342,13.887l-28.843,28.844c-7.478,7.478-20.297,7.478-26.706,0l-19.229-19.229 c-2.136-2.137-6.408-2.137-8.545-1.068l-12.819,5.342c-3.204,1.068-5.341,4.272-5.341,7.477v23.502 C401.628,1647.954,393.081,1656.5,382.399,1656.5"></path>
</g>
</switch>
</svg></li>
<li><svg xmlns:x="http://ns.adobe.com/Extensibility/1.0/" xmlns:i="http://ns.adobe.com/AdobeIllustrator/10.0/" xmlns:graph="http://ns.adobe.com/Graphs/1.0/" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" version="1.1" id="Layer_1" x="0px" y="0px" width="432px" height="432px" viewBox="144.5 1260.5 432 432" enable-background="new 144.5 1260.5 432 432" xml:space="preserve">
<switch>
<foreignObject requiredExtensions="http://ns.adobe.com/AdobeIllustrator/10.0/" x="0" y="0" width="1" height="1">
<i:pgfref xlink:href="#adobe_illustrator_pgf">
</i:pgfref>
</foreignObject>
<g i:extraneous="self">
<path fill="#CDDB00" d="M362.103,1431.1c-25.638,0-45.935,20.296-45.935,45.935s20.297,45.935,45.935,45.935 c25.637,0,45.934-20.296,45.934-45.935C408.036,1452.464,386.672,1431.1,362.103,1431.1 M362.103,1538.992 c-34.185,0-61.958-27.774-61.958-61.958s27.774-61.958,61.958-61.958c34.184,0,61.958,27.774,61.958,61.958 S396.286,1538.992,362.103,1538.992 M301.212,1581.723c3.204,0,7.477,1.068,9.614,2.137l11.751,4.273 c8.545,3.203,16.023,12.818,16.023,22.433v26.706c0,2.137,1.068,3.205,3.205,3.205h40.594c2.137,0,3.205-1.068,3.205-3.205 v-26.706c0-9.614,6.408-19.229,16.023-22.433l11.75-4.273c6.41-3.205,20.297-2.137,26.706,4.273l19.229,19.229 c1.068,1.067,3.205,2.136,4.273,0l28.842-28.844c1.068-1.068,1.068-2.137,1.068-2.137s0-1.068-1.068-2.137l-19.228-19.228 c-6.409-6.409-8.546-18.16-4.273-26.706l4.273-11.751c3.204-8.546,12.819-16.023,22.433-16.023h25.639 c2.137,0,3.205-1.068,3.205-3.205v-40.594c0-2.137-1.068-3.205-3.205-3.205h-26.707c-9.613,0-19.229-6.408-22.433-16.023 l-4.273-10.683c-4.272-8.546-2.136-19.229,4.273-26.706l19.229-19.229c1.067-1.067,1.067-2.136,1.067-2.136s0-1.068-1.067-2.137 l-28.843-28.844c-1.068-2.137-3.205-2.137-4.273,0l-18.16,18.16c-6.409,6.41-19.228,8.547-26.706,4.273l-11.75-4.273 c-8.547-3.204-14.956-12.818-14.956-22.432v-26.707c0-2.137-1.067-3.205-3.204-3.205h-40.594c-2.137,0-3.205,1.068-3.205,3.205 v26.707c0,9.613-6.41,19.228-16.023,22.432l-11.751,4.273c-6.41,3.205-20.297,2.137-26.706-4.273l-18.16-18.16 c-2.137-2.137-3.205-2.137-4.273,0l-28.843,28.844c-1.068,1.068-1.068,2.137-1.068,2.137s0,1.068,1.068,2.136l19.229,19.229 c6.409,6.41,8.546,18.16,4.273,26.706l-4.273,11.751c-3.205,8.547-12.819,16.023-22.433,16.023h-26.706 c-2.137,0-3.205,1.068-3.205,3.205v40.594c0,2.137,1.068,3.205,3.205,3.205h26.706c9.614,0,19.229,6.409,22.433,16.023 l4.273,11.75c4.272,8.546,2.136,19.229-4.273,26.706l-19.229,19.229c-1.068,1.068-1.068,2.137-1.068,2.137s0,1.068,1.068,2.137 l28.843,28.843c1.068,1.068,3.205,1.068,4.273,0l19.228-19.228C288.393,1583.859,294.802,1581.723,301.212,1581.723 M382.399,1656.5h-40.594c-10.683,0-19.229-8.546-19.229-19.229v-26.706c0-3.204-2.136-6.409-5.341-7.478l-12.819-5.342 c-4.273-2.137-7.478-1.068-9.615,1.068l-19.228,19.229c-7.478,7.479-20.297,7.479-26.707,0l-28.843-28.842 c-3.205-3.205-5.341-8.547-5.341-13.889c0-5.34,2.136-9.613,5.341-13.887l18.161-18.16c2.136-2.137,2.136-6.409,1.068-8.546 l-5.341-12.819c-1.068-3.204-4.273-5.341-7.478-5.341h-26.707c-10.682,0-19.228-8.546-19.228-19.229v-40.594 c0-10.682,8.546-19.229,19.228-19.229h26.707c3.205,0,6.41-2.137,7.478-5.341l5.341-12.819c1.068-3.205,1.068-7.478-1.068-9.614 l-18.161-18.16c-3.205-3.205-5.341-8.546-5.341-13.887c0-5.342,2.136-9.615,5.341-13.888l28.843-28.843 c7.478-7.479,20.296-7.479,26.707,0l18.16,19.229c2.136,2.137,6.41,2.137,8.546,1.068l12.818-5.342 c3.205-1.068,5.342-4.273,5.342-7.477v-26.707c0-10.682,8.545-19.229,19.228-19.229h42.73c10.682,0,19.229,8.547,19.229,19.229 v26.707c0,3.203,2.136,6.408,5.341,7.477l12.819,5.342c4.272,2.137,7.477,1.068,9.613-1.068l18.161-18.16 c7.478-7.479,20.297-7.479,26.705,0l28.844,28.843c3.205,3.204,5.342,8.546,5.342,13.888c0,5.341-2.137,9.613-5.342,13.887 l-18.16,18.16c-2.137,2.137-2.137,6.409-1.068,8.546l5.342,12.819c1.067,3.204,4.271,5.341,7.477,5.341h24.57 c10.682,0,19.229,8.547,19.229,19.229v41.662c0,10.682-8.547,19.229-19.229,19.229h-26.707c-3.204,0-6.408,2.137-7.477,5.341 l-5.342,12.819c-1.068,3.204-1.068,7.478,1.068,9.614l19.229,19.229c3.205,3.205,5.342,8.545,5.342,13.887 s-2.137,9.615-5.342,13.887l-28.843,28.844c-7.478,7.478-20.297,7.478-26.706,0l-19.229-19.229 c-2.136-2.137-6.408-2.137-8.545-1.068l-12.819,5.342c-3.204,1.068-5.341,4.272-5.341,7.477v23.502 C401.628,1647.954,393.081,1656.5,382.399,1656.5"></path>
</g>
</switch>
</svg></li>
<li><svg xmlns:x="http://ns.adobe.com/Extensibility/1.0/" xmlns:i="http://ns.adobe.com/AdobeIllustrator/10.0/" xmlns:graph="http://ns.adobe.com/Graphs/1.0/" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" version="1.1" id="Layer_1" x="0px" y="0px" width="432px" height="432px" viewBox="144.5 1260.5 432 432" enable-background="new 144.5 1260.5 432 432" xml:space="preserve">
<switch>
<foreignObject requiredExtensions="http://ns.adobe.com/AdobeIllustrator/10.0/" x="0" y="0" width="1" height="1">
<i:pgfref xlink:href="#adobe_illustrator_pgf">
</i:pgfref>
</foreignObject>
<g i:extraneous="self">
<path fill="#CDDB00" d="M362.103,1431.1c-25.638,0-45.935,20.296-45.935,45.935s20.297,45.935,45.935,45.935 c25.637,0,45.934-20.296,45.934-45.935C408.036,1452.464,386.672,1431.1,362.103,1431.1 M362.103,1538.992 c-34.185,0-61.958-27.774-61.958-61.958s27.774-61.958,61.958-61.958c34.184,0,61.958,27.774,61.958,61.958 S396.286,1538.992,362.103,1538.992 M301.212,1581.723c3.204,0,7.477,1.068,9.614,2.137l11.751,4.273 c8.545,3.203,16.023,12.818,16.023,22.433v26.706c0,2.137,1.068,3.205,3.205,3.205h40.594c2.137,0,3.205-1.068,3.205-3.205 v-26.706c0-9.614,6.408-19.229,16.023-22.433l11.75-4.273c6.41-3.205,20.297-2.137,26.706,4.273l19.229,19.229 c1.068,1.067,3.205,2.136,4.273,0l28.842-28.844c1.068-1.068,1.068-2.137,1.068-2.137s0-1.068-1.068-2.137l-19.228-19.228 c-6.409-6.409-8.546-18.16-4.273-26.706l4.273-11.751c3.204-8.546,12.819-16.023,22.433-16.023h25.639 c2.137,0,3.205-1.068,3.205-3.205v-40.594c0-2.137-1.068-3.205-3.205-3.205h-26.707c-9.613,0-19.229-6.408-22.433-16.023 l-4.273-10.683c-4.272-8.546-2.136-19.229,4.273-26.706l19.229-19.229c1.067-1.067,1.067-2.136,1.067-2.136s0-1.068-1.067-2.137 l-28.843-28.844c-1.068-2.137-3.205-2.137-4.273,0l-18.16,18.16c-6.409,6.41-19.228,8.547-26.706,4.273l-11.75-4.273 c-8.547-3.204-14.956-12.818-14.956-22.432v-26.707c0-2.137-1.067-3.205-3.204-3.205h-40.594c-2.137,0-3.205,1.068-3.205,3.205 v26.707c0,9.613-6.41,19.228-16.023,22.432l-11.751,4.273c-6.41,3.205-20.297,2.137-26.706-4.273l-18.16-18.16 c-2.137-2.137-3.205-2.137-4.273,0l-28.843,28.844c-1.068,1.068-1.068,2.137-1.068,2.137s0,1.068,1.068,2.136l19.229,19.229 c6.409,6.41,8.546,18.16,4.273,26.706l-4.273,11.751c-3.205,8.547-12.819,16.023-22.433,16.023h-26.706 c-2.137,0-3.205,1.068-3.205,3.205v40.594c0,2.137,1.068,3.205,3.205,3.205h26.706c9.614,0,19.229,6.409,22.433,16.023 l4.273,11.75c4.272,8.546,2.136,19.229-4.273,26.706l-19.229,19.229c-1.068,1.068-1.068,2.137-1.068,2.137s0,1.068,1.068,2.137 l28.843,28.843c1.068,1.068,3.205,1.068,4.273,0l19.228-19.228C288.393,1583.859,294.802,1581.723,301.212,1581.723 M382.399,1656.5h-40.594c-10.683,0-19.229-8.546-19.229-19.229v-26.706c0-3.204-2.136-6.409-5.341-7.478l-12.819-5.342 c-4.273-2.137-7.478-1.068-9.615,1.068l-19.228,19.229c-7.478,7.479-20.297,7.479-26.707,0l-28.843-28.842 c-3.205-3.205-5.341-8.547-5.341-13.889c0-5.34,2.136-9.613,5.341-13.887l18.161-18.16c2.136-2.137,2.136-6.409,1.068-8.546 l-5.341-12.819c-1.068-3.204-4.273-5.341-7.478-5.341h-26.707c-10.682,0-19.228-8.546-19.228-19.229v-40.594 c0-10.682,8.546-19.229,19.228-19.229h26.707c3.205,0,6.41-2.137,7.478-5.341l5.341-12.819c1.068-3.205,1.068-7.478-1.068-9.614 l-18.161-18.16c-3.205-3.205-5.341-8.546-5.341-13.887c0-5.342,2.136-9.615,5.341-13.888l28.843-28.843 c7.478-7.479,20.296-7.479,26.707,0l18.16,19.229c2.136,2.137,6.41,2.137,8.546,1.068l12.818-5.342 c3.205-1.068,5.342-4.273,5.342-7.477v-26.707c0-10.682,8.545-19.229,19.228-19.229h42.73c10.682,0,19.229,8.547,19.229,19.229 v26.707c0,3.203,2.136,6.408,5.341,7.477l12.819,5.342c4.272,2.137,7.477,1.068,9.613-1.068l18.161-18.16 c7.478-7.479,20.297-7.479,26.705,0l28.844,28.843c3.205,3.204,5.342,8.546,5.342,13.888c0,5.341-2.137,9.613-5.342,13.887 l-18.16,18.16c-2.137,2.137-2.137,6.409-1.068,8.546l5.342,12.819c1.067,3.204,4.271,5.341,7.477,5.341h24.57 c10.682,0,19.229,8.547,19.229,19.229v41.662c0,10.682-8.547,19.229-19.229,19.229h-26.707c-3.204,0-6.408,2.137-7.477,5.341 l-5.342,12.819c-1.068,3.204-1.068,7.478,1.068,9.614l19.229,19.229c3.205,3.205,5.342,8.545,5.342,13.887 s-2.137,9.615-5.342,13.887l-28.843,28.844c-7.478,7.478-20.297,7.478-26.706,0l-19.229-19.229 c-2.136-2.137-6.408-2.137-8.545-1.068l-12.819,5.342c-3.204,1.068-5.341,4.272-5.341,7.477v23.502 C401.628,1647.954,393.081,1656.5,382.399,1656.5"></path>
</g>
</switch>
</svg></li>
<!-- <li class="sidenav-img-active"><img src="images/side-icon2.png" alt="side-icon2"></li> -->
<!-- <li><img src="images/side-icon2.png" alt="side-icon2"></li>
<li><img src="images/side-icon3.png" class="" alt="side-icon2"></li>
<li><img src="images/side-icon4.png" class="" alt="side-icon2"></li>
<li><img src="images/side-icon5.png" class="" alt="side-icon2"></li> -->
</ul>
<h5 class="sidenav-title-border">TRAINING</h5>
<div rel="sede-content" class="sede-content">
<a href="" class="btn btn-primary sidenav-btm-button">COURSES
<img src="images/svg/down-arrow-white.png" class="course-up-arrow chg-img"></a>
</div>
<div id="sede-content" class="side-conent-hide mb-3">
<h5>Types of courses</h5>
<ul class="sidenav-li-before">
<li class="sidenav-active"><a href="#" target="_blank">Types Of Courses</a></li>
<li><a href="#" target="_blank">OSSA Courses</a></li>
<li><a href="#" target="_blank">New to Industry</a></li>
<li><a href="#" target="_blank">Find an authorized Training Provider</a></li>
</ul>
<h5>OSSA courses</h5>
<ul class="sidenav-li-before">
<li><a href="#">OSSA FAQ</a></li>
</ul>
<h5>New to Industry?</h5>
<h5 class="mb-1">Find Authorized <br> Training Providers</h5>
</div>
<div rel="sede-content1" class="sede-content mb-3">
<a href="" class="btn btn-primary sidenav-btm-button">Registration<br> & Crtificates
<img src="images/svg/down-arrow-white.png" class="course-up-arrow">
</a>
</div>
<div id="sede-content1" class="side-conent-hide mb-3">
<h5>Registration & Crtificates</h5>
<ul class="sidenav-li-before">
<li class="sidenav-active"><a href="#" target="_blank">Registration Process</a></li>
<li><a href="#" target="_blank">Validate Certificate or Card</a></li>
<li><a href="#" target="_blank">Replace Certificate or Card</a></li>
</ul>
</div>
<div rel="sede-content2" class="sede-content">
<a href="#" class="btn btn-primary sidenav-btm-button">Instructors<br> & Training<br>Providers
<img src="images/svg/down-arrow-white.png" class="course-up-arrow">
</a>
</div>
<div id="sede-content2" class="side-conent-hide">
<h5>Instructors & Training<br>Providers</h5>
<ul class="sidenav-li-before">
<li class="sidenav-active"><a href="#" target="_blank">Become a Certified Instructor</a></li>
<li><a href="#" target="_blank">Become an Authorized Training</a></li>
<li><a href="#" target="_blank">OSSA Provider FAQ</a></li>
<li><a href="#" target="_blank">Resources for OSSA Providers</a></li>
</ul>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 p-only-sm-0">
<div class="box light-blue-bg clearfix p-4">
<div class="row">
<div class="col-md-6 col-lg-12 d-flex">
<section class="triangle-orange triangle d-flex align-self-stretch w-100">
<div class="box w-100 mb-4 left-text search-filter pt-5 pb-5 pl-4 pr-4 align-self-stretch">
<div class="form-group mb-0 search-bar-filter">
<label for="Location" class="sr-only">Search</label>
<input type="texr" class="form-control" id="range" placeholder="Search">
<img src="images/svg/Search_dark_blue.svg" class="img-fluid search-icon" alt="search-icon">
</div>
</div>
</section>
</div>
<div class="col-md-6 col-lg-12 d-flex">
<section class="triangle triangle-orange d-flex align-self-stretch">
<div class=" box mb-4 left-text filter p-4 align-self-stretch">
<h2>Registration Instructions</h2>
<div class="filter-list">
<ul>
<li><a href="#">Add to cart</a></li>
<li><a href="#">Confirm registration details</a></li>
<li><a href="#">Proceed to checkout for payment</a></li>
</ul>
</div>
</div>
</section>
</div>
<div class="col-md-6 col-lg-12">
<section class=" triangle triangle-yellow">
<div class=" box mb-4 left-text range p-4">
<h2>Related Courses</h2>
<div class="filter-list">
<ul>
<li><a href="#">Couse Name</a></li>
<li><a href="#">Safety Management & Regulatory Awareness for Wellsite Supervision</a></li>
<li><a href="#">Safety Management & Regulatory Awareness for Wellsite Supervision</a></li>
<li><a href="#">Standard First Aid – Level A Register CPR</a></li>
</ul>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- <section class="light-blue triangle-fluid">
<div class="content-wrapper triangle">
<div class="sec-pad">
<h2>Featured or Related Content</h2>
<div class="row row-5">
<article class="col-md-4 col-sm-6">
<div class="related-contet widget-slant-line oraeng-slant-line">
<span class="slant-line "></span>
<div class="arrow-section">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="75.609px" height="78.398px" viewBox="0 0 75.609 78.398" enable-background="new 0 0 75.609 78.398" xml:space="preserve">
<polygon fill="#0168A5" points="19.994,9.262 19.994,19.115 50.31,19.115 7.868,62.314 14.688,69.136 57.131,25.935 57.131,59.283 67.741,59.283 67.741,9.262 "></polygon>
</svg>
</div>
<div class="img-section">
<img src="images/related_courses.jpg" class="w-100" alt="Ipsum Dolor Sit Consectetur Adipiscing Elit" />
</div>
<h3>Ipsum Dolor Sit Consectetur Adipiscing Elit</h3>
<p>Mauris libero and odio, accumsan sit amet eleifend ac, non ante. In hac platea dictumst.</p>
<button type="button" class="btn btn-blue">READ MORE</button>
</div>
</article>
<article class="col-md-4 col-sm-6">
<div class="related-contet widget-slant-line blue-slant-lines">
<span class="slant-line "></span>
<div class="arrow-section">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="75.609px" height="78.398px" viewBox="0 0 75.609 78.398" enable-background="new 0 0 75.609 78.398" xml:space="preserve">
<polygon fill="#0168A5" points="19.994,9.262 19.994,19.115 50.31,19.115 7.868,62.314 14.688,69.136 57.131,25.935 57.131,59.283 67.741,59.283 67.741,9.262 "></polygon>
</svg>
</div>
<div class="img-section">
<img src="images/related_courses.jpg" class="w-100" alt="Ipsum Dolor Sit Consectetur Adipiscing Elit" />
</div>
<h3>Ipsum Dolor Sit Consectetur Adipiscing Elit</h3>
<p>Mauris libero and odio, accumsan sit amet eleifend ac, non ante. In hac platea dictumst.</p>
<button type="button" class="btn btn-blue">READ MORE</button>
</div>
</article>
<article class="col-md-4 col-sm-6">
<div class="related-contet widget-slant-line half-black-slant-lines">
<span class="slant-line"></span>
<div class="arrow-section">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" width="75.609px" height="78.398px" viewBox="0 0 75.609 78.398" enable-background="new 0 0 75.609 78.398" xml:space="preserve">
<polygon fill="#0168A5" points="19.994,9.262 19.994,19.115 50.31,19.115 7.868,62.314 14.688,69.136 57.131,25.935 57.131,59.283 67.741,59.283 67.741,9.262 "></polygon>
</svg>
</div>
<div class="img-section">
<img src="images/related_courses.jpg" class="w-100" alt="Ipsum Dolor Sit Consectetur Adipiscing Elit" />
</div>
<h3>Ipsum Dolor Sit Consectetur Adipiscing Elit</h3>
<p>Mauris libero and odio, accumsan sit amet eleifend ac, non ante. In hac platea dictumst.</p>
<button type="button" class="btn btn-blue">READ MORE</button>
</div>
</article>
</div>
</div>
</div>
</section> -->
<article id="goal-banner">
<div class="content-wrapper">
<div class="row">
<div class="col-2">
<img class="logo navbar-brand" src="images/Logo.svg" alt="logo">
</div>
<div class="col-10">
<p>Our goal:</p>
<p>Zerop injuries.</p>
<p>Zero incidents.</p>
</div>
</div>
</div>
</article>
</main>
<!-- ********** End Main ********** -->
<!-- ********** Footer ********** -->
<footer>
<nav class="content-wrapper">
<h2 class="sr-only">Footer navigation</h2>
<div class="row">
<div class="col-lg-2 col-md-4 col-sm-12">
<h3>Quick Links</h3>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Media</a></li>
<li><a href="#">Subscription</a></li>
</ul>
</div>
<div class="col-lg-2 col-md-4 col-sm-12">
<h3>Locations</h3>
<ul>
<li><a href="#">Calgary</a></li>
<li><a href="#">Ft. McMurray</a></li>
<li><a href="#">Nisku</a></li>
<li><a href="#">Genesee</a></li>
<li><a href="#">British Columbia</a></li>
<li><a href="#">Saskatchewan</a></li>
</ul>
</div>
<div class="col-lg-2 col-md-4 col-sm-12">
<h3>Contact</h3>
<ul>
<li>
<b>Phone: </b>403.516.8000
<br />
<b>Toll Free:</b>
<br />
1.800.667.5557
<br />
<b>Fax: </b>403.516.8166
</li>
<li>
Monday to Friday
<br />
8:00 a.m. to 4:30 p.m.
</li>
<li>CustomerService@<br />EnergySafetyCanada.com</li>
</ul>
</div>
<div class="col-lg-2 col-md-4 col-sm-12">
<h3>COR</h2>
<ul>
<li><b>Phone: </b>1.800.667.5557<br /> ext 3</li>
<li>CORInfo@<br />EnergySafetyCanada.com</li>
</ul>
</div>
<div class="col-lg-2 col-md-4 col-sm-12">
<h3>Follow</h3>
<ul>
<li><a href="#"><img class="social" src="images/Facebook.svg" alt="facebook logo">Facebook</a></li>
<li><a href="#"><img class="social" src="images/Twitter.svg" alt="twitter logo">Twitter</a></li>
<li><a href="#"><img class="social" src="images/Linkedin.svg" alt="linkedin logo">LinkedIn</a></li>
<li><a href="#"><img class="social" src="images/Youtube.svg" alt="youtube logo">YouTube</a></li>
<li><a href="#"><img class="social" src="images/Instagram.svg" alt="Instagram">Instagram</a></li>
</ul>
</div>
<div class="col-lg-2 col-md-4 col-sm-12">
<div class="white-box">
<img src="images/Chat.svg" alt="live chat now">
<br />
<p>Live Chat Now</p>
</div>
<div class="dark-button back-top" role="button">
<a href="#">Back to Top</a>
</div>
</div>
</div>
</nav>
<nav>
<div class="auxiliary-footer">
<div class="content-wrapper w-100">
<p>© 2018 Energy Safety Canada | <a href="#">Sitemap</a> | <a href="#">General Terms & Conditions</a>
| <a href="#">Legal</a> | <a href="#">Privacy</a> | <a href="#">Accessibility</a></p>
</div>
</div>
</nav>
</footer>
<!-- ********** End Footer ********** -->
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b, o, i, l, e, r) {
b.GoogleAnalyticsObject = l;
b[l] || (b[l] =
function() {
(b[l].q = b[l].q || []).push(arguments)
});
b[l].l = +new Date;
e = o.createElement(i);
r = o.getElementsByTagName(i)[0];
e.src = 'https://www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e, r)
}(window, document, 'script', 'ga'));
ga('create', 'UA-XXXXX-X');
ga('send', 'pageview');
</script>
<!-- build:js scripts/vendor.js -->
<!-- bower:js -->
<script src="/bower_components/jquery/dist/jquery.js"></script>
<script src="/bower_components/popper.js/dist/umd/popper.js"></script>
<script src="/bower_components/modernizr/modernizr.js"></script>
<!-- endbower -->
<!-- endbuild -->
<!-- build:js scripts/plugins.js -->
<script src="/bower_components/bootstrap/js/dist/util.js"></script>
<script src="/bower_components/bootstrap/js/dist/alert.js"></script>
<script src="/bower_components/bootstrap/js/dist/button.js"></script>
<script src="/bower_components/bootstrap/js/dist/carousel.js"></script>
<script src="/bower_components/bootstrap/js/dist/collapse.js"></script>
<script src="/bower_components/bootstrap/js/dist/dropdown.js"></script>
<script src="/bower_components/bootstrap/js/dist/modal.js"></script>
<script src="/bower_components/bootstrap/js/dist/scrollspy.js"></script>
<script src="/bower_components/bootstrap/js/dist/tab.js"></script>
<script src="/bower_components/bootstrap/js/dist/tooltip.js"></script>
<script src="/bower_components/bootstrap/js/dist/popover.js"></script>
<!-- endbuild -->
<!-- build:js scripts/main.js -->
<script src="scripts/main.js"></script>
<!-- endbuild -->
</body>
</html>
<script>
$(document).ready(function(){
//side content show hide
var minus = "images/svg/up-arrow-white.png";
var plus = "images/svg/down-arrow-white.png";
$(".side-conent-hide").hide();
$(".sede-content").click(function(e){
$(".sede-content").removeClass("sede-content-active-btn");
$(this).addClass("sede-content-active-btn");
if ($('.chg-img').attr('src') != plus) {
$('.chg-img').attr('src', plus);
}else{
$(this).attr('src', minus);
}
e.preventDefault();
var target = $(this).attr('rel');
$("#"+target).slideToggle();
})
});
</script>