Title page. <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,500,300,700,900&subset=latin,greek-ext,greek,latin-ext' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700&subset=latin,greek-ext,greek,latin-ext' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="/css/foundation.css" /> <link rel="stylesheet" href="/css/slicknav.css" /> <link rel="stylesheet" href="/style.css" /> <link rel="stylesheet" href="/css/flexslider.css" /> <script src="/js/vendor/custom.modernizr.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> </head> <body> <div class="row"> <div class="small-12 columns"> <div class="top"> <ul class="languages"> <li><a href="http://el.travelogues.gr/">EΛΛΗΝΙΚΑ</a></li> <li><a href="http://eng.travelogues.gr/">ΕΝGLISH</a></li> <li><a href="http://tr.travelogues.gr/">TÜRKÇE</a></li> </ul> </div> </div> </div> <div class="row"> <div class="small-12 columns"> <div class="header"> <div class="row"> <div class="small-12 large-2 columns"> <div class="text-center"><img src="/img/laskaridi.png" alt="Aikaterini Laskaridis Foundation" class="paddingtop"/></div> </div> <div class="small-12 large-8 columns"> <h5 class="text-center"><a href="http://eng.travelogues.gr/">TRAVELOGUES</a></h5> <h3 class="text-center"><a href="http://eng.travelogues.gr/">TRAVELLERS' VIEWS</a></h3> <h4 class="text-center"><a href="http://eng.travelogues.gr/">Places – Monuments – People</a></h4> <h6 class="text-center"><a href="http://eng.travelogues.gr/">Southeastern Europe – Eastern Mediterranean</a></h6> <h6 class="text-center"><a href="http://eng.travelogues.gr/">Greece – Asia Minor – Southern Italy</a></h6> <hr/> <h4 class="text-center orange"><a href="http://eng.travelogues.gr/">15<sup>th</sup> - 20<sup>th</sup> century</a></h2> </div> <div class="small-12 large-2 columns"> <div class="text-center"><img src="/img/travelogues.png" alt="Travelogues" class="paddingtop"/></div> </div> </div> </div> </div> </div> <div class="row"> <div class="small-12 columns">  <div class="row"> <div class="twelve columns"> <nav class="desktop-menu"> <ul id="themenu" class="sf-menu navigation"> <li class="menu-item "><a href="page.php?view=86">AIKATERINI LASKARIDIS FOUNDATION</a></li> <li class="menu-item "> <a href="#">TRAVELOGUES</a> <ul class="sub-menu"> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="ergo.php?view=11">THE WEBSITE</a></li> <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="page.php?view=88">CONTRIBUTORS</a></li> </ul> </li> <li class="menu-item "><a href="topoi.php">PLACES</a></li> <li class="menu-item "><a href="#">SOURCES</a> <ul class="sub-menu"> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="collections.php">CURRENTLY AVAILABLE</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="page.php?view=90">FORTHCOMING</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="page.php?view=91">NEWLY ADDED</a></li> </ul></li> <li class="menu-item "><a href="bibliography.php">BIBLIOGRAPHY</a></li> <li class="menu-item "><a href="#">SUBJECTS</a> <ul class="sub-menu"> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="all-tags.php">ALL SUBJECTS</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="subject.php?view=13643">VIEWS</a></li> <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="subject.php?view=9250">ART AND ANTIQUITIES</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="subject.php?view=9258">ARCHITECTURE AND BUILT ENVIRONMENT</a></li> <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="subject.php?view=9784">ETHNIC GROUPS</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="subject.php?view=13675">RELIGIOUS PRACTICES</a></li> <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="subject.php?view=10168">HISTORY</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="subject.php?view=10197">SOCIAL SPHERE AND EVERYDAY LIFE</a></li> <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="subject.php?view=11509">MYTHOLOGY</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="subject.php?view=13687">ECONOMIC ACTIVITY</a></li> <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="subject.php?view=12215">STATE AND MILITARY INSTITUTIONS - DIPLOMATIC RELATIONS</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="subject.php?view=12216">CULTURAL ACTIVITIES</a></li> <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="subject.php?view=12304">PORTRAITS</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="subject.php?view=12305">AUTHOR PORTRAITS</a></li> <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="subject.php?view=12529">TITLE PAGE</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="subject.php?view=12794">TRAVEL</a></li> <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="subject.php?view=13423">HEALTHCARE</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="subject.php?view=13187">NATURAL ENVIRONMENT</a></li> <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="subject.php?view=13218">MAPS</a></li> </ul> </li> <li class="menu-item "><a href="#">CONTACT</a> <ul class="sub-menu"> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="contact.php">CONTACT US</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="digital_use.php">REQUEST TO USE AND REPRODUCE DIGITAL COLLECTIONS</a></li> </ul> </li> </ul> </nav>  <nav class="mobile-menu"> <ul> <li class="menu-item "><a href="page.php?view=86">AIKATERINI LASKARIDIS FOUNDATION</a></li> <li id="menu-item-59" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-59"><a href="#">TRAVELOGUES</a> <ul class="sub-menu"> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="ergo.php?view=11">THE WEBSITE</a></li> <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="page.php?view=88">CONTRIBUTORS</a></li> </ul> </li> <li id="menu-item-57" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-57"><a href="topoi.php">PLACES</a></li> <li id="menu-item-58" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-58"><a href="#">SOURCES</a> <ul class="sub-menu"> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="collections.php">CURRENTLY AVAILABLE</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="page.php?view=90">FORTHCOMING</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="page.php?view=91">NEWLY ADDED</a></li> </ul></li> <li id="menu-item-59" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-59"><a href="bibliography.php">BIBLIOGRAPHY</a></li> <li id="menu-item-83" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-83"><a href="#">SUBJECTS</a> <ul class="sub-menu"> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="all-tags.php">ALL SUBJECTS</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="subject.php?view=9146">VIEWS</a></li> <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="subject.php?view=9250">ART AND ANTIQUITIES</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="subject.php?view=9258">ARCHITECTURE AND BUILT ENVIRONMENT</a></li> <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="subject.php?view=9784">ETHNIC GROUPS</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="subject.php?view=10063">RELIGIOUS PRACTICES</a></li> <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="subject.php?view=10168">HISTORY</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="subject.php?view=10197">SOCIAL SPHERE AND EVERYDAY LIFE</a></li> <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="subject.php?view=11509">MYTHOLOGY</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="subject.php?view=11853">ECONOMIC ACTIVITY</a></li> <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="subject.php?view=12215">STATE AND MILITARY INSTITUTIONS - DIPLOMATIC RELATIONS</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="subject.php?view=12216">CULTURAL ACTIVITIES</a></li> <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="subject.php?view=12304">PORTRAITS</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="subject.php?view=12305">AUTHOR PORTRAITS</a></li> <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="subject.php?view=12529">TITLE PAGE</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="subject.php?view=12794">TRAVEL</a></li> <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="subject.php?view=13423">HEALTHCARE</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="subject.php?view=13187">NATURAL ENVIRONMENT</a></li> <li id="menu-item-61" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61"><a href="subject.php?view=13218">MAPS</a></li> </ul> </li> <li id="menu-item-83" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-83"><a href="#">CONTACT</a> <ul class="sub-menu"> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="contact.php">CONTACT US</a></li> <li id="menu-item-60" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-60"><a href="digital_use.php">REQUEST TO USE AND REPRODUCE DIGITAL COLLECTIONS</a></li> </ul> </li> </ul> </nav>  </div> </div>  </div> </div> <div class="row"> <div class="small-12 columns"> <div class="searchsection"> <div class="section-container tabs" data-section="tabs"> <section class="active"> <p class="title" data-section-title><a href="#panel1">Tag Search</a></p> <div class="content" data-section-content>  <script type="text/javascript"> $(document).ready(function() { $("#keywords").keyup(function() { var kw = $("#keywords").val(); if(kw != '') { $.ajax ({ type: "POST", url: "_search_live.php", data: "kw="+ kw, success: function(option) { $("#results").html(option); } }); } else { $("#results").html(""); } return false; }); $(".overlay").click(function() { $(".overlay").css('display','none'); $("#results").css('display','none'); }); $("#keywords").focus(function() { $(".overlay").css('display','block'); $("#results").css('display','block'); }); }); </script> <form method="get" id="searchform" action="search.php" data-abide> <div class="row"> <div class="small-10 small-centered columns"> <div class="row"> <div class="large-10 small-12 columns"> <div id="inputbox"> <input type="text" id="keywords" name="keywords" autocomplete="off" required> <small class="error">Type a search term</small> <div id="results"></div> <div class="overlay"></div> </div> </div> <div class="large-2 small-12 columns"> <button type="submit" class="button large">Search</button> </div> </div> </div> </div> </form>  </div> </section> <section> <p class="title" data-section-title><a href="#panel2">Advanced Search</a></p> <div class="content" data-section-content>  <form method="get" id="advancedsearchform" action="advanced_search.php"> <div class="row"> <div class="small-10 small-centered columns"> <div class="row"> <div class="large-3 columns"> <label>Subject</label> <input type="text" id="title" name="title" placeholder=""> </div> <div class="large-3 columns"> <label>Date</label> <input type="text" id="date" name="date" placeholder=""> </div> <div class="large-3 columns"> <label>Traveller</label> <input type="text" id="creator" name="creator" placeholder=""> </div> <div class="large-3 columns"> <label>Tag</label> <input type="text" id="tag" name="tag" placeholder=""> </div> </div> <div class="row"> <div class="large-12 columns"> <button type="submit" class="button large">Search</button> </div> </div> </div> </div> </form>  </div> </section> </div> </div> </div> </div> <div class="row"> <div class="small-12 columns"> <div class="maincontent"> <div class="content"> <div class="row"> <div class="large-8 small-12 columns"> <a href="http://english.travelogues.gr/archive/fullsize/463be7eb91e0abb3d5c28107f08314ed.jpg" class="fancybox"><img src="http://english.travelogues.gr/archive/fullsize/463be7eb91e0abb3d5c28107f08314ed.jpg" width="640"/></a> <h6 class="paddingtopsmall">Title</h6> <p>Title page. </p> <h6>Date</h6> <p>1897</p> <h6>Bibliographic Citation</h6> <p>LEGRAND, ÉMILE. <em>Description des Iles de l'Archipel par Christophe Buondelmonti version grecque par un anonyme publiée d'après le manuscrit du Sérail avec une traduction française et un commentaire par Émile Legrand, professeur à l'École nationale des langues orientales. Première partie ornée de 52 cartes géographiques</em>, Paris, Ernest Leroux, 1897.</p> </p> <h6>Subject</h6><p> Title page<br/> </p> </div> <div class="large-4 small-12 columns"> <h6 class="orange">Tags</h6> <div class="panel"> <div class="element-text tags"> <a href="tag.php?view=12529" rel="tag">Title page</a></div> </div> <h6 class="orange">Collection</h6> <div class="panel"> <a href="collection.php?view=259">LEGRAND, ÉMILE. Description des Iles de l'Archipel par Christophe Buondelmonti version grecque par un anonyme publiée d'après le manuscrit du Sérail... Paris, Ernest Leroux, 1897.</a></div> </div> </div> </div> </div> <div class="row"> <div class="small-12 columns"> <div class="footer"> <div class="row"> <div class="small-12 large-10 large-centered columns"> <div class="row"> <div class="small-12 large-6 columns hide-for-small"> <div class="footer-text-center">Copyright 2014. <a href="http://www.laskaridisfoundation.org/en/" target="_blank">Aikaterini Laskaridis Foundation</a></div> </div> <div class="small-12 large-6 columns"> <div class="footer-text-right"><a href="http://www.laskaridisfoundation.org/en/" target="_blank">http://www.laskaridisfoundation.org</a></div> </div> </div> </div> </div> </div> </div> <script src="/js/foundation.min.js"></script> <script src="js/foundation/foundation.abide.js"></script> <script src="/js/vendor/respond.min.js"></script> <script src="/js/vendor/jquery.flexslider-min.js"></script> <script src="/js/vendor/jquery.slicknav.min.js"></script> <script src="/js/vendor/hoverIntent.js"></script> <script src="/js/vendor/superfish.js"></script> <script type="text/javascript" charset="utf-8"> $(window).load(function() { $('.flexslider').flexslider({ animation: "fade", slideshowSpeed: 7000, animationSpeed: 650, controlNav: false }); }); </script>  <script type="text/javascript" src="js/source/jquery.fancybox.js?v=2.1.4"></script> <link rel="stylesheet" type="text/css" href="js/source/jquery.fancybox.css?v=2.1.4" media="screen" />  <link rel="stylesheet" type="text/css" href="js/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" /> <script type="text/javascript" src="js/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script> <script> $(document).ready(function() { /* * Simple image gallery. Uses default settings */ $(".fancybox") .attr('rel', 'gallery') .fancybox({ beforeShow: function () { /* Disable right click */ } }); /* * Different effects */ // Change title type, overlay closing speed $(".fancybox-effects-a").fancybox({ helpers: { title : { type : 'outside' }, overlay : { speedOut : 0 } } }); // Disable opening and closing animations, change title type $(".fancybox-effects-b").fancybox({ openEffect : 'none', closeEffect : 'none', helpers : { title : { type : 'over' } } }); // Set custom style, close if clicked, change title type and overlay color $(".fancybox-effects-c").fancybox({ wrapCSS : 'fancybox-custom', closeClick : true, openEffect : 'none', helpers : { title : { type : 'inside' }, overlay : { css : { 'background' : 'rgba(238,238,238,0.85)' } } } }); // Remove padding, set opening and closing animations, close if clicked and disable overlay $(".fancybox-effects-d").fancybox({ padding: 0, openEffect : 'elastic', openSpeed : 150, closeEffect : 'elastic', closeSpeed : 150, closeClick : true, helpers : { overlay : null } }); /* * Button helper. Disable animations, hide close button, change title type and content */ $('.fancybox-buttons').fancybox({ openEffect : 'none', closeEffect : 'none', prevEffect : 'none', nextEffect : 'none', closeBtn : false, helpers : { title : { type : 'outside' }, buttons : {} }, afterLoad : function() { this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : ''); } }); /* * Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked */ $('.fancybox-thumbs').fancybox({ prevEffect : 'elastic', nextEffect : 'elastic', openSpeed : 150, closeSpeed : 150, closeBtn : true, arrows : true, nextClick : true, helpers : { thumbs : { width : 50, height : 50 } } }); /* * Media helper. Group items, disable animations, hide arrows, enable media and button helpers. */ $('.fancybox-media') .attr('rel', 'media-gallery') .fancybox({ openEffect : 'none', closeEffect : 'none', prevEffect : 'none', nextEffect : 'none', arrows : false, helpers : { media : {}, buttons : {} } }); /* * Open manually */ $("#fancybox-manual-a").click(function() { $.fancybox.open('1_b.jpg'); }); $("#fancybox-manual-b").click(function() { $.fancybox.open({ href : 'iframe.html', type : 'iframe', padding : 5 }); }); $("#fancybox-manual-c").click(function() { $.fancybox.open([ { href : '1_b.jpg', title : 'My title' }, { href : '2_b.jpg', title : '2nd title' }, { href : '3_b.jpg' } ], { helpers : { thumbs : { width: 75, height: 50 } } }); }); }); </script> <script type="text/javascript" src="js/custom.js"></script> <script> $(document).foundation(); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-48369603-1']); _gaq.push(['_setDomainName', 'travelogues.gr']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-C8XE11J1B6"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-C8XE11J1B6'); </script></body> </html>