CINXE.COM

<!doctype html> <html lang="en"> <head> <meta charset="utf-8">  <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-KVVBFG');</script>  <script > window.dataLayer=window.dataLayer||[]; dataLayer.push({'userstatus': 'false'}); </script> <script defer src="https://cdns.symplr.de/structurae.net/structurae.js"></script> <title> Basilica of Sant'Apollinare in Classe (Ravenna, 549) | Structurae </title> <meta name="Description" content="Basilica of Sant'Apollinare in Classe is a church that was built from 532 until 549. The project is located in Ravenna, Ravenna, Emilia-Romagna, Italy, Europe.The architectural style is byzantine."> <meta name="Keywords" content="Basilica di Sant'Apollinare in Classe,Basilica of Sant'Apollinare in Classe,byzantine,church,Emilia-Romagna ,Italy,Ravenna" /> <meta name="Author-Corporate" content="Nicolas Janberg"> <meta name="Author-Personal" content="Nicolas Janberg, Chief Editor"> <meta property="fb:admins" content="1346871745" /> <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/ms-icon-144x144.png"> <meta name="theme-color" content="#ffffff"> <meta property="og:title" content="Basilica of Sant'Apollinare in Classe (Ravenna, 549) | Structurae" /> <meta property="og:description" content="Basilica of Sant'Apollinare in Classe is a church that was built from 532 until 549. The project is located in Ravenna, Ravenna, Emilia-Romagna, Italy, Europe.The architectural style is byzantine." /> <meta property="og:site_name" content="Structurae" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://files.structurae.net/files/photos/wikipedia/Ravenna_1978_104.jpg" /> <meta property="og:image:secure_url" content="https://files.structurae.net/files/photos/wikipedia/Ravenna_1978_104.jpg" /> <META NAME="ROBOTS" CONTENT="INDEX,FOLLOW,ARCHIVE,IMAGES"> <script src="/layouts/js/html5shiv.min.js"></script> <script src="/layouts/js/html5shiv-printshiv.min.js"></script> <script type="text/javascript">document.documentElement.className += " js";</script> <script src="https://browser.sentry-cdn.com/6.13.3/bundle.tracing.min.js" integrity="sha384-bMCNwkS0NNIDdeiv/LpGYQjDzjnZSqqN12IWUUyPlSTLXQloo4EAl9P9mW9AyVzw" crossorigin="anonymous"></script> <script> Sentry.init({ dsn: 'https://52c48690c89f4a8fbbc28a4e842145c8@bm-sentry.com/5', integrations: [new Sentry.Integrations.BrowserTracing()], tracesSampleRate: 0.2 }); </script> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="/layouts/css/styles-newest.css?v=20241119ao" type="text/css"> <link rel="stylesheet" href="/layouts/css/font-awesome.min.css?v=20241119ao" type="text/css"> <link rel="stylesheet" href="/layouts/css/scrollableTabs.css?v=20241119ao" type="text/css"> <link rel="stylesheet" href="/layouts/css/new-header.css?v=20241119ao" type="text/css"> <link rel="stylesheet" href="/layouts/css/permissions.css?v=20241119ao" type="text/css">     <meta property="og:url" content="https://structurae.net/en/structures/basilica-of-sant-apollinare-in-classe" /> <link rel="canonical" href="https://structurae.net/en/structures/basilica-of-sant-apollinare-in-classe" /> <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> <script> window.googletag = window.googletag || {cmd: []}; var cookiesEnabled = 1; // =0 enabled; =1 disabled. var personalizedAdsDisabled = 1; googletag.cmd.push(function() { googletag.pubads().setCookieOptions(cookiesEnabled); googletag.pubads().setRequestNonPersonalizedAds(personalizedAdsDisabled); // Define leaderboard ad for header var ads_leaderboard = googletag .defineSlot('/57419936/StructuraeLeaderBoard/StructuraeLeaderBoardEN', [[120, 60], [320, 50], [970, 90], [728, 90]], 'leaderboard') .addService(googletag.pubads()); var mapping = googletag.sizeMapping() .addSize([1024, 100], [[970, 90], [728, 90]]) .addSize([800, 100], [728, 90]) .addSize([0, 0], [[320, 50],[120,60]]) .build(); ads_leaderboard.defineSizeMapping(mapping); // Define in-page ad var ads_inpage = googletag .defineSlot('/57419936/InPageAds/StructuraeInpageEN', [[300, 250], [300, 300]], 'inpagead') .addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.pubads().collapseEmptyDivs(); googletag.enableServices(); }); </script> <link href="/layouts/js/new/owl.carousel.2.0.0/assets/owl.theme.default.min.css?v=20241119ao" type="text/css" rel="stylesheet" /> <link href="/layouts/js/new/owl.carousel.2.0.0/assets/owl.carousel.min.css?v=20241119ao" type="text/css" rel="stylesheet" /> <link href="/layouts/js/new/justifiedGallery/justifiedGallery.min.css?v=20241119ao" type="text/css" rel="stylesheet" /> <link href="/layouts/js/new/photoswipe/photoswipe.css?v=20241119ao" type="text/css" rel="stylesheet" /> <link href="/layouts/js/new/photoswipe/default-skin/default-skin.css?v=20241119ao" type="text/css" rel="stylesheet" /> <link href="/layouts/css/secondaryMenuLevel.css?v=20241119ao" type="text/css" rel="stylesheet" /> <link href="/layouts/css/videoWrapper.css?v=20241119ao" type="text/css" rel="stylesheet" />  <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" /> <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script> <script> window.addEventListener("load", function(){ window.cookieconsent.initialise({ "palette": { "popup": { "background": "#252e39" }, "button": { "background": "#14a7d0" } }, "position": "bottom", "content": { "message": "Structurae uses cookies! By continuing to use Structurae you are agreeing to their use. More info in our", "dismiss": "OK", "link": "Cookie Policy", "href": "https://structurae.net/en/about/cookie-policy" } })}); </script> </head> <body class="">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KVVBFG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="top" > <div class="ym-wrapper"> <div class="ym-wbox ym-clearfix"> <div id="shoppingCartIcon"> <a href="/en/cart"><i class="fa fa-shopping-cart"></i></a> <div class="cart-total"> 0 </div> </div> <div class="login-info-area"> <a href="#ajaxLoginPopup" id="myStructuraeLoginBtn" class="mystructurae-login-btn mystructurae-login-btn-popup" style="border: 1px solid #6BADB0; border-radius: 4px; background-color: #6BADB0">Login</a> </div> <div class="float-left"> <ul class="nolist flaglist"> <li class="short-language " > <a href="/de/bauwerke/basilika-sant-apollinare-in-classe" > DE</a> </li> <li class="short-language language-active-li" > <a href="/en/structures/basilica-of-sant-apollinare-in-classe" class="language-active"> EN</a> </li> <li class="short-language last-language " > <a href="/fr/ouvrages/basilique-saint-appollinaire-in-classe" > FR</a> </li> <li class="top-tag">International Database and Gallery of Structures</li> </ul> </div> <div class="float-right top-search-icon"> <i class="fa fa-search" aria-hidden="true"></i> </div> <div id="top-search" class="sub-search hidden"> <form class="ym-searchform " method="GET" action="/en/search/"> <input class="ym-searchfield" name="search" value="" type="text" placeholder="Full text search..." /> <input class="ym-searchbutton" type="submit" value="Search" /> </form> </div> </div> </div> </div> <div id="header"> <div class="ym-wrapper"> <div class="ym-wbox ym-clearfix"> <span class="logo"> <a href="/en/"> <img class="main-logo" src="https://files.structurae.net/images/structurae.png" alt="Structurae - International Database and Gallery of Structures" /> </a> <span class="logo-tag">International Database and Gallery of Structures</span> </span> </div> </div> </div> <nav class="mobile-nav" onresize="resizeMenu()"> <a class="li-logo" href="/en/"> <img class="nav-logo padding-12" src="https://files.structurae.net/images/small-structurae-white.png" alt="Structurae - International Database and Gallery of Structures" /> </a> <button class="btn-menu"> <span class="bar"></span> </button> <div id="shoppingCartIcon"> <a href="/en/cart"><i class="fa fa-shopping-cart"></i></a> <div class="cart-total"> 0 </div> </div> <ul class="mobile-menu"> <li class="margin-auto one-column mobile-navi-language-search"> <div id="top-search" class="nav-mobile-search margin-auto"> <form class="ym-searchform " method="GET" action="/en/search/"> <input class="ym-searchfield" name="search" value="" type="text" placeholder="Full text search..." /> <input class="ym-searchbutton" type="submit" value="Search" /> </form> </div> <div class="login-info-area mobile-login-area margin-auto"> <a href="/en/my-structurae/register" id="myStructuraeRegisterBtn" class="nav-register-mobile mystructurae-login-btn" style="border: 1px dotted #777; border-radius: 6px; background-color: #F2C771">Create Account</a>   <a href="#ajaxLoginPopup" id="myStructuraeLoginBtn" class="nav-login-mobile mystructurae-login-btn mystructurae-login-btn-popup" style="border: 1px dotted #777; border-radius: 6px; background-color: #6BADB0; color: white;">Login</a> </div> </li> <li class="slide"> <a class="mobile-menu-item" href="/en/structures/">Structures</a><span class="has-list"></span> <ul class="mobile-sub-menu"> <li> <a class="mobile-submenu-item" href="/en/structures/search?fromMenu=1">Search</a> </li> <li> <a class="mobile-submenu-item" href="/en/structures/parametricsearch?fromMenu=1">Parametric Search</a> </li> <li> <a class="mobile-submenu-item" href="/en/structures/amusement-rides">Amusement rides</a> </li> <li> <a class="mobile-submenu-item" href="/en/structures/bridges">Bridges and Viaducts</a> </li> <li> <a class="mobile-submenu-item" href="/en/structures/buildings">Buildings</a> </li> <li> <a class="mobile-submenu-item" href="/en/structures/dams">Dams</a> </li> <li> <a class="mobile-submenu-item" href="/en/structures/infrastructure">Infrastructure projects</a> </li> <li> <a class="mobile-submenu-item" href="/en/structures/off-shore-marine-structures">Off-shore & Marine Structures</a> </li> <li> <a class="mobile-submenu-item" href="/en/structures/towers">Towers and Masts</a> </li> <li> <a class="mobile-submenu-item" href="/en/structures/tunnels-caverns-and-shafts">Tunnels, Caverns and Shafts</a> </li> <li> <a class="mobile-submenu-item" href="/en/structures/urban-planning">Urban planning</a> </li> <li> <a class="mobile-submenu-item" href="/en/structures/events">Events</a> </li> <li> <a class="mobile-submenu-item" href="/en/structures/structure-awards">Structure Awards</a> </li> <li> <a class="mobile-submenu-item" href="/en/structures/historic-and-listed-structures">Historic and Listed Structures</a> </li> </ul> </li> <li class="slide"> <a class="mobile-menu-item" href="/en/companies/">Companies</a> </li> <li class="slide"> <a class="mobile-menu-item" href="/en/products-services/">Products & Services</a> </li> <li class="slide"> <a class="mobile-menu-item" href="/en/persons/">Persons</a> </li> <li class="slide"> <a class="mobile-menu-item" href="/en/literature/">Literature</a><span class="has-list"></span> <ul class="mobile-sub-menu"> <li> <a class="mobile-submenu-item" href="/en/literature/search/?fromMenu=1">Search</a> </li> <li> <a class="mobile-submenu-item" href="/en/literature/authors/">Author Index</a> </li> <li> <a class="mobile-submenu-item" href="/en/literature/periodicals/">Peridodicals</a> </li> </ul> </li> <li class="slide"> <a class="mobile-menu-item" href="/en/shop">Shop</a><span class="has-list"></span> <ul class="mobile-sub-menu"> <li> <a class="mobile-submenu-item" href="/en/shop/subscription/">Structurae Plus / Structurae Pro</a> </li> <li> <a class="mobile-submenu-item" href="https://structurae.myspreadshop.net/">Merchandising</a> </li> <li> <a class="mobile-submenu-item" href="/en/shop/#booksHeader">eBooks</a> </li> <li> <a class="mobile-submenu-item" href="/en/shop/#proceedingsHeader">Conference Proceedings</a> </li> <li> <a class="mobile-submenu-item" href="/en/shop/#papersHeader">Conference Papers</a> </li> </ul> </li> <li class="slide"> <a class="mobile-menu-item" href="/en/geography/">Geography</a> </li> <li class="slide"> <a class="mobile-menu-item" href="/en/newsletter/">Newsletter</a> </li> <li class="slide"> <a class="mobile-menu-item" href="/en/my-structurae/register" style="border: 1px dotted #777; border-radius: 6px; background-color: #F2C771; padding: 5px; margin-left: 10px;">Register for free</a> </li> <li class="margin-auto one-column mobile-navi-language-search"> <div class="mobile-language margin-auto mobile-navi-language-search"> <ul class="nolist flaglist"> <li class="short-language " > <a href="/de/bauwerke/basilika-sant-apollinare-in-classe" > DE</a> </li> <li class="short-language language-active-li" > <a href="/en/structures/basilica-of-sant-apollinare-in-classe" class="language-active"> EN</a> </li> <li class="short-language last-language " > <a href="/fr/ouvrages/basilique-saint-appollinaire-in-classe" > FR</a> </li> </ul> </div> </li> </ul> </nav> <nav id="nav" class="fixedsticky"> <div style="position:relative"> <div class="nav-hidden-submenu-2 submenu submenu-margin" id="submenu"> <div id="item-2-1" class="submenu-item round with-image "> <a class="submenu-a round" href="/en/structures/search?fromMenu=1"> <img class="flexible nobotmargin round " src="/images/magnifying_glass_icon2.png"> <span > Search </span> </a> </div> <div id="item-2-1" class="submenu-item round with-image "> <a class="submenu-a round" href="/en/structures/parametricsearch?fromMenu=1"> <img class="flexible nobotmargin round sliders " src="/images/magnifying_glass_icon2.png"> <i class="fa fa-sliders"></i><span class="star">PLUS</span><span class="starpro">PRO</span> <span class="sliders"> <nobr> Parametric Search </nobr> </span> </a> </div> <hr class="block"> <div id="item-2-2" class="submenu-item with-image "> <a class="submenu-a " href="/en/structures/amusement-rides"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/1/amusement-rides.png"> <span > Amusement rides </span> </a> </div> <div id="item-2-2" class="submenu-item with-image "> <a class="submenu-a " href="/en/structures/bridges"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/1/20100625/dsc05930.jpg"> <span > Bridges and Viaducts </span> </a> </div> <div id="item-2-2" class="submenu-item with-image "> <a class="submenu-a " href="/en/structures/buildings"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/1/20100605/dsc04245_shift.jpg"> <span > Buildings </span> </a> </div> <div id="item-2-2" class="submenu-item with-image "> <a class="submenu-a " href="/en/structures/dams"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/wikipedia/Shinsui-614-r1.JPG"> <span > Dams </span> </a> </div> <div id="item-2-2" class="submenu-item with-image "> <a class="submenu-a " href="/en/structures/infrastructure"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/2510/einhausung_a3_goldbach_hosbach.jpg"> <span > Infrastructure projects </span> </a> </div> <div id="item-2-2" class="submenu-item with-image "> <a class="submenu-a " href="/en/structures/off-shore-marine-structures"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/statoil/gullfaksc01.jpg"> <span > Off-shore & Marine Structures </span> </a> </div> <div id="item-2-2" class="submenu-item with-image "> <a class="submenu-a " href="/en/structures/towers"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/2445/dsc_0171.jpg"> <span > Towers and Masts </span> </a> </div> <div id="item-2-2" class="submenu-item with-image "> <a class="submenu-a " href="/en/structures/tunnels-caverns-and-shafts"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/1/20130606/DSC08343.JPG"> <span > Tunnels, Caverns and Shafts </span> </a> </div> <div id="item-2-2" class="submenu-item with-image "> <a class="submenu-a " href="/en/structures/urban-planning"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/5256/dsc01079.jpg"> <span > Urban planning </span> </a> </div> <hr class="block"> <div id="item-2-3" class="submenu-item with-image "> <a class="submenu-a " href="/en/structures/events"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/1/events.png"> <span > Events </span> </a> </div> <div id="item-2-3" class="submenu-item with-image "> <a class="submenu-a " href="/en/structures/structure-awards"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/1/structure-awards.png"> <span > Structure Awards </span> </a> </div> <div id="item-2-3" class="submenu-item with-image "> <a class="submenu-a " href="/en/structures/historic-and-listed-structures"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/1/historic-structures.jpg"> <span > Historic and Listed Structures </span> </a> </div> </div> <div class="nav-hidden-submenu-6 submenu submenu-margin" id="submenu"> <div id="item-6-1" class="submenu-item round with-image "> <a class="submenu-a round" href="/en/literature/search/?fromMenu=1"> <img class="flexible nobotmargin round " src="/images/magnifying_glass_icon2.png"> <span > Search </span> </a> </div> <div id="item-6-1" class="submenu-item round with-image "> <a class="submenu-a round" href="/en/literature/authors/"> <img class="flexible nobotmargin round " src="/images/a-z.png"> <span > Author Index </span> </a> </div> <div id="item-6-1" class="submenu-item round with-image "> <a class="submenu-a round" href="/en/literature/periodicals/"> <img class="flexible nobotmargin round " src="/images/newspaper.png"> <span > Peridodicals </span> </a> </div> </div> <div class="nav-hidden-submenu-7 submenu submenu-margin" id="submenu"> <div id="item-7-1" class="submenu-item round "> <a class="submenu-a round" href="/en/shop/subscription/"> <div class="roundshop"> <span class="subscriptionstar">PLUS</span><span class="subscriptionstarpro">PRO</span> </div> <span > Structurae Plus<br>Structurae Pro </span> </a> </div> <div id="item-7-1" class="submenu-item round "> <a class="submenu-a round" href="https://structurae.myspreadshop.net/"> <div class="roundshop"> <i class="fa fa-gift"></i> </div> <span > Merchandising </span> </a> </div> <hr class="block"> <div id="item-7-2" class="submenu-item with-image "> <a class="submenu-a " href="/en/shop/#booksHeader"> <img class="flexible nobotmargin " src="/layouts/images/books.jpeg"> <span > eBooks </span> </a> </div> <div id="item-7-2" class="submenu-item with-image "> <a class="submenu-a " href="/en/shop/#proceedingsHeader"> <img class="flexible nobotmargin " src="/layouts/images/proceedings.jpeg"> <span > Conference Proceedings </span> </a> </div> <div id="item-7-2" class="submenu-item with-image "> <a class="submenu-a " href="/en/shop/#papersHeader"> <img class="flexible nobotmargin " src="/layouts/images/papers.png"> <span > Conference Papers </span> </a> </div> </div> <div class="ym-wrapper"> <div class="ym-wbox ym-hlist ym-clearfix"> <button id="MenuToggle"><div><b></b><b></b><b></b></div><span>MENU</span></button>  <ul class="pageNav"> <li class="li-main-logo"> <a class="li-logo" href="/en/"> <img class="nav-logo" src="/favicon-32x32.png" alt="Structurae - International Database and Gallery of Structures" /> </a> </li> <li id="1" class="home-menu "><a href="//structurae.net/en/">Home</a></li> <li id="2" class="active "><a href="//structurae.net/en/structures/">Structures</a></li> <li id="3" class=" "><a href="//structurae.net/en/companies/">Companies</a></li> <li id="4" class=" "><a href="//structurae.net/en/products-services/">Products & Services</a></li> <li id="5" class=" "><a href="//structurae.net/en/persons/">Persons</a></li> <li id="6" class=" "><a href="//structurae.net/en/literature/">Literature</a></li> <li id="7" class=" shop"><a href="//structurae.net/en/shop">Shop</a></li> <li id="8" class=" "><a href="//structurae.net/en/geography/">Geography</a></li> <li id="9" class=" "><a href="//structurae.net/en/newsletter/">Newsletter</a></li> <li id="10" class=" mystructurae"><a href="//structurae.net/en/my-structurae/register">Register for free</a></li> </ul>  </div> </div> </div> </nav> <div id="main"> <div class="advertisements-background"></div> <div class="ym-wrapper"> <div class="ym-wbox homepage"> <div class="sponsors-advertisment"> <div class="header-buttons"> <p class="advertisements en">Advertisement</p> <div id="structurae.net_lb_1"></div> </div> </div> <div > <div class="paywall-header"> <div id="richscope" itemscope itemtype="http://schema.org/Church"> <h1 itemprop="name"> Basilica of Sant'Apollinare in Classe </h1> <div class="secnav_tabs"> <div class="scroller scroller-left"><i class="icon-chevron-left"></i></div> <div class="scroller scroller-right"><i class="icon-chevron-right"></i></div> <div class="structureFav"> <a href="#ajaxLoginPopup" class="mystructurae-login-btn-popup structureFavBtn"> <span class="favorites en "> <span class="icon"></span><span class="text"> Add to Favorites </span> </span> <span class="favorites mobile"> <span class="icon"></span><span class="text"></span> </span> </a> </div> <div class="wrapper"> <ul id="scrollableTabs" class="clearfix tabs-list-secNav list"> <li class="first current"><a href="/en/structures/basilica-of-sant-apollinare-in-classe">Data</a></li> <li class="last " ><a href="/en/structures/basilica-of-sant-apollinare-in-classe/media">Media</a></li> </ul> </div> <div class="content"></div> </div> <div id="favoritesMobile"> <div class="structureFav"> <a href="#ajaxLoginPopup" class="mystructurae-login-btn-popup structureFavBtn"> <span class="favorites en "> <span class="icon"></span><span class="text"> Add to Favorites </span> </span> <span class="favorites mobile"> <span class="icon"></span><span class="text"></span> </span> </a> </div> </div> </div> <div class="ym-grid linearize-level-1"> <div class="ym-g60 ym-gl"> <div class="ym-gbox-left"> <div class="ym-grid block owl-wrapper" style="margin-top: 0px; position: relative"> <div class="pad-sides-40"> <div class="owl-carousel custom-gallery" data-gallery-read-more="media credits"> <div class="item"> <figure> <a href="https://files.structurae.net/files/photos/wikipedia/Ravenna_1978_104.jpg" data-photo-url="/photos/109353" data-style="" data-type="" data-photo-number="0" data-mediaContent="" data-photo-lang="en"> <div class=" carousel access-color-layer small-access-notloggedin on-bottom"> </div> <img class="flexible bordered nobotmargin" itemprop="photo" src="https://files.structurae.net/files/350high/wikipedia/Ravenna_1978_104.jpg" alt="Basilica of Sant'Apollinare in Classe" > <span class="image_type-icon jpg"> </a> <figcaption class="caption1"><a href="/en/media/109353-basilica-of-santapollinare-in-classe">media credits (ID:109353)</a></figcaption> </figure> </div> <div class="item"> <figure> <a href="https://files.structurae.net/files/photos/2546/ra-s-apollinareinclassecimg3616.jpg" data-photo-url="/photos/336223" data-style="" data-media-location="" data-mediaContent="" data-type="JPG" data-photo-number="1" data-photo-lang="en"> <div class=" carousel access-color-layer small-access-notloggedin on-bottom"> </div> <img class="flexible bordered nobotmargin" itemprop="photo" src="https://files.structurae.net/files/350high/2546/ra-s-apollinareinclassecimg3616.jpg" alt="Basilica of Sant'Apollinare in Classe" > <span class="image_type-icon jpg"> </a> <figcaption class="caption1"><a href="/en/media/336223-basilica-of-sant-apollinare-in-classe">media credits (ID:336223)</a></figcaption></figure></div> <div class="item"> <figure> <a href="https://files.structurae.net/files/photos/2546/ra-s-apollinareinclasse-cimg3604.jpg" data-photo-url="/photos/336233" data-style="" data-media-location="" data-mediaContent="" data-type="JPG" data-photo-number="2" data-photo-lang="en"> <div class=" carousel access-color-layer small-access-notloggedin on-bottom"> </div> <img class="flexible bordered nobotmargin" itemprop="photo" src="https://files.structurae.net/files/350high/2546/ra-s-apollinareinclasse-cimg3604.jpg" alt="Basilica of Sant'Apollinare in Classe" > <span class="image_type-icon jpg"> </a> <figcaption class="caption1"><a href="/en/media/336233-basilica-of-sant-apollinare-in-classe">media credits (ID:336233)</a></figcaption></figure></div> <div class="item"> <figure> <a href="https://files.structurae.net/files/photos/2546/ra-s-apollinareinclassecimg3606.jpg" data-photo-url="/photos/336232" data-style="" data-media-location="" data-mediaContent="" data-type="JPG" data-photo-number="3" data-photo-lang="en"> <div class=" carousel access-color-layer small-access-notloggedin on-bottom"> </div> <img class="flexible bordered nobotmargin" itemprop="photo" src="https://files.structurae.net/files/350high/2546/ra-s-apollinareinclassecimg3606.jpg" alt="Basilica of Sant'Apollinare in Classe" > <span class="image_type-icon jpg"> </a> <figcaption class="caption1"><a href="/en/media/336232-basilica-of-sant-apollinare-in-classe">media credits (ID:336232)</a></figcaption></figure></div> <div class="item"> <figure> <a href="https://files.structurae.net/files/photos/2546/ra-s-apollinareinclassecimg3607.jpg" data-photo-url="/photos/336231" data-style="" data-media-location="" data-mediaContent="" data-type="JPG" data-photo-number="4" data-photo-lang="en"> <div class=" carousel access-color-layer small-access-notloggedin on-bottom"> </div> <img class="flexible bordered nobotmargin" itemprop="photo" src="https://files.structurae.net/files/350high/2546/ra-s-apollinareinclassecimg3607.jpg" alt="Basilica of Sant'Apollinare in Classe" > <span class="image_type-icon jpg"> </a> <figcaption class="caption1"><a href="/en/media/336231-basilica-of-sant-apollinare-in-classe">media credits (ID:336231)</a></figcaption></figure></div> <div class="item"> <figure> <a href="https://files.structurae.net/files/photos/2546/ra-s-apollinareinclassecimg3609.jpg" data-photo-url="/photos/336230" data-style="" data-media-location="" data-mediaContent="" data-type="JPG" data-photo-number="5" data-photo-lang="en"> <div class=" carousel access-color-layer small-access-notloggedin on-bottom"> </div> <img class="flexible bordered nobotmargin" itemprop="photo" src="https://files.structurae.net/files/350high/2546/ra-s-apollinareinclassecimg3609.jpg" alt="Basilica of Sant'Apollinare in Classe" > <span class="image_type-icon jpg"> </a> <figcaption class="caption1"><a href="/en/media/336230-basilica-of-sant-apollinare-in-classe">media credits (ID:336230)</a></figcaption></figure></div> <div class="item"> <figure> <a href="https://files.structurae.net/files/photos/2546/ra-s-apollinareinclassecimg3610.jpg" data-photo-url="/photos/336229" data-style="" data-media-location="" data-mediaContent="" data-type="JPG" data-photo-number="6" data-photo-lang="en"> <div class=" carousel access-color-layer small-access-notloggedin on-bottom"> </div> <img class="flexible bordered nobotmargin" itemprop="photo" src="https://files.structurae.net/files/350high/2546/ra-s-apollinareinclassecimg3610.jpg" alt="Basilica of Sant'Apollinare in Classe" > <span class="image_type-icon jpg"> </a> <figcaption class="caption1"><a href="/en/media/336229-basilica-of-sant-apollinare-in-classe">media credits (ID:336229)</a></figcaption></figure></div> <div class="item"> <figure> <a href="https://files.structurae.net/files/photos/2546/ra-s-apollinareinclassecimg3611.jpg" data-photo-url="/photos/336228" data-style="" data-media-location="" data-mediaContent="" data-type="JPG" data-photo-number="7" data-photo-lang="en"> <div class=" carousel access-color-layer small-access-notloggedin on-bottom"> </div> <img class="flexible bordered nobotmargin" itemprop="photo" src="https://files.structurae.net/files/350high/2546/ra-s-apollinareinclassecimg3611.jpg" alt="Basilica of Sant'Apollinare in Classe" > <span class="image_type-icon jpg"> </a> <figcaption class="caption1"><a href="/en/media/336228-basilica-of-sant-apollinare-in-classe">media credits (ID:336228)</a></figcaption></figure></div> </div> </div> <div class="owl-nav ym-clearfix"> <div class="customPrevBtn hidden"><i class="fa fa-angle-left"></i></div> <div class="customNextBtn hidden"><i class="fa fa-angle-right"></i></div> </div> </div> <div><a href="/en/structures/basilica-of-sant-apollinare-in-classe/media" class="ym-button ym-next">There is a total of 21 media files</a></div> <h2 class="js-acordion-header" id="general">General Information</h2> <div class="js-acordion-body" id="general"> <table class="aligned-tables"> <tr> <th>Other name(s):</th> <td>Basilica di Sant'Apollinare in Classe</td> </tr> <tr> <th>Beginning of works:</th> <td> <a href="/en/structures/search?year=532">532</a> </td> </tr> <tr> <th>Completion:</th> <td> <a href="/en/structures/search?year=549">549</a> </td> </tr> <tr> <th>Status:</th> <td> in use </td> </tr> </table> </div> <h2 class="js-acordion-header" id="typology">Project Type</h2> <div class="js-acordion-body paywall-content" id="typology"> <table class="aligned-tables"> <tr> <th> Function / usage: </th> <td> <a href="/en/structures/buildings/churches" title="">Church</a><br /> </td> </tr> <tr> <th> Material: </th> <td> <a href="/en/structures/buildings/masonry-structures" title="">Masonry structure</a><br /> </td> </tr> <tr> <th> Architectural style: </th> <td> <a href="/en/structures/buildings/byzantine" title="">Byzantine</a><br /> </td> </tr> </table> </div> <h2 class="js-acordion-header" id="geographic">Location</h2> <div class="js-acordion-body" id="geographic"> <table class="aligned-tables"> <tr> <th>Location:</th> <td> <span itemprop='containedInPlace' itemscope itemtype='http://schema.org/Place'><a href="/en/geography/ravenna" class="main" title="Ravenna" itemprop='url'><span itemprop='name'><strong>Ravenna</strong></span></a></span>, <span itemprop='containedInPlace' itemscope itemtype='http://schema.org/Place'><a href="/en/geography/ravenna-emilia-romagna-italy" class="main" title="Ravenna" itemprop='url'><span itemprop='name'>Ravenna</span></a></span>, <span itemprop='containedInPlace' itemscope itemtype='http://schema.org/Place'><a href="/en/geography/emilia-romagna" class="main" title="Emilia-Romagna" itemprop='url'><span itemprop='name'>Emilia-Romagna</span></a></span>, <span itemprop='containedInPlace' itemscope itemtype='http://schema.org/Place'><a href="/en/geography/italy" class="main" title="Italy" itemprop='url'><span itemprop='name'>Italy</span></a></span><br /> </td> </tr> <tr> <th>Coordinates:</th> <td itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates"> 44掳 22' 49.17" N    12掳 13' 59.17" E <meta itemprop="latitude" content="44.380325" /> <meta itemprop="longitude" content="12.233102777778" /> </td> </tr> </table> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCGbVq1WvSlTASe6oVUa9a_iDE9k-GJHuI"></script> <script type="text/javascript"> var bounds; var map; var latlng; var mapMaxInitZoom = 17; function initialize() { document.getElementById("relStructMap").style.display = ''; document.getElementById("relStructMapButton").style.display = 'none'; latlng = new google.maps.LatLng(-34.397, 150.644); var myOptions = { zoom: 8, center: latlng, mapTypeId: google.maps.MapTypeId.HYBRID }; map = new google.maps.Map(document.getElementById("relStructMap"),myOptions); bounds = new google.maps.LatLngBounds(); latlng = new google.maps.LatLng(44.380325,12.233102777778); bounds.extend(latlng); var marker47353 = new google.maps.Marker({ map: map, position: latlng, title: 'Basilica of Sant\'Apollinare in Classe' }); // This is needed to set the zoom after fitbounds, google.maps.event.addListener(map, 'zoom_changed', function() { zoomChangeBoundsListener = google.maps.event.addListener(map, 'bounds_changed', function(event) { if (this.getZoom() > mapMaxInitZoom && this.initialZoom == true) { // Change max/min zoom here this.setZoom(mapMaxInitZoom); this.initialZoom = false; } google.maps.event.removeListener(zoomChangeBoundsListener); }); }); map.initialZoom = true; map.fitBounds(bounds); } </script> <div id="relStructMap" style="display: none;"></div> <span class="ym-button icon-map-marker" id="relStructMapButton" onclick="initialize();">Show coordinates on a map</span> </div> <h2 class="js-acordion-header" id="technical">Technical Information</h2> <div class="js-acordion-body" id="technical"> <p class="box info">There currently is no technical data available.</p> </div> <h2 class="js-acordion-header" id="chronology">Chronology</h2> <div class="js-acordion-body" id="chronology"> <table class="tbl-chronology"> <tr> <th> Since 1996 </th> <td><p>Added to the UNESCO world heritage list (ref.788)</p> </td> </tr> </table> </div> </div> </div> <div class="ym-g40 ym-gr"> <div class="ym-gbox-right"> <div class="ym-sidebox" style="text-align: -webkit-center; margin-bottom: 40px;"> <article class="js_column_item mod_teaser_base mod_advert wall_teaser"> <em class="advert_text" style="text-transform: uppercase;">Advertisement</em> <div id="structurae.net_mr_1"></div> </article> </div> <div class="ym-sidebox"> <div class="smod-participants"> <h2 class="js-acordion-header" id="participants">Participants</h2> <div class="js-acordion-body" id="participants"> <p class="box info">Currently there is no information available about persons or companies having participated in this project.</p> </div> </div> </div> <h2 class="js-acordion-header" id="relevant-websites">Relevant Web Sites</h2> <div class="js-acordion-body" id="relevant-websites"> <ul class="se-list-literature longlist"> <li> <a href="http://www.queen.it/citta/ravenna/monum/classe.htm" target="_blank">Citt脿 di Ravenna: Basilica di S. Appollinare in Classe</a> <img src="https://files.structurae.net/images/flags/it.gif" alt="Italian" /> </li> <li> <a href="http://jfbradu.free.fr/mosaiques/ravenne/st-apolli-in-classe/st-apol-in-class.htm" target="_blank">JF Bradu: Mosa茂ques: Ravenne: Saint Apollinaire in Classe</a> <img src="https://files.structurae.net/images/flags/fr.gif" alt="French" /> </li> <li> <a href="https://en.wikipedia.org/wiki/Basilica_of_Sant'Apollinare_in_Classe" target="_blank" rel="nofollow">Wikipedia: Basilica of Sant'Apollinare in Classe</a> <img src="https://files.structurae.net/images/flags/en.gif" alt="English" /> </li> </ul> </div> <div class="ym-sidebox internalinfobox"> <ul class="internalinfo"> <li><strong>About this<br>data sheet</strong></li><li><strong>Structure-ID</strong> <br>20019418</li><li><strong>Published on:</strong> <br>10/02/2006</li><li><strong>Last updated on:</strong> <br>28/05/2021</li> </ul> </div> <div class="ym-sidebox"> <aside class="mod_teaser_base mod_teaser_newsletter wall_teaser"> <div class="teaser_headline" style="max-width: none; font-size: 1.45rem;">Contribute or Correct Data</div> <em class="teaser_category" style="border: none; padding: 0 10px; font-size: 0.79rem;">Do you have additional data or would like to see a correction made to this page?<br>Then please login or register for free and use the following form to submit your information.<br></em> <div class="wrapper_contribute"> <p class="login-required"> <a href="#ajaxLoginPopup" class="mystructurae-login-btn mystructurae-login-btn-popup"> Login </a> <a href="/en/my-structurae/register" class="mystructurae-register-btn"> REGISTER FOR FREE </a> </p> </div> </aside> </div> <div class="ym-sidebox"> <aside class="mod_teaser_base mod_teaser_newsletter wall_teaser"> <div class="teaser_headline my_structurae_teaser"><img class="nav-logo" src="https://files.structurae.net/images/my-structurae-white.png" alt="Structurae - International Database and Gallery of Structures" /></div> <div class="wrapper_contribute"> <ul style="color: white; text-align:left; list-style-type: none; wdith: 95%; margin-top: 10px; margin-bottom: 0px;"> <li style="margin-left: 0px;"> <i class="fa fa-file-photo-o fa-2x" aria-hidden="true" style="color: white; margin-right: 5px;"></i> <i class="fa fa-creative-commons fa-2x" aria-hidden="true" style="color: white; margin-right: 5px;"></i> <span style="vertical-align: middle; display:inline-block; height:33px; font-size:100%;">Download 46.000+ images</span></li> <li style="margin-left: 0px; padding-top: 5px;"> <i class="fa fa-line-chart fa-2x" aria-hidden="true" style="color: white; margin-right: 5px;"></i> <span style="vertical-align: middle; display:inline-block; height:33px; font-size:100%;">Simple data diagrams</span> </li> <li style="margin-left: 0px; padding-top: 5px;"> <i class="fa fa-file-pdf-o fa-2x" aria-hidden="true" style="color: white; margin-right: 5px;"></i> <i class="fa fa-download fa-2x" aria-hidden="true" style="color: white; margin-right: 5px;"></i> <span style="vertical-align: middle; display:inline-block; height:33px; font-size:100%;">Full texts for select publications</span></li> </ul> <p class="login-required" style="font-weight:bold;"> <a href="/en/my-structurae/register" class="mystructurae-login-btn mod_teaser_newsletter" style="width: 94%; padding-top: 10px; padding-bottom: 10px; font-size: 100%; background-color: #F2C771; color: black"> Register for free </a> </p> <p class="login-required"> <a href="#ajaxLoginPopup" class="green-login mystructurae-login-btn mystructurae-login-btn-popup"> Login </a> </p> </div> </aside> </div> <div class="ym-sidebox" style="text-align: -webkit-center; margin-bottom: 40px;"> <article class="js_column_item mod_teaser_base mod_advert wall_teaser"> <em class="advert_text" style="text-transform: uppercase;">Advertisement</em> <div id="structurae.net_mr_4"></div> </article> </div> <div class="ym-sidebox" style="margin-top: 80px;"> <div class="h2eq">Structurae cooperates with</div> <div class="ym-grid"> <div class="ym-g33 ym-gl"> <div class="ym-gbox-left"> <a href="https://iabse.org/" target="_blank" title="International Association for Bridge and Structural Engineering (IABSE)"><img src="https://files.structurae.net/images/IABSE_300x200.jpg" alt="International Association for Bridge and Structural Engineering (IABSE)" class="flexible bordered" ></a> </div> </div> <div class="ym-g33 ym-gl"> <div class="ym-gbox"> <a href="https://e-mosty.cz/" target="_blank" title="e-mosty"><img src="https://files.structurae.net/images/e-mosty_300x200.jpg" alt="e-mosty Magazine" class="flexible bordered" ></a> </div> </div> <div class="ym-g33 ym-gr"> <div class="ym-gbox-right"> <a href="https://e-brim.com/" target="_blank" title="e-BrIM"><img src="https://files.structurae.net/images/e-BrIM_300x200.jpg" alt="e-BrIM Magazine" class="flexible bordered" ></a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="google-ads"> <div class="ym-sidebox" style="text-align: -webkit-center; margin-bottom: 40px;"> <article class="js_column_item mod_teaser_base mod_advert wall_teaser"> <em class="advert_text" style="text-transform: uppercase;">Advertisement</em> <div id="structurae.net_mr_2"></div> </article> </div> </div> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "NewsArticle", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://example.org/article" }, "headline": "Basilica of Sant'Apollinare in Classe (Ravenna, 549) | Structurae", "image": "https://files.structurae.net/files/photos/wikipedia/Ravenna_1978_104.jpg", "datePublished": "{ts '2006-02-10 20:03:01'}", "dateModified": "{ts '2021-05-28 22:41:51'}", "author": { "@type": "Organization", "name": "Structurae" }, "publisher": { "name": "Structurae", "@type": "Organization", "logo": { "@type": "ImageObject", "url": "https://structurae.net/images/structurae.png" } }, "description": "Basilica of Sant'Apollinare in Classe (Ravenna, 549) | Structurae", "isAccessibleForFree": "true", "hasPart": { "@type": "WebPageElement", "isAccessibleForFree": "true", "cssSelector" : ".paywall-content" } } </script> </div> </div> </div> <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "WebSite", "name": "Structurae", "alternateName": "International Database and Gallery of Structures", "url": "https://structurae.net/en/", "potentialAction": { "@type": "SearchAction", "target": "https://structurae.net/en/search{search_term_string}", "query-input": "required name=search_term_string" } } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "Structurae", "alternateName": "International Database and Gallery of Structures", "url": "https://structurae.net/en/", "logo": "https://structurae.net/images/structurae_default_preview_image.png", "sameAs": [ "https://www.facebook.com/Structurae", "https://www.twitter.com/Structurae", "https://www.instagram.com/structurae/", "https://www.youtube.com/@StructuraeDatabase", "https://www.linkedin.com/company/structurae-database/", "https://pinterest.com/structurae/", "https://structurae.net/fr/", "https://structurae.net/de/" ] } </script> <footer> <div id="footer"> <div class="ym-wrapper"> <div class="ym-wbox"> <div class="ym-grid linearize-level-1"> <div class="ym-g33 ym-gl"> <div class="ym-gbox-left mod-secondarynav">  <div class="h3eq"><i class="icon-cog"></i> Our Services <i class="icon-chevron-down"></i></div> <ul class="footerQuick"> <li > <a href="/en/about/">About Structurae</a> </li> <li > <a href="/en/submit/">Data submission</a> </li> <li > <a href="/en/licensing/">Image Licensing</a> </li> <li > <a href="/en/com/">Advertising on Structurae</a> </li> <li > <a href="https://docs.structurae.net/en/legal/imprint/">Imprint</a> </li> <li > <a href="https://docs.structurae.net/en/legal/terms/">General Conditions of Use and Sale</a> </li> <li > <a href="https://docs.structurae.net/en/legal/terms-subscriptions/">General Conditions for Subscriptions</a> </li> <li > <a href="https://docs.structurae.net/en/legal/privacy/">Privacy Policy</a> </li> <li > <a href="/en/about/contact/">Contact</a> </li> <li class="last" > <a href="/en/about/thanks/">Acknowledgements</a> </li> </ul> </div> </div> <div class="ym-g33 ym-gl"> <div class="ym-gbox mod-statistics">  <div class="h3eq"><i class="icon-bar-chart"></i> Content Statistics</div> <ul> <li class="wBg"> <span>84650</span> <a href="/en/structures/"> Structures & Projects </a> </li> <li> <span>11819</span> <a href="/en/persons/"> Persons </a> </li> <li class="wBg"> <span>16272</span> <a href="/en/companies/"> Companies </a> </li> <li> <span>1694</span> <a href="/en/products-services/"> Products & Services </a> </li> <li class="wBg"> <span>409046</span> Media </li> <li> <span>638191</span> <a href="/en/literature/"> Publications </a> </li> <li class="wBg"> <span>671</span> <a href="/en/literature/periodicals/"> Journals </a> </li> <li> <span>69723</span> Links </li> </ul> </div> </div> <div class="ym-g33 ym-gr"> <div class="ym-gbox-right">  <div class="h3eq">Follow us on</div> <p> <a href="https://www.linkedin.com/company/structurae-database/" title="Structurae @ LinkedIn" target="_blank" class="social_footer"><i class="fa fa-linkedin-square fa-3x"></i></a> <a href="https://www.xing.com/companies/structurae/" title="Structurae @ Xing" target="_blank" class="social_footer"><i class="fa fa-xing-square fa-3x"></i></a> <a href="https://www.youtube.com/@StructuraeDatabase" title="Structurae @ YouTube" target="_blank" class="social_footer"><i class="fa fa-youtube-square fa-3x"></i></a> <a href="https://www.instagram.com/structurae/" title="Structurae @ Instagram" target="_blank" class="social_footer"><i class="fa fa-instagram fa-3x" aria-hidden="true"></i></a> <a href="https://www.facebook.com/Structurae" title="Structurae @ Facebook" target="_blank" class="social_footer"><i class="fa fa-facebook-square fa-3x"></i></a> <a href="https://pinterest.com/structurae/" title="Structurae @ Pinterest" target="_blank" class="social_footer"><i class="fa fa-pinterest-square fa-3x"></i></a> </p> <hr> <div class="h3eq"><i class="fa fa-envelope" aria-hidden="true" style="vertical-align: middle;"></i> Newsletter</div> <ul> <li> <a href="/en/newsletter/" target="_blank"> <i class="fa fa-plus-square fa-2x" aria-hidden="true" style="vertical-align: middle;"></i> Subscribe </a> </li> <li> <a href="/en/newsletter/unsubscribe/" target="_blank"> <i class="fa fa-minus-square fa-2x" aria-hidden="true" style="vertical-align: middle;"></i> Unsubscribe </a> </li> </ul> <hr> <div class="h3eq"><i class="fa fa-hourglass-half" aria-hidden="true" style="vertical-align: middle;"></i> Subscriptions (Structurae Plus/Pro)</div> <ul> <li> <a href="/en/shop/subscription/" target="_blank"><i class="fa fa-plus-square fa-2x" aria-hidden="true" style="vertical-align: middle;"></i> Subscribe</a> </li> <li> <a href="/en/shop/subscription-cancellation/" target="_blank"><i class="fa fa-minus-square fa-2x" aria-hidden="true" style="vertical-align: middle;"></i> Cancel subscription</a> </li> </ul> </div> </div> </div> <p class="copyright">Structurae Version 7.0 - © 1998-2023 Nicolas Janberg. All rights reserved. All data contained herein is subject to change and is provided without warranties.</p> </div> </div> </div> </footer> <div id="ajaxLoginPopup" style="display:none"> <div class="ym-columnar"> <form action="/mystructurae/login/ajax-login.cfm" method="post" id="mystructurae_login" class="ym-form"> <input type="hidden" name="redirect_after_login" value="" /> <div class="h3eq"><img src="https://structurae.net/images/small-my-structurae.png" alt="My Structurae"> </div> <p class="ajax-login-error"> </p> <div class="ym-fbox-text"> <label for="email">E-Mail Address</label> <input type="text" id="email" name="email"> </div> <div class="ym-fbox-text"> <label for="password">Password</label> <input type="password" id="password" name="password"> </div> <div class="ym-fbox-text"> <a href="/en/my-structurae/lost-password" style="float: left; margin-top: 6px;"> Password lost? </a> <button type="submit" name="loginSubmit" style="float: right; margin: 0;">Log In</button> </div> <div class="ym-fbox-text"> <a href="/en/my-structurae/register">No account yet? Register here for free!</a> </div> </form> </div> </div> <div id="plusPopup" style="display:none"> <div class="permission-login-box plus category "> <div class="subscriber-access-box"> <div class="ym-sidebox"> <aside class="mod_teaser_base mod_teaser_wide wall_teaser" style="border-radius: 10px;"> <div class="wrapper_contribute_white"> <div class="top"> <h2>This content and additional features are fully available only with</h2> <div class="logo"> <img class="permission-logo" src="https://files.structurae.net/images/structurae-plus.png" alt="Structurae - International Database and Gallery of Structures" /> </div> <div class="logo"> <img class="permission-logo" src="https://files.structurae.net/images/structurae-pro.png" alt="Structurae - International Database and Gallery of Structures" /> </div> </div> <div class="content"> </div> <div class="soon en"> <span>NOW AVAILABLE!</span> </div> <div class="buttons"> <p class="login-required"> <a href="/en/shop/subscription/" class="plus-access-button" target="_blank"> SUBSCRIBE NOW! </a> </p> <p class="login-required"> <a href="#ajaxLoginPopup" class="green-login mystructurae-login-btn mystructurae-login-btn-popup" style="width: 73%; margin: 0 auto;z-index:0;"> Login </a> </p> </div> </div> </aside> </div> </div> </div> </div> <div id="limitExceededPopup" style="display:none"> <div> <h3><div style="text-align: center; max-width: 300px;"> <span class="fa-stack fa-lg"> <i class="fa fa-download fa-stack-2x"></i> <i class="fa fa-ban fa-stack-2x" style="color: red;"></i> </span> <p style="color: red;">You have exceeded your monthly download limit!</p> <p style="font-weight: normal;">Structurae Plus subscribers can download <strong>30</strong> media files or data sets per month. </p><p style="font-weight: normal;">Structurae Pro users are limited to <strong>50</strong>.</p></div></h3> </div> </div> <div id="ajaxRegistrationPopup" class="main-registration-box" style="display:none"> <div class="mandatory-fields"> <form action="/mystructurae/register/ajax-register.cfm" method="post" id="mystructurae_register"> <input type="hidden" name="redirect_after_register" value="" /> <h3>Required Data</h3> <div class="registration-field-box"> <label for="firstName" >First Name</label> <input type="text" id="firstName" name="firstName" required aria-required="true" > <span class="error-notification firstname"></span> </div> <div class="registration-field-box"> <label for="lastName" >Last Name</label> <input type="text" id="lastName" name="lastName" required aria-required="true" > <span class="error-notification lastname"></span> </div> <div class="registration-field-box"> <label for="email" >E-Mail Address</label> <input type="email" id="email" name="email" required aria-required="true" > <span class="error-notification email"></span> </div> <div class="registration-field-box"> <label for="password" >Password</label> <input type="password" name="password" id="password" required aria-required="true" > <span class="error-notification password"></span> </div> <div class="registration-field-box"> <label for="passwordRepeat" >Repeat Password</label> <input type="password" id="passwordRepeat" name="passwordRepeat" required aria-required="true" > </div> <div class="registration-terms-box cart"> <input type="checkbox" name="terms" /> <label for="terms">I accept the <a href="https://docs.structurae.net/en/legal/terms/" target="_blank">General Conditions of Use and Sale</a> for Structurae.</label> </div> <div class="registration-terms-error-box"> <span class="error-notification terms"></span> </div> <div class="registration-terms-box cart"> <input type="checkbox" name="privacy" /> <label for="privacy">I accept the <a href="https://docs.structurae.net/en/legal/privacy/" target="_blank">Data Privacy Policy</a>.</label> </div> <div class="registration-terms-error-box"> <span class="error-notification privacy"></span> </div> <div class="registration-terms-box cart"> <input type="checkbox" name="newsletter" /> <label for="newsletter">I want to receive updates about new functions and content by e-mail.</label> </div> <div class="registration-field-box"> <div class="g-recaptcha" data-sitekey="6LcPhSQUAAAAAJVtCOFsu4-L_ajbH9-hL4wMrg9f"></div> <span class="error-notification captcha"></span> </div> <div class="submit-button-box"> <button type="submit" name="registerSubmit">REGISTER FOR FREE ACCOUNT</button> </div> <div class="already-registered-note"> Already registered? <a class="mystructurae-login-btn-popup" href="#ajaxLoginPopup" data-redirect="/en/cart/checkout">Login</a> </div> </form> </div> </div> <div id="favoritesConfirmationPopup" style="display:none"> <div class="ym-columnar"> <div class="ym-fbox-text" style="margin-top:10px;"> Do you really want to delete this item from your favorites? </div> <div class="ym-fbox-text" style="margin-top:20px; display:flex;"> <input type="button" class="fav-confirmation yes" name="yes" value="Yes"> <input type="button" class="fav-confirmation cancel" name="cancel" value="Cancel"> </div> </div> </div> <div id="addToCartPopup" style="display:none"> <div class="ym-columnar"> <div class="item"> <span id="additemsuccess">The item was successfuly added to the shopping cart.</span> <span id="additemerror">Could not add item to the shopping cart. Please try again.</span> <span id="additemduplicate">This item has already been added to the shopping cart and cannot be added again.</span> <div class="details"> <table> <tr> <td id="additemimg"></td> <td id="additemname"></td> </tr> </table> </div> </div> <div class="buttons"> <a class="continue" href="/en/cart"> <span class="text"> Go to the checkout </span> </a> <a class="continue" id="addtocartpopupclose"> <span class="text"> Keep browsing </span> </a> </div> </div> </div> <script src="/layouts/js/jquery-1.8.3.min.js" type="text/javascript"></script> <script src="/yaml/add-ons/accessible-tabs/jquery.tabs.js" type="text/javascript"></script> <script src="/layouts/js/jquery.quick.pagination.min.js" type="text/javascript"></script> <script src="/layouts/js/stickyNavBar.js"></script> <script src="/layouts/js/fixedsticky.js" type="text/javascript"></script> <script src="/layouts/js//new/scripts.js?v=10" type="text/javascript"></script> <script src="/layouts/js/access.js?v=2021092702pd"></script> <script src="/layouts/js/classes/moduleGallery.js" type="text/javascript"></script> <script type="text/javascript"> jQuery.moduleGallery.setItemId('20019418'); </script> <link rel="stylesheet" href="/layouts/css/jquery.fancybox.css" type="text/css"> <script src="/layouts/js/classes/jquery.fancybox.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $("a.mystructurae-login-btn-popup").fancybox({ beforeLoad: function() { if (typeof $(this.element).data('redirect') !== undefined && $(this.element).data('redirect') != '') $('input[name="redirect_after_login"]').val($(this.element).data('redirect')); } }); $("a.mystructurae-register-btn-popup").fancybox({ beforeLoad: function() { if (typeof $(this.element).data('redirect') !== undefined && $(this.element).data('redirect') != '') $('input[name="redirect_after_register"]').val($(this.element).data('redirect')); } }); $(".del-fav-icon").fancybox({}); $("a.addtocart-popup").fancybox({}); $('#ajaxLoginPopup button[name="loginSubmit"]').on('click', function(e) { e.preventDefault(); submitInput = $(this); form = $(this).closest('form'); submitInput.prop('disabled', true); $.ajax({ url: form.attr('action'), type: form.attr('method'), data: form.serializeArray(), success: function(response) { if (response.success) { $.fancybox.close(); if ($('input[name="redirect_after_login"]').val() != '') location.href = $('input[name="redirect_after_login"]').val(); else location.reload(); } else { $('.ajax-login-error').text(response.message).show(); } submitInput.prop('disabled', false); }, error: function(response){ }, dataType: 'json' }); }); $('.addtocart-popup').on('click', function(e) { e.preventDefault(); $('#additemsuccess').hide(); $('#additemduplicate').hide(); $('#additemerror').hide(); $('#additemimg').empty(); $('#additemname').empty(); var itemId = $(this).data("id"); var itemSource = $(this).data("source"); var clientLang = $(this).data("lang"); var cartId = $(this).data("cartid"); var period = ""; var version = ""; var name = ""; if(itemSource == "subscription"){ period = $(this).data("period"); version = $(this).data("version"); name = $(this).data("name"); } var addToCartUrl = "/en/cart/add-to-cart"; $.ajax({ url: addToCartUrl, type: 'POST', data: { id: itemId, source: itemSource, lang: clientLang, cartid: cartId, period: period, version: version, name: name }, success: function(response) { if(response.SUCCESS == true){ $('#additemsuccess').show(); $('#addToCartPopup .details').show(); $('#additemname').append("<a href='" + response.ITEMURL + "'>" + response.ITEMNAME + "</a>"); $('#additemimg').append("<img src='" + response.ITEMIMG + "'>"); if(itemSource != "subscription"){ $('.cart-total').each(function() { $(this)[0].innerHTML=response.ITEMSCOUNT; }); } $("#addToCartPopup").find("a.continue").attr("href",response.CARTURL); $("#addToCartPopup").show(); } else if (response.ALREADYADDED == true) { $('#additemduplicate').show(); $('#addToCartPopup .details').show(); $('#additemname').append("<a href='" + response.ITEMURL + "'>" + response.ITEMNAME + "</a>"); $('#additemimg').append("<img src='" + response.ITEMIMG + "'>"); $("#addToCartPopup").show(); } else { $('#additemerror').show(); $('#addToCartPopup .details').hide(); $("#addToCartPopup").show(); } }, error: function(response){ $('#additemerror').show(); $('#addToCartPopup .details').hide(); $("#addToCartPopup").show(); }, dataType: 'json' }); }); $('#addtocartpopupclose').on('click', function(e){ $.fancybox.close(); }); $('#ajaxRegistrationPopup button[name="registerSubmit"]').on('click', function(e) { e.preventDefault(); submitInput = $(this); form = $(this).closest('form'); submitInput.prop('disabled', true); $.ajax({ url: form.attr('action'), type: form.attr('method'), data: form.serializeArray(), success: function(response) { $('.error-notification').text(""); if (response.success) { $('.ajax-login-error').text("Please confirm your account first.").show(); $(".mystructurae-login-btn-popup").click(); } else { var errors = response.errors; $.each(errors, function( index, value ) { $('.error-notification.' + index).html(value); }); } submitInput.prop('disabled', false); }, error: function(response){ console.log(response); }, dataType: 'json' }); }); $("a.btnDataContribution").fancybox({ beforeLoad: function() { $('#dataContributionPopup form').show(); $('#dataContributionPopup textarea[name="message"]').val(''); $('.success-message').hide(); $('.error-message').hide(); $('input[name="dataContributionSubmit"]').prop('disabled', false); $('input[name="dataContributionClose"]').hide(); } }); $('input[name="dataContributionSubmit"]').on('click', function(e) { e.preventDefault(); submitInput = $(this); form = $(this).closest('form'); submitInput.prop('disabled', true); $.ajax({ url: form.attr('action'), type: form.attr('method'), data: form.serializeArray(), success: function(response) { if (response.error) { $('#dataContributionPopup .error-message').text(response.error).show(); $('#dataContributionPopup .success-message').hide(); submitInput.prop('disabled', false); } else if (response.success) { $('#dataContributionPopup .success-message').text(response.success).show(); $('#dataContributionPopup .error-message').hide(); form.hide(); $('input[name="dataContributionClose"]').show(); } }, dataType: 'json' }); }); $('input[name="dataContributionClose"]').on('click', function(e) { $.fancybox.close(); }); if ($('#contributionForm').length) { $('input[name="contributionSubmit"]').on('click', function(e) { e.preventDefault(); submitInput = $(this); form = $(this).closest('form'); submitInput.prop('disabled', true); $.ajax({ url: form.attr('action'), type: form.attr('method'), data: form.serializeArray(), success: function(response) { if (response.error) { $('#contributionForm .error-message').text(response.error).show(); $('#contributionForm .success-message').hide(); } else if (response.success) { $('#contributionForm .success-message').text(response.success).show(); $('#contributionForm .error-message').hide(); form.find('textarea').val('').hide(); submitInput.hide(); } submitInput.prop('disabled', false); }, dataType: 'json' }); }); } }); </script> <script src="/layouts/js/classes/jquery.ajaxSection.js" type="text/javascript"></script> <script src="/layouts/js/new/jquery.syncheight.js" type="text/javascript"></script> <script src="/layouts/js/new/jquery.flexslider-min.js" type="text/javascript"></script> <script src="/layouts/js/new/owl.carousel.2.0.0/owl.carousel.min.js"></script> <script src="/layouts/js/new/justifiedGallery/jquery.justifiedGallery.min.js"></script> <script src="/layouts/js/new/photoswipe/photoswipe.min.js"></script> <script src="/layouts/js/new/photoswipe/photoswipe-ui-default.min.js"></script> <script src='https://www.google.com/recaptcha/api.js'></script>  <script src="/layouts/js/classes/jquery.fancybox.js" type="text/javascript"></script> <script src="/layouts/js/new/photoSwipeMedia.js" type="text/javascript"></script> <link rel="stylesheet" href="/layouts/css/jquery.fancybox.css" type="text/css"/> <script type="text/javascript"> $(document).ready(function() { $.moduleGallery('/structures/data/index.cfm', 'structure', 'getPhotoData'); structureAjaxSection = new StructureAjaxSection(); structureAjaxSection.setItemID('20019418'); structureAjaxSection.setItemType('structure'); structureAjaxSection.setPageName('/structures/data/index.cfm'); reportWindowSize(); }); $(document).on("click",".structureFavBtn",function(){ var favA = $(this); var structureID = $(this).data("structureid"); var favID = $(this).data("fav-id"); var favButton = favA.find(".favorites"); if (!favA.hasClass('mystructurae-login-btn-popup')){ if(favButton.hasClass('in--favorites')){ $.post('/lib/services/service.cfm', { cmd: 'deleteFromFavorites', favoriteId: favID }, function(data) { if(data == 1){ favButton.removeClass('in--favorites'); $('.structureFavBtn').data("fav-id",0); $("span.favorites:not('.mobile')").find("span.text").html("Add to Favorites"); } } ); } else { $.post('/lib/services/service.cfm', { cmd: 'setAsFavorite', favoriteType: 'structure', favoriteId: structureID }, function(data) { if(data.SUCCESS == 1){ favButton.addClass('in--favorites'); $('.structureFavBtn').data("fav-id",data.RESULTS.GENERATEDKEY); $("span.favorites:not('.mobile')").find("span.text").html("Favorite"); } } ); } } }); </script> <script src="/layouts/js/scrollableTabs.js"></script> <script type="text/javascript"> var dataLayer = window.dataLayer || []; dataLayer.push({ 'usertype': 'notlogged', 'businessid': '' }); </script> </body> </html>