CINXE.COM

Welcome to the National Joint Council | Bienvenue au Conseil nationale mixte

<!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"> <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> <meta name="description" content=""> <meta name="author" content=""> <link rel="shortcut icon" href="/theme/njc/img/favicon.png" /> <title>Welcome to the National Joint Council | Bienvenue au Conseil nationale mixte</title> <link rel="stylesheet" href="/theme/njc/bootstrap-5/css/bootstrap.min.css?_nocache=1633790663" ><link rel="stylesheet" href="/theme/njc/bootstrap-5/css/bootstrap-theme.min.css?_nocache=1648585255" ><link rel="stylesheet" href="/theme/njc/fontawesome/css/all.min.css?_nocache=1601923854" ><link rel="stylesheet" href="/theme/njc/css/njc-icons.css?_nocache=1486676260" ><link rel="stylesheet" href="/theme/njc/css/njc-style.css?_nocache=1730382694" ><link rel="stylesheet" href="/theme/njc/css/bootstrap-datetimepicker.min.css?_nocache=1485197974" ><link rel="stylesheet" href="/theme/njc/css/njc-overrides.css?_nocache=1473775352" ><link rel="stylesheet" href="/theme/njc/css/directives.css?_nocache=1715023638" ><link rel="stylesheet" href="/theme/njc/css/decisions.css?_nocache=1486131842" ><link rel="stylesheet" href="/theme/njc/css/communiques.css?_nocache=1682009529" ><link rel="stylesheet" href="/theme/njc/css/headings.css?_nocache=1487707402" > <meta name="theme-color" content="#930042"> <!-- 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.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <style> @import url('https://fonts.googleapis.com/css?family=Amiri:400i'); .njc-logo img { height: 80px; margin-bottom: 10px; } .slogan { font-family: 'Amiri', serif; font-size: 24px; color: #930042; text-shadow: 1px 1px 3px #fff; line-height: 1.1; } .frame { box-sizing: border-box; position: fixed; top: 5vh; left: 5vw; width: 90vw; height: 90vh; } @media all and (min-width: 240px) and (min-height: 240px){ .njc-logo img { height: 120px; } .slogan { font-size: 20px; } } @media all and (min-width: 320px) and (min-height: 320px){ .njc-logo img { height: 120px; } .slogan { font-size: 24px; } } @media all and (min-width: 480px) and (min-height: 480px){ .njc-logo img { height: 180px; } .slogan { font-size: 32px; } } @media all and (min-width: 640px) and (min-height: 480px){ .njc-logo img { height: 240px; } .slogan { font-size: 38px; } } @media all and (min-width: 1400px) and (min-height: 600px){ .frame { top: 20vh; left: 20vw; height: 60vh; width: 60vw; } } .fullsize { box-sizing: border-box; padding: 10px; background-color: rgba(255,255,255,.35); border-radius: 8px; box-shadow: 0 0 4px rgba(0,0,0,.05); transition: background-color ease-in-out .5s !important; } .fullsize:hover { background-color: rgba(255,255,255,.7); box-shadow: 0 0 12px rgba(0,0,0,.3); } .backstretch { transform: scale(1.0) !important; filter: blur(0px) !important; transition-property: transform, filter; transition-timing-function: ease-in-out; transition-duration: .75s; } .backstretch.clear { transform: scale(1.03) !important; filter: blur(0px) !important; transition-duration: .25s; } </style> </head> <body class="no-margin"> <div class="container-fluid" id="wrapper"> <div class="frame"> <div class="fullsize"> <div class="njc-logo text-center"> <img src="/theme/njc/img/logo.svg" alt="National Joint Council" class="w-50"> <span class="sr-only">National Joint Council</span> <span class="sr-only" lang="fr">Conseil nationale mixte</span> </div> <div class="row justify-content-center"> <div class="col-6 col-lg-5"> <a href="/en" class="btn btn-primary btn-lg d-block w-100">English</a> </div> <div class="col-6 col-lg-5"> <a href="/fr" class="btn btn-primary btn-lg d-block w-100" lang="fr">Fran莽ais</a> </div> </div> <div class="row my-3"> <div class="col-xs-6 col-lg-6 text-end slogan"> Unions and Employers Working Together </div> <div class="col-xs-6 col-lg-6 slogan" lang="fr"> Les syndicats et les employeurs travaillent ensemble </div> </div> </div> </div> </div> <script src="/theme/njc/js/jquery-3.6.0.min.js?_nocache=1644962952" ></script><script src="/theme/njc/bootstrap-5/js/bootstrap.min.js?_nocache=1633790663" ></script><script src="/inc/js/bootstrap.backstretch.min.js?_nocache=1457539309" ></script><script src="/theme/njc/js/font-spy.js?_nocache=1487693893" ></script><script src="/theme/njc/js/njc.theme.js?_nocache=1715023601" ></script><script> jQuery.backstretch("/theme/njc/img/njc-building-poster-optimized.jpg"); jQuery('.fullsize').on('mouseenter', function (){jQuery('.backstretch').addClass('clear'); }); jQuery('.fullsize').on('mouseleave', function (){jQuery('.backstretch').removeClass('clear'); }); </script> <script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');ga('create', 'UA-13177002-1', 'auto');ga('send', 'pageview');</script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10