CINXE.COM
Collection Spotlight
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"> <link rel="stylesheet" type="text/css" href="https://www.google.com/cse/static/style/look/v2/default.css"> <!-- Font Awesome CSS --> <link rel="stylesheet" type="text/css" href="/staticfiles/PublicWebsite/assets/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="/staticfiles/PublicWebsite/assets/css/ParlWebsite.css"> <link rel="stylesheet" type="text/css" href="/staticfiles/PublicWebsite/assets/css/ce-lop-main.min.css"> <link rel="stylesheet" type="text/css" href="/staticfiles/PublicWebsite/assets/css/publicBase.min.css"> <link rel="stylesheet" type="text/css" href="/staticfiles/PublicWebsite/assets/css/lop.min.css"> <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-EZMNMBHGXD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-EZMNMBHGXD'); </script> <!-- 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-5V5MNW9');</script> <!-- End Google Tag Manager --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5V5MNW9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --><meta content="en_CA" name="Language"> <meta content="Collection spotlight highlights the Library of Parliament鈥檚 collection of rare books, art and artefacts." name="description"> <title>Collection Spotlight</title> </head> <body id="top"> <header> <div id="Header" > <!-- Skip to Content --> <a href="#StartofContent" class="ce-lop-skipnav sr-only sr-only-focusable __web-inspector-hide-shortcut__">Skip to main content</a> <div class="LOPHeaderContainer"> <script type="text/javascript" src="/staticfiles/PublicWebsite/assets/scripts/utility.js"></script> <!-- <style> .banner { background-color: #aac7d2; display:none; } .marquee { margin: 0 auto; font-size: 1.5em; color:#322f31 ; white-space: nowrap; overflow: hidden; } .marquee span { display: inline-block; padding-left: 100%; animation: marquee 40s linear infinite; padding-top: 4px; padding-bottom: 4px; } @keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); } } </style> <div class="banner"> <div class="container"> <p class="marquee"> <span></span> </p> </div> </div> <script type="text/javascript"> (function($) { $(document).ready(function () { if(envLanguage == envFrench) { $(".marquee span").html("Le Service de renseignements du Parlement du Canada est au courant que sa ligne téléphonique d’information au public a été utilisée aux fins de déguiser frauduleusement des appels provenant d’un autre numéro de téléphone. Nous avons signalé cet incident aux autorités responsables de la sécurité. Si vous avez reçu un appel suspect et souhaitez le signaler, veuillez communiquer avec le <a href='http://www.antifraudcentre-centreantifraude.ca/reportincident-signalerincident/index-fra.htm' target='_blank'>Centre antifraude du Canada.</a>"); } else { $(".marquee span").html("The Parliament of Canada Information Service is aware that its public inquiries telephone line has been used to fraudulently disguise calls from another telephone number. We have reported the issue to security authorities. If you have received a suspicious call and wish to report it, please contact the <a href='http://www.antifraudcentre-centreantifraude.ca/reportincident-signalerincident/index-eng.htm' target='_blank'>Canadian Anti-Fraud Centre.</a>"); } $(".banner").slideToggle(); }); })(jQuery); </script> --> <div class="ce-lop-header hidden-print" role="banner"> <div class="container"> <a class="ce-lop-btn pull-left" title="" id="" href="http://www.parl.ca" target="_blank">Parliament of Canada</a> <ul class="pull-right"> <li role="menuitem"> <a class="ce-lop-btn-visit hidden-xs" title="" id="" href="https://visit.parl.ca" target="_self">Visit Parliament</a> <a class="ce-lop-btn-visit visible-xs" title="" id="" href="https://visit.parl.ca" target="_self">Visit</a> </li> <li role="menuitem"> <a class="ce-lop-btn-visit hidden-xs" title="" id="parlwebsite-language-link" href="/sites/PublicWebsite/default/fr_CA/About/Spotlight?selected=Spotlight" target="_self">Fran莽ais</a> <a class="ce-lop-btn-visit visible-xs" title="" id="parlwebsite-language-link" href="/sites/PublicWebsite/default/fr_CA/About/Spotlight?selected=Spotlight" target="_self">FR</a> </li> </ul> </div> </div> <nav class="ce-lop-nav hidden-print" role="navigation"> <div class="container"> <div class="row"> <div class="col-sm-12"> <ul class="ce-lop-nav-list"> <li class="ce-lop-nav-senate-link"> <a title="Senate of Canada website" id="" href="https://www.sencanada.ca/en" target="_blank"> <span>Senate</span> </a> </li> <li class="ce-lop-nav-hoc-link"> <a title="Canadian House of Commons website" id="" href="http://www.ourcommons.ca/en" target="_blank"> <span>House of Commons</span> </a> </li> <li class="ce-lop-nav-lop-link right"> <a title="" id="" href="https://learn.parl.ca" target="_self"> <span class="hidden-xs">Learn about Parliament</span> <span class="visible-xs">Learn</span> </a> </li> </ul> </div> </div> </div> </nav> </div> <div id="top-navbar" class="hidden-print"> <div class="container"> <div class="row"> <nav> <div class="col-sm-12 hidden-xs" role="menubar" aria-orientation="horizontal"> <ul class="main_menu"> <li class="menubar_item "> <a class="" title="" id="" href="/sites/PublicWebsite/default/en_CA/" target="_self"> <img src="/staticfiles/PublicWebsite/assets/images/Header/LOP-weblogo-e.png" alt="Library of Parliament"> </a> </li> <li class="menubar_item "> <a class="" title="Share on social media" id="shareLink" href="#" target="_self"> <img src="/staticfiles/PublicWebsite/assets/images/Header/icon-share-menu-off.png" alt="Partager sur les media sociaux"> <p>Share</p></a> </li> <li class="menubar_item "> <a class="" title="Seach Library site" id="searchLink" href="#" target="_self"> <img src="/staticfiles/PublicWebsite/assets/images/Header/icon-search-menu-off.png" alt="Seach Library of Parliament Website"> <p>Search</p></a> </li> <li class="menubar_item "> <a class="" title="" id="" href="/sites/PublicWebsite/default/en_CA/ContactUs" target="_self"> <p>Contact us</p></a> </li> <li class="menubar_item "> <a class="" title="" id="" href="https://lop.parl.ca/sites/jobs/default/en_CA" target="_blank"> <p>Employment</p></a> </li> <li class="menubar_item "> <a class="selected" title="" id="" href="/sites/PublicWebsite/default/en_CA/About" target="_self"> <p>About</p></a> </li> </ul> </div> <div class="col-sm-12 top-navbar-right visible-xs"> <ul class="main_menu_mobile"> <li class="short_menubar_item"> <a href="/sites/PublicWebsite/default/en_CA" target="_self"> <img src="/staticfiles/PublicWebsite/assets/images/Header/LOP-weblogo-dome-only.png" /> </a> </li> <li class="short_menubar_item"> <a id="hamburger" title="Menu" role="button" aria-expanded="false" aria-haspopup="true" href="#" data-toggle="dropdown" alt="Menu"> <img title="Menu" alt="Menu" src="/staticfiles/PublicWebsite/assets/images/Header/icon-mobile-menu.png"> </a> <ul class="lop-dropdown-menu dropdown-menu" role="menu" aria-orientation="vertical"> <li class="mobile_menubar_item "> <a class="selected" title="" id="" href="/sites/PublicWebsite/default/en_CA/About" target="_self"> <p>About</p></a> </li> <li class="mobile_menubar_item "> <a class="" title="" id="" href="https://lop.parl.ca/sites/jobs/default/en_CA" target="_blank"> <p>Employment</p></a> </li> <li class="mobile_menubar_item "> <a class="" title="" id="" href="/sites/PublicWebsite/default/en_CA/ContactUs" target="_self"> <p>Contact us</p></a> </li> <li class="mobile_menubar_item "> <a class="" title="Seach Library site" id="searchLink" href="#" target="_self"> <img src="/staticfiles/PublicWebsite/assets/images/Header/icon-search-menu-off.png" alt="Seach Library of Parliament Website"> <p>Search</p></a> </li> <li class="mobile_menubar_item "> <a class="" title="Share on social media" id="shareLink" href="#" target="_self"> <img src="/staticfiles/PublicWebsite/assets/images/Header/icon-share-menu-off.png" alt="Partager sur les media sociaux"> <p>Share</p></a> </li> </ul> </li> </ul> </div> </nav> </div> </div> </div> <!-- Begin Share Bar --> <div id="share-bar" class="hidden-print"> <div class="container"> <div class="row"> <div class="share-links"> <a class="" title="Share via Email" id="" href="mailto:?subject=Welcome to the Library of Parliament&body=https://lop.parl.ca" target="_self"> <!--Email --> <img src="/staticfiles/PublicWebsite/assets/images/Header/icon-share-email-off.png" alt=""> </a> <a class="" title="Share on facebook" id="shareFacebook" href="https://www.facebook.com/sharer/sharer.php?u={currentURL}" target="_blank"> <!--Facebook --> <img src="/staticfiles/PublicWebsite/assets/images/Header/icon-share-facebook-on.png" alt="icon-share-facebook-on.png"> </a> <a class="" title="Share on twitter" id="shareTwitter" href="https://twitter.com/intent/tweet?text={text}&url={currentURL}" target="_blank"> <!--Twitter --> <img src="/staticfiles/PublicWebsite/assets/images/Header/icon-share-twitter-on.png" alt="icon-share-twitter-on.png"> </a> </div> </div> </div> </div> <!-- Begin Search Bar --> <div id="search-bar" class="hidden-print"> <div class="container"> <div class="row"> <div class="container-search"> <script> var enGSS = '003934017444517720899:2yikiaohvw8'; var frGSS = '003934017444517720899:vyknm0flco8'; //'3b6d11f9907bdcdb5'; (function() { var cx = ('en_CA' == 'fr_CA' ? frGSS : enGSS); var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = 'https://cse.google.com/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })(); </script> <div class="gcse-searchbox-only" data-resultsUrl="/sites/PublicWebsite/default/en_CA/SearchResults?personalized_ads=0"></div> <style type="text/css"> /*Google Search Bar START*/ .cse .gsc-control-cse, .gsc-control-cse { padding: 0em; } .gsc-input-box { border: 1px solid #D9D9D9; background: #fff; height: 30px; width: 100%; float: left; } .gsib_a, .gsib_b { vertical-align: top; } .gsib_b { background-color: #fff; } table.gsc-search-box td { vertical-align: middle; } .gsc-search-box-tools .gsc-search-box .gsc-input { padding-right: 0px; } table.gsc-search-box { background-color: #ffffff; } .gsc-search-box-tools .gsc-clear-button { display: none; } input.gsc-search-button-v2 { width:30px; height:30px; background-image: url('/staticfiles/PublicWebsite/assets/images/Header/icon-search-bar.png') !important; background-repeat: no-repeat; padding-left: 5px; float: left; } input.gsc-input { box-shadow: none; text-align: left; } #gsc-i-id1 { box-shadow: none; } input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus { border: 0px #fff; background-color: #ffffff; box-shadow: none; width:20px; } td.gsc-search-button { width: 1%; } .gsst_b { font-size: 16px; padding: 0 2px; position: relative; user-select: none; -ms-user-select: none; white-space: nowrap; } .gsst_b { background-color: #fff; } .gsst_a { display: inline-block; } .gsst_a { cursor: pointer; padding: 0 4px; } .gsst_a { padding-top: 5.5px; } .gscb_a { display: inline-block; font: 27px/13px arial, sans-serif; } .gsst_a .gscb_a { color: #a1b9ed; cursor: pointer; } .gsib_a { width: 100%; padding: 4px 6px 0; } .gsib_a, .gsib_b { vertical-align: top; } .gsib_a { padding-right: 8px; padding-left: 8px; } .gsib_a { background-color: #fff; } .gsib_b { background-color: #fff; } .gsst_b { background-color: #fff; } .cse input.gsc-input, input.gsc-input {background-image:none !important;} .gsc-adBlock { padding-bottom: 5px; display: none; } /*Google Search Bar END*/ </style> </div> </div> </div> </div> <script type="text/javascript"> jQuery.noConflict(); (function($) { $(document).ready(function () { //Set Share Links var shareFacebookLink = $('#shareFacebook').attr('href') shareFacebookLink = shareFacebookLink.replace('{currentURL}', encodeURI("https://lop.parl.ca/sites/PublicWebsite/default/en_CA/About/Spotlight?selected=Spotlight")) $('#shareFacebook').attr('href', shareFacebookLink) var shareTwitterLink = $('#shareTwitter').attr('href') shareTwitterLink = shareTwitterLink.replace('{text}', $(document).find("title").text()) shareTwitterLink = shareTwitterLink.replace('{currentURL}', encodeURI("https://lop.parl.ca//sites/PublicWebsite/default/en_CA/About/Spotlight?selected=Spotlight")) $('#shareTwitter').attr('href', shareTwitterLink) $('#share-bar').on('click', function () { toggle($("#shareLink").closest("li")); }); $('#search-bar:not(#gsc-i-id1)').on('click', function (item) { //ensure the click occured in the div but not on the text box or the X icon if($(item.target).is('div')) { toggle($("#searchLink").closest("li")); } }); //Toggle Search and Share Bars from the Menubar $('li.menubar_item').on('click', function () { var anchor = $(this).find('a'); if( $(anchor).attr('id') == "shareLink" || $(anchor).attr('id') == "searchLink" ) { toggle($(this)); //Set focus setTimeout(function() { document.getElementById("gsc-i-id1").focus(); }, 200); } }); //Toggle Search and Share Bars from the Menubar $('li.mobile_menubar_item').on('click', function () { var anchor = $(this).find('a'); if( $(anchor).attr('id') == "shareLink" || $(anchor).attr('id') == "searchLink" ) { toggle($(this)); //Set focus setTimeout(function() { document.getElementById("gsc-i-id1").focus(); }, 200); } }); function toggle(item) { //expand selected Bar var selectedItem = $(item).find("a"); var li; if(selectedItem.attr('id') == "shareLink") { //toggle other expaded item item = $(".menubar_item #shareLink"); li = item.closest("li"); $("li.menu_expanded").not(li).removeClass('menu_expanded'); //toggle selected item $(li).toggleClass('menu_expanded'); //Hide already expanded bars $("#search-bar:visible").hide(); $("#share-bar").fadeToggle(); } else { //toggle other expaded item item = $(".menubar_item #searchLink"); li = item.closest("li"); $("li.menu_expanded").not(li).removeClass('menu_expanded'); //toggle selected item $(li).toggleClass('menu_expanded'); //Hide already expanded bars $("#share-bar:visible").hide(); $("#search-bar").fadeToggle(); } } //Hover on share items $( ".share-links img" ).hover( function() { var newPath = $(this).attr('src'); var replace = "-off"; var replacewith = "-on"; if(newPath.indexOf(replacewith) > -1) { replacewith="-off"; replace = "-on"; } newPath = newPath.replace(replace, replacewith); $(this).attr('src', newPath); } ); }); })(jQuery); </script> </div> </header> <div id="section-header" class="print_off"> <div class="container"> <div class="col-xs-12 lop-breadcrumb"> <nav> <a href="/sites/PublicWebsite/default/en_CA/" class="accessible-links">Library of Parliament</a> > <a href="/sites/PublicWebsite/default/en_CA/About" class="accessible-links">About the Library</a> > <a href="/sites/PublicWebsite/default/en_CA/About/Spotlight" class="accessible-links">Collection Spotlight</a> <span id="last" class="breadcrumb-active"></span> </nav> </div> <h1 class="hidden-xs"> About the Library</h1> <script type="text/javascript"> var sectionHeaderClassName = "section-header-default"; if (("About" != null)) { var sectionHeaderClassName = "section-header-About".toLowerCase(); } jQuery.noConflict(); (function($) { $(document).ready(function () { setSectionHeaderClass(); }); // //Set the Section Header Class Name Based On the current Channel Name //Remove the Id for pages other than Level 1 (root Channel) // function setSectionHeaderClass() { var sectionHeaderDiv = $('#section-header'); if (sectionHeaderDiv.html() != undefined) { sectionHeaderDiv.attr('class', ''); sectionHeaderDiv.addClass(sectionHeaderClassName); sectionHeaderDiv.addClass("print_off"); } } })(jQuery); </script> </div> </div> <!-- Identify the sub channel so that it can be compared against the menu bar and Highlight the current sub section --> <div class="section-menu-bar"> <div class="container"> <div class="row"> <nav> <ul class="section-menu-bar-strip"> <li class="section-menu-bar-strip"> <a title="" id="Vision" href="/sites/PublicWebsite/default/en_CA/About/Vision" target="_self" class="" href="/sites/PublicWebsite/default/en_CA/About/Vision"> <span>Mandate</span> </a> </li> <li class="section-menu-bar-strip"> <a title="" id="Overview" href="/sites/PublicWebsite/default/en_CA/About/Overview" target="_self" class="" href="/sites/PublicWebsite/default/en_CA/About/Overview"> <span class="hidden-sm hidden-xs">Organization overview</span> <span class="visible-sm visible-xs">Organization</span> </a> </li> <li class="section-menu-bar-strip"> <a title="" id="Services" href="/sites/PublicWebsite/default/en_CA/About/Services" target="_self" class="" href="/sites/PublicWebsite/default/en_CA/About/Services"> <span class="hidden-sm hidden-xs">Our services</span> <span class="visible-sm visible-xs">Services</span> </a> </li> <li class="section-menu-bar-strip"> <a title="" id="Documents" href="/sites/PublicWebsite/default/en_CA/About/CorporateDocuments" target="_self" class="" href="/sites/PublicWebsite/default/en_CA/About/CorporateDocuments"> <span class="hidden-sm hidden-xs">Corporate documents</span> <span class="visible-sm visible-xs">Documents</span> </a> </li> <li class="section-menu-bar-strip"> <span class="active"> <span class="hidden-sm hidden-xs">Collection Spotlight</span> <span class="visible-sm visible-xs">Spotlight</span> </span> </li> <li class="section-menu-bar-strip"> <a title="" id="Social" href="/sites/PublicWebsite/default/en_CA/About/Social" target="_self" class="" href="/sites/PublicWebsite/default/en_CA/About/Social"> <span>Social Media</span> </a> </li> <li class="section-menu-bar-strip"> <a title="" id="Accessibility" href="/sites/PublicWebsite/default/en_CA/About/Accessibility" target="_self" class="" href="/sites/PublicWebsite/default/en_CA/About/Accessibility"> <span>Accessibility</span> </a> </li> </ul> </nav> </div> </div> </div> <div class="container"> <div class="row"> <section> <div class="container"> <a id="StartofContent"></a> <div> <div> <h2>Collection Spotlight</h2> <p><i>Collection Spotlight</i> highlights the Library of Parliament鈥檚 collection of rare books, art, artefacts and more. New <i>Collection Spotlights</i> are added regularly.</p> <p>Collection items are selected for inclusion in our <i>Collection Spotlight</i> based on various criteria, including but not limited to their rarity, value, a unique instance of creation or acquisition, artistic beauty, and bibliographic or historical significance.</p> <p>While exceptional for these reasons, the selections are also representative of the collection as a whole, frequently bringing into sharp focus the contexts and beliefs, including social and political, among others, which informed their creation and creator(s).</p> <p>Inclusion in <i>Collection Spotlight</i> should not be understood to imply endorsement of the views expressed in an item, nor those of their creator(s).</p> </div> </div> <div id="secondary-landing-page"> <!-- Manage the opening and closing of rows based on the List Sort Order--> <!-- If multiple list have the same sort order, they sould display on the same row. The What's New and the Row1 Lists are examples--> <!-- Open first <div class=row"> for each Row (1 row usually have 1 smartlist)--> <div class="row"> <div class="col-md-8 col-sm-6"> <a href="/sites/PublicWebsite/default/en_CA/About/Spotlight/AudubonsBirdsofAmerica" target="_self" title="" class=""> <div class="FeaturedItemTwoThirdOverTwoRows" style="background: url(/staticfiles/PublicWebsite/assets/images/About/Treasures/Audubon-category.jpg) center no-repeat; background-size: cover;"> <!-- <img class="FeaturedItemTwoThirdOverTwoRows" src="/staticfiles/PublicWebsite/assets/images/About/Treasures/Audubon-category.jpg" alt="Audubon-category.jpg" /> --> <div class="lop-container-text"> <h2>Audubon鈥檚 <i>Birds of America</i></h2> </div> </div> </a> </div> <div class="col-md-4 col-sm-6"> <a href="/sites/PublicWebsite/default/en_CA/About/Spotlight/RareBooks" target="_self" title="" class=""> <div class="FeaturedItemOneThird" style="background: url(/staticfiles/PublicWebsite/assets/images/About/Treasures/Champlain-category.jpg) center no-repeat; background-size: cover;"> <!-- <img class="FeaturedItemOneThird" src="/staticfiles/PublicWebsite/assets/images/About/Treasures/Champlain-category.jpg" alt="Champlain-category.jpg" /> --> <div class="lop-container-text"> <h2>Rare books</h2> </div> </div> </a> </div> <div class="col-md-4 col-sm-6"> <a href="/sites/PublicWebsite/default/en_CA/About/Spotlight/DecorativeArtsAndFinishes" target="_self" title="" class=""> <div class="FeaturedItemOneThird" style="background: url(/staticfiles/PublicWebsite/assets/images/About/Treasures/Treasures-category-dome.jpg) center no-repeat; background-size: cover;"> <!-- <img class="FeaturedItemOneThird" src="/staticfiles/PublicWebsite/assets/images/About/Treasures/Treasures-category-dome.jpg" alt="Treasures-category-dome.jpg" /> --> <div class="lop-container-text"> <h2>Decorative arts and finishes</h2> </div> </div> </a> </div> <div class="col-md-12"> <a href="/sites/PublicWebsite/default/en_CA/About/Spotlight/ArtsAndArtefacts" target="_self" title="" class=""> <div class="FeaturedItemFull" style="background: url(/staticfiles/PublicWebsite/assets/images/About/Treasures/Inkstand-category.jpg) center no-repeat; background-size: cover;"> <!-- <img class="FeaturedItemFull" src="/staticfiles/PublicWebsite/assets/images/About/Treasures/Inkstand-category.jpg" alt="Inkstand-category.jpg" /> --> <div class="lop-container-text"> <h2>Art and artefacts</h2> </div> </div> </a> </div> </div> <!-- Close the Last <div class=row">--> <script type="text/javascript"> jQuery.noConflict(); (function($) { jQuery(document).ready(function () { setCourouselInterval(); }); function setCourouselInterval() { /* LIBRARY OF PARLIAMENT SLIDESHOW */ jQuery('.carousel').carousel({ interval: 0 //changes the speed }); } })(jQuery); </script> </div> </div> </section> </div> </div> <footer class="ce-lop-footer hidden-print" role="contentinfo"> <div id="footer" > <p><a href="#" class="back-to-top"><span class="sr-only">Top of Page</span></a></p><script> jQuery(document).ready(function() { var offset = 500; var duration = 500; jQuery(window).scroll(function() { if (jQuery(this).scrollTop() > offset) { jQuery('.back-to-top').fadeIn(duration); } else { jQuery('.back-to-top').fadeOut(duration); } }); jQuery('.back-to-top').click(function(event) { event.preventDefault(); jQuery('html, body').animate({scrollTop: 163}, duration); return false; }) }) </script><div class="ce-lop-footer-top"> <div class="container"> <div class="row ce-lop-footer-vc"> <div class="col-md-4 text-center col-md-push-4 ce-lop-footer-emblem"> <img alt="" src="/staticfiles/PublicWebsite/assets/images/Footer/logo-footer-parl-e.png"> </div> <div class="col-md-4 col-md-pull-4"> <ul class="ce-lop-footer-external-links"> <li> <a id="" class="ce-lop-footer-senate-link" title="Senate of Canada website" href="https://www.sencanada.ca/en" target="_blank"> <span>Senate</span> </a> </li> <li> <a id="" class="ce-lop-footer-hoc-link" title="Canadian House of Commons website" href="http://www.ourcommons.ca/en" target="_blank"> <span>House of Commons</span> </a> </li> <li> <a id="" class="" title="" href="https://pps.parl.ca/" target="_blank"> <span>Parliamentary Protective Service</span> </a> </li> <li> <a id="" class="" title="Canadian Parliament career portal" href="http://jobs-emplois.parl.ca/?Language=E" target="_blank"> <span>Employment at Parliament</span> </a> </li> </ul> </div> <div class="col-md-4 ce-lop-footer-stay-connected"> <div class="ce-lop-footer-stay-connected-header"> <a href="https://lop.parl.ca/sites/PublicWebsite/default/en_CA/About/Social"> <p> <b><p>Stay connected</p></b><br><br> <img src="/staticfiles/PublicWebsite/assets/images/Footer/icon-connect-twitter.png" alt="Connect with Twitter"> <img src="/staticfiles/PublicWebsite/assets/images/Footer/icon-connect-linkedin.png" alt="Connect with LinkedIn"> <img src="/staticfiles/PublicWebsite/assets/images/Footer/icon-connect-instagram.png" alt="Connect with Instagram"> <img src="/staticfiles/PublicWebsite/assets/images/Footer/icon-connect-facebook5.png" alt="icon-connect-facebook5.png"> <img src="/staticfiles/PublicWebsite/assets/images/Footer/icon-connect-youtube.png" alt="Connect with Youtube"> <img src="/staticfiles/PublicWebsite/assets/images/Footer/icon-connect-flickr.png" alt="Connect with Flickr"> </p> </a> </div> </div> </div> </div> </div> <div class="ce-lop-footer-bottom"> <div class="container"> <div class="row"> <div class="col-sm-12 text-center"> <ul class="ce-lop-footer-bottom-links"> <li> <a id="" class="" title="" href="https://lop.parl.ca/sites/ParlInfo/default/en_CA/SiteInformation/atoz" target="_blank"> <span>A to Z index</span> </a> </li> <li> <a id="" class="" title="" href="https://lop.parl.ca/sites/PublicWebsite/default/en_CA/About/Accessibility" target="_blank"> <span>Accessibility</span> </a> </li> <li> <a id="" class="" title="" href="https://lop.parl.ca/sites/PublicWebsite/default/en_CA/Notices" target="_self"> <span>Important notices</span> </a> </li> </ul> </div> </div> </div> </div> </div> </footer> </Body> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> </html>