CINXE.COM

BC Content Hub

<!doctype html> <html lang="en" data-url="/en/login" > <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html"/> <!--facebook meta tags start--> <meta property="og:title" /> <meta property="og:description" /> <meta property="og:type" content="website"/> <meta property="og:image" content="https://www.bccontenthub.com" /> <meta property="og:image:secure_url" content="https://www.bccontenthub.com"/> <meta property="og:image:width" content="false"/> <meta property="og:image:height" content="false"/> <meta property="og:url" content="https://www.bccontenthub.com/en/login" /> <meta property="og:site_name" content="Standard portal"/> <!--facebook meta tags end--> <!--twitter meta tags start--> <meta name="twitter:card" content="summary"/> <meta name="twitter:url" content="https://www.bccontenthub.com/en/login" /> <meta name="twitter:title" /> <meta name="twitter:description" /> <meta name="twitter:image" content="https://www.bccontenthub.com" /> <meta name="twitter:site" content=""/> <meta name="twitter:creator" content=""/> <!--twitter meta tags end--> <!-- Begin: src/tpl/meta-head.html --> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- CSS --> <link href="/styles/condensed-fa80e673.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="/custom/css/custom-abf1f159.css" > <!-- End: src/tpl/meta-head.html --> <!-- favicon icon --> <link rel="icon" href="/img/favicon16x16-dbc-c3c1bce3.png" /> <!-- Apple Touch Icon --> <link rel="apple-touch-icon" href="/img/apple-touch-icon-120-2bc068c6.png" /> <link rel="apple-touch-icon" sizes="180x180" href="/img/apple-touch-icon-180-af1c882c.png" /> <link rel="apple-touch-icon" sizes="152x152" href="/img/apple-touch-icon-152-d9fdf964.png" /> <link rel="apple-touch-icon" sizes="167x167" href="/img/apple-touch-icon-167-55c8c86c.png" /> <!-- Custom SASS <link href="css/condensed_scss.css" rel="stylesheet"> --> <title>BC Content Hub</title> <!-- 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-M9BQ8DG');</script> <!-- End Google Tag Manager --> </head> <body class="green-skin" data-domain="root.current.dbc." data-domain2="root."> <!-- Begin: src/tpl/cookie-disclaimer.html --> <div id="disclaimerCookie" class="csCookies-wraper" > <div class="container"> <div class="row"> <span class="col-lg-11 col-md-11 col-sm-11 col-xs-10"> This site uses cookies. By continuing to browse the site you are agreeing to our use of cookies. <a href="/en/privacy-policy" >Find out more here</a> </span> <span class="col-lg-1 col-md-1 col-sm-1 col-xs-2"> <a href="#" id="disclaimerCookieHide" class="pull-right"> <i class="fa fa-close csCookies-close pull-right"></i> </a> </span> </div> </div> </div> <!-- End: src/tpl/cookie-disclaimer.html --> <!-- Begin: src/tpl/csHeader.html --> <header class="navbar-fixed-top" id="mp-header"> <div class="container"> <nav class="navbar navbar-dark"> <!--Collapse button--> <a href="#" data-activates="mobile-menu" class="button-collapse mobile-menu-btn pull-left" id="mp-trigger"> <i class="fa fa-bars white-text"></i> </a> <!--Content for large and medium screens--> <div class=""> <!--Navbar Brand--> <a class="navbar-brand waves-effect waves-light" href="/en"> <img src="/img/destination-bc-logo-05e495d2.png" class="screen" alt="Logo"> <img src="/img/destination-bc-logo-05e495d2.png" class="print" alt="Print Logo"> </a> <!--Links--> <ul class="nav navbar-nav"> <li class="nav-item waves-effect waves-light" > <a class="nav-link waves-effect waves-light" href="/en/collections" > Collections </a> </li> <li class="nav-item dropdown navDropdown navMoreLi" style="display:none"> <!--cs-class="cs.navigation.navigated.url?ends_with(item.urlExternalOrInternal)?then('dropdown-item active','dropdown-item')"--> <a class="nav-link dropdown-toggle" id="dropdownMenu-more" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> More </a> <div class="dropdown-menu" aria-labelledby="dropdownMenu-more"> </div> </li> </ul> <ul class="nav navbar-nav nav-flex-icons"> <li class="nav-item avatar active dropdown"> <a class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" data-tippy-content="My Account"> <span class="avatar-icon text-xs-center"><i class="fa fa-user"></i></span> </a> <div class="dropdown-menu dropdown-menu-right" data-dropdown-in="fadeIn" data-dropdown-out="fadeOut"> <a class="dropdown-item" href="/en/create-an-account" >Create an Account</a> <a class="dropdown-item" href="/en/login?login.redirectlogin=%2Fen%2Flogin" >Login</a> </div> </li> </ul> <ul class="nav navbar-nav nav-flex-icons noprint"> </ul> </div> </nav> </div> </header><!-- End: src/tpl/csHeader.html --> <main> <aside class="csSmartNav" style="display:none"> <nav id="mp-menu" class="mp-menu" > <div class="mp-level scroll-y"> <ul> <li><a href="/en" >Home</a></li> <li class="color-2"> <a href="/en/media-assets" >Content Preview</a> </li><li class="portal"> <a href="/en/collections" >Collections</a> </li> </ul> </div> </nav> </aside> <div class="main-wrapper mp-pusher" id="mp-pusher"> <div class="container"> <ol class="breadcrumb"> <li><span >You are here:</span></li> <li class="breadcrumb-item"> <a href="/en">Home</a> </li> </ol> <div class="row"> <div class="col-md-12"> <div> <div id="carousel-thumb" class="js-carousel carousel slide carousel-fade carousel-thumbnails cs-slider mb-2" data-ride="carousel"> <div class="carousel-inner" role="listbox"> <!-- 23361 --> <div class="carousel-item active"> <picture> <source media="(min-width: 480px)" srcset="/__image/a/21776/alias/xl/v/10/c/85/ar/flexible/fn/21776.jpg, /__image/a/21776/alias/xl2x/v/10/c/85/ar/flexible/fn/21776.jpg 2x"> <source srcset="/__image/a/21776/alias/m/v/10/c/85/ar/flexible/fn/21776.jpg, /__image/a/21776/alias/m2x/v/10/c/85/ar/flexible/fn/21776.jpg 2x"> <img src="/__image/a/21776/alias/m/v/10/c/85/ar/flexible/fn/21776.jpg" alt=""> </picture> </div> <!-- 23364 --> <div class="carousel-item"> <picture> <source media="(min-width: 480px)" srcset="/__image/a/19353/alias/xl/v/16/c/478/ar/flexible/fn/Bear%202.jpg, /__image/a/19353/alias/xl2x/v/16/c/478/ar/flexible/fn/Bear%202.jpg 2x"> <source srcset="/__image/a/19353/alias/m/v/16/c/478/ar/flexible/fn/Bear%202.jpg, /__image/a/19353/alias/m2x/v/16/c/478/ar/flexible/fn/Bear%202.jpg 2x"> <img src="/__image/a/19353/alias/m/v/16/c/478/ar/flexible/fn/Bear%202.jpg" alt=""> </picture> </div> <!-- 23367 --> <div class="carousel-item"> <picture> <source media="(min-width: 480px)" srcset="/__image/a/21782/alias/xl/v/2/c/40/ar/flexible/fn/Coast%2021782.jpg, /__image/a/21782/alias/xl2x/v/2/c/40/ar/flexible/fn/Coast%2021782.jpg 2x"> <source srcset="/__image/a/21782/alias/m/v/2/c/40/ar/flexible/fn/Coast%2021782.jpg, /__image/a/21782/alias/m2x/v/2/c/40/ar/flexible/fn/Coast%2021782.jpg 2x"> <img src="/__image/a/21782/alias/m/v/2/c/40/ar/flexible/fn/Coast%2021782.jpg" alt=""> </picture> </div> <!-- 23370 --> <div class="carousel-item"> <picture> <source media="(min-width: 480px)" srcset="/__image/a/21779/alias/xl/v/2/c/48/ar/flexible/fn/Mountains%2021779.jpg, /__image/a/21779/alias/xl2x/v/2/c/48/ar/flexible/fn/Mountains%2021779.jpg 2x"> <source srcset="/__image/a/21779/alias/m/v/2/c/48/ar/flexible/fn/Mountains%2021779.jpg, /__image/a/21779/alias/m2x/v/2/c/48/ar/flexible/fn/Mountains%2021779.jpg 2x"> <img src="/__image/a/21779/alias/m/v/2/c/48/ar/flexible/fn/Mountains%2021779.jpg" alt=""> </picture> </div> </div> <a class="left carousel-control" role="button" data-carousel-slide="prev"> <span class="icon-prev" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" role="button" data-carousel-slide="next"> <span class="icon-next" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> <section class="csWidget-wrapper"> <h3 class="h3-responsive clear"><span class="csAnchor-target" id="cstoc-1"></span> Welcome to British Columbia’s Content Hub </h3> <p>The BC Content Hub is a collection of images, b-roll, videos, travel stories, maps, and more, from Destination British Columbia, and tourism organizations around the province. The assets on the BC Content Hub are available to the tourism industry and travel media for use in the promotion of travel in British Columbia.</p> </section> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <!--Header--> <div class="text-xs-left"> <h3 class="h3-responsive">Login</h3> <hr/> </div> <div class="card"> <div class="card-block"> <form method="post" novalidate="novalidate" action="/en/login" class="form-login"> <!--Body--> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> <div class="md-form"> <input name="login.login" id="email" type="text" class="form-control" required="required" /> <label for="email" >User name (Email)</label> </div> </div> <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> <div class="md-form"> <input name="login.password" id="password" type="password" class="form-control" required="required" /> <label for="password" >Password</label> </div> </div> </div> <fieldset class="form-group"> <input name="login.remember_original" id="login.remember_original" type="hidden" value="true" /><input name="login.remember" id="keep-logged-in" type="checkbox" value="true" /> <label for="keep-logged-in" >Remember me</label> </fieldset> <div class="md-form user-login"> <button data-translation-key="" name="action.loginUserPass" id="action.loginUserPass" type="submit" class="btn btn-secondary">Login</button> </div> <a class="" href="/en/password-reset"> <span>Forgot Password</span> </a> <input type="hidden" name="login.redirectlogin" value="/en" /><input type="hidden" name="login.redirectlogin" value="/en" /></form> </div> <!--Footer--> <div class="modal-footer"> <div class="text-xs-left"> <p>New to the BC Content Hub?</p> <a href="/en/create-an-account" target="_self" class="btn waves-effect waves-light csBtn_cta btn-blue-grey" > CREATE AN ACCOUNT <i class="fa fa-chevron-circle-right"></i> </a> </div> </div> </div> </div> </div> </div> <div class="col-md-12"></div> </div> </div> </div> </main> <!-- Begin: src/tpl/csFooter.html --> <footer class="page-footer center-on-small-only" id="mp-footer"> <!--Footer links--> <div class="container"> <ul class="csFooter-link"> <li> <a href="/en/faq" >FAQs</a> </li><li> <a href="/en/contact-us" >Contact Us</a> </li><li> <a href="/en/privacy-policy" >Privacy Policy</a> </li><li> <a href="/en/terms-conditions" >Terms and Conditions</a> </li><li> <a href="http://www.DestinationBC.ca" target="_blank" rel="noopener noreferrer">DestinationBC.ca</a> </li><li> <a href="http://www.HelloBC.com" target="_blank" rel="noopener noreferrer">HelloBC.com</a> </li> </ul> </div> <!--/.Footer links--> <div class="footer-copyright"> <div class="containter-fluid"> &copy; <span >2025 Destination BC Corp. – All rights reserved</span> </div> </div> </footer><!-- End: src/tpl/csFooter.html --> <div id="mdb-lightbox-ui"> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <!-- Background of PhotoSwipe. It's a separate element, as animating opacity is faster than rgba(). --> <div class="pswp__bg"></div> <!-- Slides wrapper with overflow:hidden. --> <div class="pswp__scroll-wrap"> <!-- Container that holds slides. PhotoSwipe keeps only 3 slides in DOM to save memory. --> <!-- don't modify these 3 pswp__item elements, data is added later on. --> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. --> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <!-- Controls are self-explanatory. Order can be changed. --> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> <!--<button class="pswp__button pswp__button--share" title="Share"></button>--> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button> <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR --> <!-- element will get class pswp__preloader--active when preloader is running --> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <!-- <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> --> <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> </div> <div id="watch-headline-title"></div> <script type="text/javascript" src="/js/bottom-c3d63867.js"></script> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M9BQ8DG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> </body> </html>

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