CINXE.COM
Splash | Copyright Board of Canada
<!DOCTYPE html> <!--[if lt IE 9]><html lang="en" dir="ltr" class="no-js"><![endif]--> <!--[if gt IE 8]><!--> <html lang="en" dir="ltr" class="no-js"> <!--<![endif]--> <head> <head-placeholder token="et6694v0zVAQBVwCnZnyrDfR0QxEcCSWLfwNg1grfcRMEgBiI1j91qDUixCyEHMCeYoFvU_h5A"> <title>Splash | Copyright Board of Canada</title> <script type="text/javascript" src="https://www.bugherd.com/sidebarv2.js?apikey=bbfrfelonvjcagp9ve2cda" async="true"></script> <style type="text/css"> body { overflow: hidden; font-family: 'Merriweather',serif; } *, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #wb-tphp { list-style-type: none; margin-bottom: 0; margin: 0; } .wb-slc { left: 0; position: absolute; text-align: center; top: 10px; width: 100%; z-index: 3; } main { position: relative; z-index: 9999; background: #fff; height: 100vh; align-items: center; display: flex; justify-content: center; } .sp-hb { margin: 175px auto; width: 500px; } .sp-bx { background-color: #f8f8f8; padding: 30px 30px 19px; float: left; width: 100%; position: relative; } .sp-bx img { max-width: 77%; } main h1 { margin-top: 1.5em; padding-bottom: 1em; clip: rect(1px,1px,1px,1px); height: 1px; margin: 0; overflow: hidden; position: absolute; width: 1px; } .col-xs-6 { width: 50%; float: left; padding: 0 15px; } .row { margin-left: -15px; margin-right: -15px; } .row:after, .row:before { content: " "; display: table; } .text-right { text-align: right; } h2 { clip: rect(1px,1px,1px,1px); height: 1px; margin: 0; overflow: hidden; position: absolute; width: 1px; } .btn { border-style: outset; height: auto; min-height: 36px; font-size: 16px; line-height: 1.4375; border-radius: 4px; border: 1px solid transparent; min-width: 36px; white-space: normal; -webkit-box-shadow: 0 4px #ddd; box-shadow: 0 4px #ddd; margin: 20px 0 10px; min-width: 138px; padding: .5em 1.5em; color: #fff; background-color: #335075; border-color: #335075; text-decoration: none; display: inline-block; text-align: center; } .btn:hover { background-color: #1c578a; border-color: #091c2d; } .sp-bx-bt { background-color: #e1e4e7; padding: 15px 30px 15px; position: relative; float: left; width: 100%; } .sp-lk:link, .sp-lk:visited { color: #335075; text-decoration: none; font-size: 14px; } .sp-lk:hover { text-decoration: underline; } .glyphicon { color: #9e9e9e; font-size: 5px; top: -3px; } .glyphicon-asterisk:before { content: "\2a"; } </style> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-KBW4S5X');</script> <!-- End Google Tag Manager --> </head> <body class="path-node page-node-type-page has-glyphicons wxt-bootstrap theme-gcweb"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KBW4S5X" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <ul id="wb-tphp"> <li class="wb-slc"> <a class="wb-sl" href="#wb-cont"> Skip to main content </a> </li> <li class="wb-slc visible-sm visible-md visible-lg"> <a class="wb-sl" href="#wb-info"> Skip to "About this site" </a> </li> </ul> <main role="main"> <div class="sp-hb"> <div class="sp-bx col-xs-12"> <h1 property="name" class="wb-inv">Copyright Board Canada /聽Commission du droit d'auteur du Canada</h1> <div class="row"> <div class="col-xs-11 col-md-8"> <img id="header-logo" src="/themes/contrib/wxt_bootstrap/images/logo-copyright-board-canada.png" alt="Copyright Board Canada" class="img-responsive"> </div> </div> <div class="row"> <section class="col-xs-6 text-right" lang="fr"> <h2 class="wb-inv">Commission du droit d'auteur du Canada</h2> <p><a href="/fr" class="btn btn-primary">Fran莽ais</a></p> </section> <section class="col-xs-6"> <h2 class="wb-inv">Copyright Board Canada</h2> <p><a href="/en" class="btn btn-primary">English</a></p> </section> </div> </div> <div class="sp-bx-bt col-xs-12"> <div class="row"> <div class="col-xs-7 col-md-8"> <a href="/fr/avis/index" class="sp-lk">Avis</a> <span class="glyphicon glyphicon-asterisk"></span> <a href="/en/terms-conditions/index" class="sp-lk" lang="fr">Terms and conditions</a> </div> <div class="col-xs-5 col-md-4 text-right mrgn-bttm-md"> </div> </div> </div> </div> </main> </body> </html>