CINXE.COM

Bridges and Viaducts | Structurae

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <!-- 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-KVVBFG');</script> <!-- End Google Tag Manager --> <script > window.dataLayer=window.dataLayer||[]; dataLayer.push({'userstatus': 'false'}); </script> <script defer src="https://cdns.symplr.de/structurae.net/structurae.js"></script> <script> // Define dataLayer and the gtag function. window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} // Set default consent for specific regions according to your requirements gtag('consent', 'default', { 'ad_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'analytics_storage': 'denied', }); </script> <title> Bridges and Viaducts | Structurae </title> <meta name="Description" content="Directory and listing of bridges and viaducts from around the world including images, technical data, literature and other project information."> <meta name="Keywords" content="bridges and viaducts" /> <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="Bridges and Viaducts | Structurae" /> <meta property="og:description" content="Directory and listing of bridges and viaducts from around the world including images, technical data, literature and other project information." /> <meta property="og:site_name" content="Structurae" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://structurae.net/images/structurae_default_preview_image_300x300.png" /> <meta property="og:image:secure_url" content="https://structurae.net/images/structurae_default_preview_image_300x300.png" /> <meta property="og:image:width" content="300"> <meta property="og:image:height" content="300"> <META NAME="ROBOTS" CONTENT="INDEX,FOLLOW,ARCHIVE,IMAGES"> <link rel="alternate" type="application/rss+xml" title="Case Studies & Reports" href="/en/structures/rss?type=reports&id=1" /> <link rel="alternate" type="application/rss+xml" title="Recently Added" href="/en/structures/rss?type=added&id=1" /> <link rel="alternate" type="application/rss+xml" title="Recently Modified" href="/en/structures/rss?type=modified&id=1" /> <link rel="alternate" type="application/rss+xml" title="Recently Illustrated" href="/en/structures/rss?type=illustrated&id=1" /> <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"> <!--[if IE]><![endif]--> <!--[if lte IE 7]><link rel="stylesheet" href="/yaml/core/iehacks.min.css" type="text/css"><![endif]--> <!--[if lte IE 7]><style>.world-nav {display: none;}</style><![endif]--> <!--[if lte IE 8]><link rel="stylesheet" href="/layouts/css/oldie.css?v=2" type="text/css"><![endif]--> <meta property="og:url" content="https://structurae.net/en/structures/bridges" /> <link rel="canonical" href="https://structurae.net/en/structures/bridges" /> <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" /> </head> <body class=""> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KVVBFG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (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/bruecken" > DE</a> </li> <li class="short-language language-active-li" > <a href="/en/structures/bridges" class="language-active"> EN</a> </li> <li class="short-language last-language " > <a href="/fr/ouvrages/ponts" > 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> &nbsp; <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/geotechnical-structures">Geotechnical structures</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/project-delivery-methods">Project delivery methods</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/foundations-1">Foundations</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/geography/">Geography</a> </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&nbsp;/&nbsp;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/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/bruecken" > DE</a> </li> <li class="short-language language-active-li" > <a href="/en/structures/bridges" class="language-active"> EN</a> </li> <li class="short-language last-language " > <a href="/fr/ouvrages/ponts" > 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/geotechnical-structures"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/1/no-image-placeholder.png"> <span > Geotechnical structures </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/project-delivery-methods"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/1/no-image-placeholder.png"> <span > Project delivery methods </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/foundations-1"> <img class="flexible nobotmargin " src="https://files.structurae.net/files/96x64/1/no-image-placeholder.png"> <span > Foundations </span> </a> </div> <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-8 submenu submenu-margin" id="submenu"> <div id="item-8-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-8-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-8-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-8-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-8-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> <!-- BEGINNING OF NAVIGATION BAR HORIZONTAL --> <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=" "><a href="//structurae.net/en/geography/">Geography</a></li> <li id="8" class=" shop"><a href="//structurae.net/en/shop">Shop</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> <!-- END OF MENU BAR --> </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 class="paywall-content"> <div class="paywall-header"> <h1> Bridges and Viaducts </h1> <ul class="breadcrumb"> <li><a href="/en/structures/">Structures</a></li> <li>Bridges and Viaducts</li> </ul> <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="wrapper"> <ul id="scrollableTabs" class="clearfix tabs-list-secNav list"> <li class="first current"><a href="/en/structures/bridges">Summary</a></li> <li class=" " ><a href="/en/structures/bridges/new">Added</a></li> <li class=" " ><a href="/en/structures/bridges/modified">Modified</a></li> <li class=" " ><a href="/en/structures/bridges/illustrated">Illustrated</a></li> <li class=" " ><a href="/en/structures/bridges/ranking">Ranking</a></li> <li class=" " ><a href="/en/structures/bridges/media">Media</a></li> <li class=" " ><a href="/en/structures/bridges/reports">Reports</a></li> <li class=" " ><a href="/en/structures/bridges/diagram">Diagram</a></li> <li class="last " ><a href="/en/structures/bridges/literature">Literature</a></li> </ul> </div> <div class="content"></div> </div> </div> <div class="ym-grid linearize-level-1"> <div class="ym-g60 ym-gl"> <div class="ym-gbox-left"> <div class="short-desc p-nomargin"> <p>A bridge or a viaduct is a structure built to span a physical obstacle such as a body of water, valley, or road, for the purpose of providing passage over that very obstacle.</p> </div> <h2>Most Important Structures in this Category</h2> <ul class="legend"> <li> <i class="fa fa-camera" style="color: gray;"></i> entry with pictures </li> <li> <i class="fa fa-plus-square" style="color: #469027"></i> new entry (30 days) </li> <li> <i class="fa fa-plus-square" style="color: #8431A8"></i> updated entry (14 days) </li> </ul> <table class="itemsListTable stripped"> <thead> <tr> <th>#</th> <th>Name</th> <th>Country</th> <th>main&nbsp;span</th> </tr> </thead> <tbody> <tr> <td>1</td> <td> <a href="/en/structures/1915-canakkale-bridge">1915 脟anakkale Bridge</a> <i class="fa fa-camera" style="color: gray;"></i> </td> <td> <!-- --> Turkey </td> <td> 2023 m </td> </tr> <tr> <td>2</td> <td> <a href="/en/structures/akashi-kaikyo-bridge">Akashi Kaikyo Bridge</a> <i class="fa fa-camera" style="color: gray;"></i> </td> <td> <!-- --> Japan </td> <td> 1990.8000 m </td> </tr> <tr> <td>3</td> <td> <a href="/en/structures/nanjing-xianxin-road-yangtze-river-bridge">Nanjing Xianxin Road Yangtze River Bridge</a> </td> <td> <!-- --> China </td> <td> 1760 m </td> </tr> <tr> <td>4</td> <td> <a href="/en/structures/yangsigang-bridge">Yangsigang Bridge</a> <i class="fa fa-camera" style="color: gray;"></i> </td> <td> <!-- --> China </td> <td> 1700 m </td> </tr> <tr> <td>5</td> <td> <a href="/en/structures/nansha-bridge-east">Nansha Bridge (East)</a> <i class="fa fa-camera" style="color: gray;"></i> </td> <td> <!-- - --> China </td> <td> 1688 m </td> </tr> <tr> <td>6</td> <td> <a href="/en/structures/lingdingyang-bridge">Lingdingyang Bridge</a> <i class="fa fa-camera" style="color: gray;"></i> </td> <td> <!-- --> China </td> <td> 1666 m </td> </tr> <tr> <td>7</td> <td> <a href="/en/structures/xihoumen-bridge">Xihoumen Bridge</a> <i class="fa fa-camera" style="color: gray;"></i> </td> <td> <!-- - --> China </td> <td> 1650 m </td> </tr> <tr> <td>8</td> <td> <a href="/en/structures/great-belt-east-bridge">Great Belt East Bridge</a> <i class="fa fa-camera" style="color: gray;"></i> </td> <td> <!-- --> Denmark </td> <td> 1624 m </td> </tr> <tr> <td>9</td> <td> <a href="/en/structures/osman-gazi-bridge">Osman Gazi Bridge</a> <i class="fa fa-camera" style="color: gray;"></i> </td> <td> <!-- --> Turkey </td> <td> 1550 m </td> </tr> <tr> <td>10</td> <td> <a href="/en/structures/yi-sun-sin-bridge">Yi Sun-Sin Bridge</a> <i class="fa fa-camera" style="color: gray;"></i> </td> <td> <!-- --> South Korea </td> <td> 1545 m </td> </tr> </tbody> </table> <p>Note: there are too many entries in this category and all its subcategories combined. To obtain a list of structures please go through one of the subcategories.</p> <h2 id="typePhotos">Media</h2> <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="image credits"> <div class="item"> <figure> <a href="https://files.structurae.net/files/350high/5256/2025-03-22/dsc05451.jpeg" data-photo-url="/photos/467171" data-style="filter:blur(4px)" data-media-location="" data-mediaContent="" data-type="JPG" data-photo-number="0" data-photo-lang="en"> <div class=" carousel access-color-layer big-access-structuraeplus on-bottom"> <p class="access-text big-access-text">Available with <br><b>Structurae Plus/Pro</b></p> <div class="clear"></div> </div> <img class="flexible bordered nobotmargin" itemprop="photo" src="https://files.structurae.net/files/350high/5256/2025-03-22/dsc05451.jpeg" alt="Jannowitz Bridge" style="filter:blur(4px)" > <span class="image_type-icon jpg"> </a> <figcaption class="caption1"><a href="/en/media/467171-jannowitz-bridge">image credits (ID:467171)</a></figcaption></figure></div> <div class="item"> <figure> <a href="https://files.structurae.net/files/350high/5256/2025-03-16/dsc05326.jpeg" data-photo-url="/photos/466890" data-style="filter:blur(4px)" data-media-location="" data-mediaContent="" data-type="JPG" data-photo-number="1" data-photo-lang="en"> <div class=" carousel access-color-layer big-access-structuraeplus on-bottom"> <p class="access-text big-access-text">Available with <br><b>Structurae Plus/Pro</b></p> <div class="clear"></div> </div> <img class="flexible bordered nobotmargin" itemprop="photo" src="https://files.structurae.net/files/350high/5256/2025-03-16/dsc05326.jpeg" alt="Sickingenbr眉cke" style="filter:blur(4px)" > <span class="image_type-icon jpg"> </a> <figcaption class="caption1"><a href="/en/media/466890-sickingenbrucke">image credits (ID:466890)</a></figcaption></figure></div> <div class="item"> <figure> <a href="https://files.structurae.net/files/350high/5256/2025-03-16/dsc05325.jpeg" data-photo-url="/photos/466889" data-style="filter:blur(4px)" data-media-location="" data-mediaContent="" data-type="JPG" data-photo-number="2" data-photo-lang="en"> <div class=" carousel access-color-layer big-access-structuraeplus on-bottom"> <p class="access-text big-access-text">Available with <br><b>Structurae Plus/Pro</b></p> <div class="clear"></div> </div> <img class="flexible bordered nobotmargin" itemprop="photo" src="https://files.structurae.net/files/350high/5256/2025-03-16/dsc05325.jpeg" alt="Sickingenbr眉cke" style="filter:blur(4px)" > <span class="image_type-icon jpg"> </a> <figcaption class="caption1"><a href="/en/media/466889-sickingenbrucke">image credits (ID:466889)</a></figcaption></figure></div> <div class="item"> <figure> <a href="https://files.structurae.net/files/350high/5256/2025-03-16/dsc05292.jpeg" data-photo-url="/photos/466844" data-style="filter:blur(4px)" data-media-location="" data-mediaContent="" data-type="JPG" data-photo-number="3" data-photo-lang="en"> <div class=" carousel access-color-layer big-access-structuraeplus on-bottom"> <p class="access-text big-access-text">Available with <br><b>Structurae Plus/Pro</b></p> <div class="clear"></div> </div> <img class="flexible bordered nobotmargin" itemprop="photo" src="https://files.structurae.net/files/350high/5256/2025-03-16/dsc05292.jpeg" alt="Goerdeler Footbridge" style="filter:blur(4px)" > <span class="image_type-icon jpg"> </a> <figcaption class="caption1"><a href="/en/media/466844-goerdeler-footbridge">image credits (ID:466844)</a></figcaption></figure></div> <div class="item"> <figure> <a href="https://files.structurae.net/files/350high/5256/2025-03-16/dsc05307.jpeg" data-photo-url="/photos/466869" data-style="filter:blur(4px)" data-media-location="" data-mediaContent="" data-type="JPG" data-photo-number="4" data-photo-lang="en"> <div class=" carousel access-color-layer big-access-structuraeplus on-bottom"> <p class="access-text big-access-text">Available with <br><b>Structurae Plus/Pro</b></p> <div class="clear"></div> </div> <img class="flexible bordered nobotmargin" itemprop="photo" src="https://files.structurae.net/files/350high/5256/2025-03-16/dsc05307.jpeg" alt="Goerdeler Footbridge" style="filter:blur(4px)" > <span class="image_type-icon jpg"> </a> <figcaption class="caption1"><a href="/en/media/466869-goerdeler-footbridge">image credits (ID:466869)</a></figcaption></figure></div> <div class="item"> <figure> <a href="https://files.structurae.net/files/350high/5256/2025-03-16/dsc05359.jpeg" data-photo-url="/photos/466932" data-style="filter:blur(4px)" data-media-location="" data-mediaContent="" data-type="JPG" data-photo-number="5" data-photo-lang="en"> <div class=" carousel access-color-layer big-access-structuraeplus on-bottom"> <p class="access-text big-access-text">Available with <br><b>Structurae Plus/Pro</b></p> <div class="clear"></div> </div> <img class="flexible bordered nobotmargin" itemprop="photo" src="https://files.structurae.net/files/350high/5256/2025-03-16/dsc05359.jpeg" alt="Railroad Bridge across the Charlottenburg Canal" style="filter:blur(4px)" > <span class="image_type-icon jpg"> </a> <figcaption class="caption1"><a href="/en/media/466932-railroad-bridge-across-the-charlottenburg-canal">image credits (ID:466932)</a></figcaption></figure></div> <div class="item"> <figure> <a href="https://files.structurae.net/files/photos/5256/2025-03-16/dsc05413.jpeg" data-photo-url="/photos/467006" 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/5256/2025-03-16/dsc05413.jpeg" alt="Siemens Footbridge" > <span class="image_type-icon jpg"> </a> <figcaption class="caption1"><a href="/en/media/467006-siemens-footbridge">image credits (ID:467006)</a></figcaption></figure></div> <div class="item"> <figure> <a href="https://files.structurae.net/files/350high/5256/2025-03-08/dsc05133.jpeg" data-photo-url="/photos/466057" data-style="filter:blur(4px)" data-media-location="" data-mediaContent="" data-type="JPG" data-photo-number="7" data-photo-lang="en"> <div class=" carousel access-color-layer big-access-structuraeplus on-bottom"> <p class="access-text big-access-text">Available with <br><b>Structurae Plus/Pro</b></p> <div class="clear"></div> </div> <img class="flexible bordered nobotmargin" itemprop="photo" src="https://files.structurae.net/files/350high/5256/2025-03-08/dsc05133.jpeg" alt="Schwedt Footbridge" style="filter:blur(4px)" > <span class="image_type-icon jpg"> </a> <figcaption class="caption1"><a href="/en/media/466057-schwedt-footbridge">image credits (ID:466057)</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/bridges/media" class="ym-button ym-next">More photos</a></div> <div> <h2>Subcategories</h2> <div class="tabbody"> <div class="ym-grid"> <div class="one-column-subcat ym-g50 ym-gl"> <div class="ym-gbox-left"> <figure class="access-figure"> <div class=" access-color-layer small-access-notloggedin on-bottom smaller-figure-access-color"> </div> <a href="/en/structures/bridges/longitudinal-bridge-systems"><img class="flexible bordered nobotmargin" src="https://files.structurae.net/files/300x200/1/bridges-by-longitudinal-bridge-systems.png" alt="Longitudinal bridge systems" /></a> <figcaption class="caption1"><a href="/en/media/250714-longitudinal-bridge-systems" >image credits (ID:250714)</a></figcaption> </figure> <div class="h3eq reduced-topmargin"><a href="/en/structures/bridges/longitudinal-bridge-systems" >Longitudinal bridge systems</a></div> <ul class="longlist"> <li><a href='/en/structures/bridges/arch-bridges' title='Arch bridges' >Arch bridges</a></li><li><a href='/en/structures/bridges/cable-net-bridges' title='Cable-net bridges' >Cable-net bridges</a></li><li><a href='/en/structures/bridges/cable-stayed-bridges' title='Cable-stayed bridges' >Cable-stayed bridges</a></li><li><a href='/en/structures/bridges/covered-bridges' title='Covered bridges' >Covered bridges</a></li><li><a href='/en/structures/bridges/girder-bridges' title='Girder bridges' >Girder bridges</a></li><li><a href='/en/structures/bridges/hyperbolic-bridges' title='Hyperbolic bridges' >Hyperbolic bridges</a></li><li><a href='/en/structures/bridges/movable-bridges' title='Movable bridges' >Movable bridges</a></li><li><a href='/en/structures/bridges/pile-bridges' title='Pile bridges' >Pile bridges</a></li><li><a href='/en/structures/bridges/pontoon-bridges' title='Pontoon bridges' >Pontoon bridges</a></li><li><a href='/en/structures/bridges/rigid-frame-bridges' title='Rigid frame bridges' >Rigid frame bridges</a></li><li><a href='/en/structures/bridges/stressed-ribbon-bridges' title='Stressed ribbon bridges' >Stressed ribbon bridges</a></li><li><a href='/en/structures/bridges/structural-hybrid-bridges' title='Structural hybrid bridges' >Structural hybrid bridges</a></li><li><a href='/en/structures/bridges/suspension-bridges' title='Suspension bridges' >Suspension bridges</a></li><li><a href='/en/structures/bridges/trestle-bridges' title='Trestle bridges' >Trestle bridges</a></li><li><a href='/en/structures/bridges/truss-bridges' title='Truss bridges' >Truss bridges</a></li><li><a href='/en/structures/bridges/vierendeel-truss-bridges' title='Vierendeel truss bridges' >Vierendeel truss bridges</a></li> </ul> </div><!-- /.ym-gbox-left --> </div> <div class="one-column-subcat ym-g50 ym-gr"> <div class="ym-gbox-right"> <figure class="access-figure"> <div class=" access-color-layer small-access-notloggedin on-bottom smaller-figure-access-color"> </div> <a href="/en/structures/bridges/bridges-by-line-of-communication"><img class="flexible bordered nobotmargin" src="https://files.structurae.net/files/300x200/1/bridges-by-line-of-communication.png" alt="Bridges by line of communication" /></a> <figcaption class="caption1"><a href="/en/media/250713-bridges-by-line-of-communication" >image credits (ID:250713)</a></figcaption> </figure> <div class="h3eq reduced-topmargin"><a href="/en/structures/bridges/bridges-by-line-of-communication" >Bridges by line of communication</a></div> <ul class="longlist"> <li><a href='/en/structures/bridges/aircraft-bridges' title='Aircraft bridges' >Aircraft bridges</a></li><li><a href='/en/structures/bridges/bicycle-and-pedestrian-bridges' title='Bicycle and pedestrian bridges' >Bicycle and pedestrian bridges</a></li><li><a href='/en/structures/bridges/canal-bridges' title='Canal bridges' >Canal bridges</a></li><li><a href='/en/structures/bridges/experimental-prototype-bridges' title='Experimental / prototype bridges' >Experimental / prototype bridges</a></li><li><a href='/en/structures/bridges/living-bridges' title='Living bridges' >Living bridges</a></li><li><a href='/en/structures/bridges/railroad-railway-bridges' title='Railroad (railway) bridges' >Railroad (railway) bridges</a></li><li><a href='/en/structures/bridges/road-bridges' title='Road bridges' >Road bridges</a></li><li><a href='/en/structures/bridges/transporter-bridges' title='Transporter bridges' >Transporter bridges</a></li><li><a href='/en/structures/bridges/utility-bridges' title='Utility bridges' >Utility bridges</a></li><li><a href='/en/structures/bridges/wildlife-crossings' title='Wildlife crossings' >Wildlife crossings</a></li> </ul> </div><!-- /.ym-gbox-left --> </div> </div><!-- /.ym-grid --> <div class="ym-grid"> <div class="one-column-subcat ym-g50 ym-gl"> <div class="ym-gbox-left"> <figure class="access-figure"> <div class=" access-color-layer small-access-notloggedin on-bottom smaller-figure-access-color"> </div> <a href="/en/structures/bridges/bridges-by-construction-material"><img class="flexible bordered nobotmargin" src="https://files.structurae.net/files/300x200/1/bridges-my-construction-material.png" alt="Bridges by construction material" /></a> <figcaption class="caption1"><a href="/en/media/250716-bridges-by-construction-materials" >image credits (ID:250716)</a></figcaption> </figure> <div class="h3eq reduced-topmargin"><a href="/en/structures/bridges/bridges-by-construction-material" >Bridges by construction material</a></div> <ul class="longlist"> <li><a href='/en/structures/bridges/bamboo-bridges' title='Bamboo bridges' >Bamboo bridges</a></li><li><a href='/en/structures/bridges/composite-bridges' title='Composite bridges' >Composite bridges</a></li><li><a href='/en/structures/bridges/composite-material-bridges' title='Composite material bridges' >Composite material bridges</a></li><li><a href='/en/structures/bridges/concrete-bridges' title='Concrete bridges' >Concrete bridges</a></li><li><a href='/en/structures/bridges/glass-bridges' title='Glass bridges' >Glass bridges</a></li><li><a href='/en/structures/bridges/masonry-bridges' title='Masonry bridges' >Masonry bridges</a></li><li><a href='/en/structures/bridges/material-hybrid-bridges' title='Material hybrid bridges' >Material hybrid bridges</a></li><li><a href='/en/structures/bridges/metal-bridges' title='Metal bridges' >Metal bridges</a></li><li><a href='/en/structures/bridges/natural-fiber-bridges' title='Natural fiber bridges' >Natural fiber bridges</a></li><li><a href='/en/structures/bridges/timber-bridges' title='Timber bridges' >Timber bridges</a></li> </ul> </div><!-- /.ym-gbox-left --> </div> <div class="one-column-subcat ym-g50 ym-gr"> <div class="ym-gbox-right"> <figure class="access-figure"> <div class=" access-color-layer small-access-notloggedin on-bottom smaller-figure-access-color"> </div> <a href="/en/structures/bridges/bridge-erection-methods"><img class="flexible bordered nobotmargin" src="https://files.structurae.net/files/300x200/1/bridges-by-construction-methods.png" alt="Bridge erection methods" /></a> <figcaption class="caption1"><a href="/en/media/250715-bridges-by-erection-or-construction-methods" >image credits (ID:250715)</a></figcaption> </figure> <div class="h3eq reduced-topmargin"><a href="/en/structures/bridges/bridge-erection-methods" >Bridge erection methods</a></div> <ul class="longlist"> <li><a href='/en/structures/bridges/3d-printed-bridges' title='3D-Printed Bridges' >3D-Printed Bridges</a></li><li><a href='/en/structures/bridges/balanced-cantilever-method' title='Balanced cantilever method' >Balanced cantilever method</a></li><li><a href='/en/structures/bridges/balanced-lift-method-1' title='Balanced lift method' >Balanced lift method</a></li><li><a href='/en/structures/bridges/cantilever-construction-using-temporary-cable-stays' title='Cantilever construction using temporary cable-stays' >Cantilever construction using temporary cable-stays</a></li><li><a href='/en/structures/bridges/cantilever-construction-using-temporary-stays-in-vertical-position-then-rotation-into-horizontal' title='Cantilever construction using temporary stays in vertical position, then rotation into horizontal' >Cantilever construction using temporary stays in vertical position, then rotation into horizontal</a></li><li><a href='/en/structures/bridges/composite-prefabricated-girders-with-in-situ-deck-slab' title='Composite prefabricated girders with in-situ deck slab' >Composite prefabricated girders with in-situ deck slab</a></li><li><a href='/en/structures/bridges/floating' title='Floating' >Floating</a></li><li><a href='/en/structures/bridges/in-situ-casting-on-falsework' title='In-situ casting on falsework' >In-situ casting on falsework</a></li><li><a href='/en/structures/bridges/incremental-launching' title='Incremental launching' >Incremental launching</a></li><li><a href='/en/structures/bridges/lateral-transverse-launching' title='Lateral / transverse launching' >Lateral / transverse launching</a></li><li><a href='/en/structures/bridges/longitudinal-launching' title='Longitudinal launching' >Longitudinal launching</a></li><li><a href='/en/structures/bridges/movable-scaffolding-systems' title='Movable Scaffolding Systems' >Movable Scaffolding Systems</a></li><li><a href='/en/structures/bridges/placement-by-crane' title='Placement by crane' >Placement by crane</a></li><li><a href='/en/structures/bridges/placement-by-floating-crane' title='Placement by floating crane' >Placement by floating crane</a></li><li><a href='/en/structures/bridges/placement-by-helicopter' title='Placement by helicopter' >Placement by helicopter</a></li><li><a href='/en/structures/bridges/precast-concrete-elements-with-in-situ-joints' title='Precast concrete elements with in-situ joints' >Precast concrete elements with in-situ joints</a></li><li><a href='/en/structures/bridges/precast-girders-with-cast-in-situ-slab' title='Precast girders with cast-in-situ slab' >Precast girders with cast-in-situ slab</a></li><li><a href='/en/structures/bridges/precast-segmental-construction' title='Precast segmental construction' >Precast segmental construction</a></li><li><a href='/en/structures/bridges/rotation-around-a-horizontal-axis' title='Rotation around a horizontal axis' >Rotation around a horizontal axis</a></li><li><a href='/en/structures/bridges/rotation-around-a-vertical-axis' title='Rotation around a vertical axis' >Rotation around a vertical axis</a></li><li><a href='/en/structures/bridges/suspension-bridge-deck-erection-methods' title='Suspension bridge deck erection methods' >Suspension bridge deck erection methods</a></li><li><a href='/en/structures/bridges/suspension-cable-erection-methods' title='Suspension cable erection methods' >Suspension cable erection methods</a></li> </ul> </div><!-- /.ym-gbox-left --> </div> </div><!-- /.ym-grid --> <div class="ym-grid"> <div class="one-column-subcat ym-g50 ym-gl"> <div class="ym-gbox-left"> <figure class="access-figure"> <div class=" access-color-layer big-access-mystructurae on-top smaller-figure-access-color"> <p class="access-text big-access-text"><b>Free</b> with registration</p> <div class="clear"></div> <a class="access-register-subscribe-btn access-btns" target="_blank" href="/en/my-structurae/register"> Register </a> <div class="clear"></div> <a href="#ajaxLoginPopup" id="myStructuraeLoginBtn" class="mystructurae-login-btn-popup access-login-btn access-btns">Login</a> <div class="clear"></div> </div> <a ><img class="flexible bordered nobotmargin" src="https://files.structurae.net/files/300x200/1/bridges-support-conditions.png" alt="Bridges by support conditions" /></a> <figcaption class="caption1"><a href="/en/media/406057" >image credits (ID:406057)</a></figcaption> </figure> <div class="h3eq reduced-topmargin"><a href="/en/structures/bridges/bridges-by-support-conditions" >Bridges by support conditions</a></div> <ul class="longlist"> <li><a href='/en/structures/bridges/conventionally-supported-bridges' title='Conventionally supported bridges' >Conventionally supported bridges</a></li><li><a href='/en/structures/bridges/integral-bridges' title='Integral bridges' >Integral bridges</a></li><li><a href='/en/structures/bridges/oblique-bridges' title='Oblique bridges' >Oblique bridges</a></li><li><a href='/en/structures/bridges/partially-oblique-bridges' title='Partially oblique bridges' >Partially oblique bridges</a></li><li><a href='/en/structures/bridges/semi-integral-bridges' title='Semi-integral bridges' >Semi-integral bridges</a></li> </ul> </div><!-- /.ym-gbox-left --> </div> <div class="one-column-subcat ym-g50 ym-gr"> <div class="ym-gbox-right"> <figure class="access-figure"> <div class=" access-color-layer big-access-structuraeplus on-top smaller-figure-access-color"> <p class="access-text big-access-text">Available with <br><b>Structurae Plus/Pro</b></p> <div class="clear"></div> <a class="access-register-subscribe-btn access-btns" target="_blank" href="/en/shop/subscription/"> Subscribe </a> <div class="clear"></div> <a href="#ajaxLoginPopup" id="myStructuraeLoginBtn" class="mystructurae-login-btn-popup access-login-btn access-btns">Login</a> <div class="clear"></div> </div> <a ><img class="flexible bordered nobotmargin" src="https://files.structurae.net/files/300x200/1/no-image-placeholder.png" alt="Bridge components" /></a> <figcaption class="caption1"><a href="/en/media/1" >image credits (ID:1)</a></figcaption> </figure> <div class="h3eq reduced-topmargin"><a href="/en/structures/bridges/bridge-components" >Bridge components</a></div> <ul class="longlist"> <li><a href='/en/structures/bridges/bridge-piers' title='Bridge piers' >Bridge piers</a></li><li><a href='/en/structures/bridges/bridge-pylons' title='Bridge pylons' >Bridge pylons</a></li><li><a href='/en/structures/bridges/cable-arrangements' title='Cable arrangements' >Cable arrangements</a></li> </ul> </div><!-- /.ym-gbox-left --> </div> </div><!-- /.ym-grid --> <div class="ym-grid"> <div class="one-column-subcat ym-g50 ym-gl"> <div class="ym-gbox-left"> <figure class="access-figure"> <div class=" access-color-layer big-access-structuraeplus on-top smaller-figure-access-color"> <p class="access-text big-access-text">Available with <br><b>Structurae Plus/Pro</b></p> <div class="clear"></div> <a class="access-register-subscribe-btn access-btns" target="_blank" href="/en/shop/subscription/"> Subscribe </a> <div class="clear"></div> <a href="#ajaxLoginPopup" id="myStructuraeLoginBtn" class="mystructurae-login-btn-popup access-login-btn access-btns">Login</a> <div class="clear"></div> </div> <a ><img class="flexible bordered nobotmargin" src="https://files.structurae.net/files/300x200/1/no-image-placeholder.png" alt="Bridges by alignment" /></a> <figcaption class="caption1"><a href="/en/media/1" >image credits (ID:1)</a></figcaption> </figure> <div class="h3eq reduced-topmargin"><a href="/en/structures/bridges/bridges-by-alignment" >Bridges by alignment</a></div> <ul class="longlist"> <li><a href='/en/structures/bridges/curved-bridges' title='Curved bridges' >Curved bridges</a></li><li><a href='/en/structures/bridges/four-way-bridges' title='Four-way bridges' >Four-way bridges</a></li><li><a href='/en/structures/bridges/kinked-bridges' title='Kinked bridges' >Kinked bridges</a></li><li><a href='/en/structures/bridges/multiway-bridges-1' title='Multiway bridges' >Multiway bridges</a></li><li><a href='/en/structures/bridges/partially-curved-bridges' title='Partially curved bridges' >Partially curved bridges</a></li><li><a href='/en/structures/bridges/straight-bridges' title='Straight bridges' >Straight bridges</a></li><li><a href='/en/structures/bridges/three-way-bridges' title='Three-way bridges' >Three-way bridges</a></li> </ul> </div><!-- /.ym-gbox-left --> </div> <div class="one-column-subcat ym-g50 ym-gr"> <div class="ym-gbox-right"> <figure class="access-figure"> <div class=" access-color-layer big-access-structuraeplus on-top smaller-figure-access-color"> <p class="access-text big-access-text">Available with <br><b>Structurae Plus/Pro</b></p> <div class="clear"></div> <a class="access-register-subscribe-btn access-btns" target="_blank" href="/en/shop/subscription/"> Subscribe </a> <div class="clear"></div> <a href="#ajaxLoginPopup" id="myStructuraeLoginBtn" class="mystructurae-login-btn-popup access-login-btn access-btns">Login</a> <div class="clear"></div> </div> <a ><img class="flexible bordered nobotmargin" src="https://files.structurae.net/files/300x200/1/bridge-deck-levels-category.png" alt="Bridges by number of deck levels" /></a> <figcaption class="caption1"><a href="/en/media/467629" >image credits (ID:467629)</a></figcaption> </figure> <div class="h3eq reduced-topmargin"><a href="/en/structures/bridges/bridges-by-number-of-deck-levels" >Bridges by number of deck levels</a></div> <ul class="longlist"> <li><a href='/en/structures/bridges/bi-level-bridges' title='Bi-level bridges' >Bi-level bridges</a></li><li><a href='/en/structures/bridges/quadri-level-bridges' title='Quadri-level bridges' >Quadri-level bridges</a></li><li><a href='/en/structures/bridges/single-level-bridges' title='Single-level bridges' >Single-level bridges</a></li><li><a href='/en/structures/bridges/tri-level-bridges' title='Tri-level bridges' >Tri-level bridges</a></li> </ul> </div><!-- /.ym-gbox-left --> </div> </div><!-- /.ym-grid --> <div class="ym-grid"> <div class="one-column-subcat ym-g50 ym-gl"> <div class="ym-gbox-left"> <figure class="access-figure"> <div class=" access-color-layer big-access-structuraeplus on-top smaller-figure-access-color"> <p class="access-text big-access-text">Available with <br><b>Structurae Plus/Pro</b></p> <div class="clear"></div> <a class="access-register-subscribe-btn access-btns" target="_blank" href="/en/shop/subscription/"> Subscribe </a> <div class="clear"></div> <a href="#ajaxLoginPopup" id="myStructuraeLoginBtn" class="mystructurae-login-btn-popup access-login-btn access-btns">Login</a> <div class="clear"></div> </div> <a ><img class="flexible bordered nobotmargin" src="https://files.structurae.net/files/300x200/1/no-image-placeholder.png" alt="Bridge demolition methods" /></a> <figcaption class="caption1"><a href="/en/media/1" >image credits (ID:1)</a></figcaption> </figure> <div class="h3eq reduced-topmargin"><a href="/en/structures/bridges/bridge-demolition-methods" >Bridge demolition methods</a></div> <ul class="longlist"> <li><a href='/en/structures/bridges/explosive-demolition' title='Explosive demolition' >Explosive demolition</a></li> </ul> </div><!-- /.ym-gbox-left --> </div> <div class="one-column-subcat ym-g50 ym-gr"> <div class="ym-gbox-right"> <figure class="access-figure"> <div class=" access-color-layer big-access-mystructurae on-top smaller-figure-access-color"> <p class="access-text big-access-text"><b>Free</b> with registration</p> <div class="clear"></div> <a class="access-register-subscribe-btn access-btns" target="_blank" href="/en/my-structurae/register"> Register </a> <div class="clear"></div> <a href="#ajaxLoginPopup" id="myStructuraeLoginBtn" class="mystructurae-login-btn-popup access-login-btn access-btns">Login</a> <div class="clear"></div> </div> <a ><img class="flexible bordered nobotmargin" src="https://files.structurae.net/files/300x200/1/sustainable-bridges.png" alt="Sustainable bridges" /></a> <figcaption class="caption1"><a href="/en/media/467627" >image credits (ID:467627)</a></figcaption> </figure> <div class="h3eq reduced-topmargin"><a href="/en/structures/bridges/sustainable-bridges" >Sustainable bridges</a></div> <ul class="longlist"> <li><a href='/en/structures/bridges/net-zero-bridges' title='Net-zero bridges' >Net-zero bridges</a></li><li><a href='/en/structures/bridges/structural-carbon-rating-scheme-for-bridges-scorbs' title='Structural Carbon Rating Scheme for Bridges (SCORBS)' >Structural Carbon Rating Scheme for Bridges (SCORBS)</a></li> </ul> </div><!-- /.ym-gbox-left --> </div> </div><!-- /.ym-grid --> <div class="ym-grid"> <div class="one-column-subcat ym-g50 ym-gl"> <div class="ym-gbox-left"> <figure class="access-figure"> <div class=" access-color-layer big-access-mystructurae on-top smaller-figure-access-color"> <p class="access-text big-access-text"><b>Free</b> with registration</p> <div class="clear"></div> <a class="access-register-subscribe-btn access-btns" target="_blank" href="/en/my-structurae/register"> Register </a> <div class="clear"></div> <a href="#ajaxLoginPopup" id="myStructuraeLoginBtn" class="mystructurae-login-btn-popup access-login-btn access-btns">Login</a> <div class="clear"></div> </div> <a ><img class="flexible bordered nobotmargin" src="https://files.structurae.net/files/300x200/1/bridge-awards.png" alt="Bridge Awards" /></a> <figcaption class="caption1"><a href="/en/media/339173" >image credits (ID:339173)</a></figcaption> </figure> <div class="h3eq reduced-topmargin"><a href="/en/structures/bridges/bridge-awards" >Bridge Awards</a></div> <ul class="longlist"> <li><a href='/en/structures/bridges/asbi-bridge-award-of-excellence' title='ASBI Bridge Award of Excellence' >ASBI Bridge Award of Excellence</a></li><li><a href='/en/structures/bridges/benelux-steel-bridge-contest' title='BENELUX Steel Bridge Contest' >BENELUX Steel Bridge Contest</a></li><li><a href='/en/structures/bridges/deutscher-bruckenbaupreis' title='Deutscher Br眉ckenbaupreis' >Deutscher Br眉ckenbaupreis</a></li><li><a href='/en/structures/bridges/european-steel-bridge-awards' title='European Steel Bridge Awards' >European Steel Bridge Awards</a></li><li><a href='/en/structures/bridges/footbridge-awards' title='Footbridge Awards' >Footbridge Awards</a></li><li><a href='/en/structures/bridges/nordic-bridge-prize' title='Nordic Bridge Prize' >Nordic Bridge Prize</a></li><li><a href='/en/structures/bridges/prize-bridge-awards' title='Prize Bridge Awards' >Prize Bridge Awards</a></li><li><a href='/en/structures/bridges/tanaka-award' title='Tanaka Award' >Tanaka Award</a></li> </ul> </div><!-- /.ym-gbox-left --> </div> </div><!-- /.ym-grid --> </div> </div> <div class="box highlight"> <h2 id="related-reports-cat" class="js-acordion-header no-bottom-margin"> Case Studies & Reports <a href="/en/structures/rss?type=reports&id=1" class="rss-ico"><i class="fa fa-rss-square" aria-hidden="true" style="color:orange"></i></a> </h2> <div id="related-reports-cat" class="js-acordion-body"> <div class="productRow"> <div class="singleProduct left"> <a href="/en/products-services/complex-bearing-replacement-at-the-port-of-hamburg" title="Complex bearing replacement at the port of Hamburg" class="imageLink" > <img class="bordered" src="https://files.structurae.net/files/300x200/1/235_koehlbrand_1.jpg" alt=""> </a> <h3><a href="/en/products-services/complex-bearing-replacement-at-the-port-of-hamburg" title="Complex bearing replacement at the port of Hamburg" class="headerLink" >Complex bearing replacement at the port of Hamburg</a></h3> </div> </div> <div class="productRow"> <div class="singleProduct left"> <a href="/en/products-services/himmelhausmattesteg-a-suspension-bridge-on-a-wire-rope-mesh" title="Himmelhausmattesteg: a Suspension Bridge on a Wire Rope Mesh" class="imageLink" > <img class="bordered" src="https://files.structurae.net/files/300x200/1/himmelhaus_1.jpg" alt=""> </a> <h3><a href="/en/products-services/himmelhausmattesteg-a-suspension-bridge-on-a-wire-rope-mesh" title="Himmelhausmattesteg: a Suspension Bridge on a Wire Rope Mesh" class="headerLink" >Himmelhausmattesteg: a Suspension Bridge on a Wire Rope Mesh</a></h3> <div class="notes"> <p>An elegant suspension bridge has been crossing the Trub in Trubschachen in the Emmental since November 2020. The construction of the pedestrian and cycle path bridge is unique: for the first time, a bridge is suspended from a wire rope m ... <a href="/en/products-services/himmelhausmattesteg-a-suspension-bridge-on-a-wire-rope-mesh" title="Himmelhausmattesteg: a Suspension Bridge on a Wire Rope Mesh" class="more">[more]</a> </div> </div> </div> <div class="productRow"> <div class="singleProduct left"> <a href="/en/products-services/lapendenta-suspension-bridge-in-disentis" title="LaPendenta Suspension Bridge in Disentis" class="imageLink" > <img class="bordered" src="https://files.structurae.net/files/300x200/1/jakob-haengebruecke-disentis-5-online.jpg" alt=""> </a> <h3><a href="/en/products-services/lapendenta-suspension-bridge-in-disentis" title="LaPendenta Suspension Bridge in Disentis" class="headerLink" >LaPendenta Suspension Bridge in Disentis</a></h3> <div class="notes"> <p>Since November 2024, Graub眉nden's longest suspension bridge has spanned the Rhine Gorge near Disentis/Must茅r. The ARGE Jakob Rope Systems, Pfeifer and Von Rotz &amp; Wiedemar AG realized this bridge construction project using rope techno ... <a href="/en/products-services/lapendenta-suspension-bridge-in-disentis" title="LaPendenta Suspension Bridge in Disentis" class="more">[more]</a> </div> </div> </div> <div class="clear" ></div> <a class="ym-button ym-next" href="/en/structures/bridges/reports">More reports</a> </div> </div> <br> <div> <h2>Literature</h2> <div class="tabbody" style="margin-top: 10px;"> <ul class="literature-references-list"> <li > <span class='author' style='font-variant: small-caps;'>Schie脽l-Pecka, Angelika / Willberg, Uwe / M眉ller, Georg / Gehlen, Chrisoph</span> (2018): <a href='/en/literature/conference-paper/100-jahre-dauerhaftigkeit-fur-brucken-und-tunnelbauwerke'><span class='title'>100 Jahre Dauerhaftigkeit f眉r Br眉cken- und Tunnelbauwerke</span></a>. Presented at: <span class='title'>28. Dresdener Br眉ckenbausysmposium, Dresden (Deutschland), 12.-13. M盲rz 2018</span>, pp. 157-168. </li> <li > <span class='author' style='font-variant: small-caps;'>Curbach, Manfred</span> (2017): <a href='/en/literature/conference-proceedings/27-dresdner-bruckenbausymposium'><span class='title'>27. Dresdner Br眉ckenbausymposium. Planung, Bauausf眉hrung, Instandsetzung und Ert眉chtigung von Br眉cken (13./14. M盲rz 2017)</span></a>. ISBN 978-3-86780-510-0, pp. 208. </li> <li > <span class='author' style='font-variant: small-caps;'>Curbach, Manfred</span> (2018): <a href='/en/literature/conference-proceedings/28-dresdner-bruckenbausymposium'><span class='title'>28. Dresdner Br眉ckenbausymposium. Planung, Bauausf眉hrung, Instandsetzung und Ert眉chtigung von Br眉cken (12./13. M盲rz 2018)</span></a>. <span class='publication'>Institut f眉r Massivbau, Technische Universit盲t Dresden</span>, Dresden (Germany), ISBN 978-3-86780-544-5, pp. 231. </li> <li > <span class='author' style='font-variant: small-caps;'>Ammann, Othmar H.</span> (1933): <a href='/en/literature/journal-article/advances-in-bridge-construction'><span class='title'>Advances in Bridge Construction</span></a>. In: <span class="publication">Civil Engineering Magazine</span>, v. 3, n. 8 <span class='year'>(August 1933)</span>, pp. 428-32. </li> <li > <span class='author' style='font-variant: small-caps;'>Leonhardt, Fritz</span> (1968): <a href='/en/literature/journal-article/aesthetics-of-bridge-design'><span class='title'>Aesthetics of Bridge Design</span></a>. In: <span class="publication">PCI Journal</span>, v. 13, n. 1 <span class='year'>(February 1968)</span>, pp. 14-31.<p style='margin-top: 0.1em;'> <a href='https://doi.org/10.15554/pcij.02011968.14.31' target='_blank'>https://doi.org/10.15554/pcij.02011968.14.31</a></p> </li> </ul> <a href="/en/structures/bridges/literature" class="ym-button ym-next">More literature</a> </div> <h2>Links</h2> <div class="tabbody"> <ul class="longlist"> <li> <a href="http://www.bridgeengineer.org/" target="_blank">Bridge Engineering Association</a> <img src="https://files.structurae.net/images/flags/en.gif" alt="English" hspace="1" border="0" valign="middle"> </li> <li> <a href="http://www.bridgeink.com/" target="_blank">Bridge of the Month Quiz</a> <img src="https://files.structurae.net/images/flags/en.gif" alt="English" hspace="1" border="0" valign="middle"> </li> <li> <a href="http://www.broer.no/" target="_blank">Broer.no</a> <img src="https://files.structurae.net/images/flags/no.gif" alt="Norwegian" hspace="1" border="0" valign="middle"> </li> <li> <a href="http://en.chinabridge.org.cn/" target="_blank">China Bridge Magazine</a> <img src="https://files.structurae.net/images/flags/en.gif" alt="English" hspace="1" border="0" valign="middle"><img src="https://files.structurae.net/images/flags/zh.gif" alt="Chinese" hspace="1" border="0" valign="middle"> </li> <li> <a href="http://www.highestbridges.com/" target="_blank">HighestBridges.com</a> <img src="https://files.structurae.net/images/flags/en.gif" alt="English" hspace="1" border="0" valign="middle"> </li> <li> <a href="http://www.mosty.cz/" target="_blank">mosty.cz</a> <img src="https://files.structurae.net/images/flags/cz.gif" alt="Czech" hspace="1" border="0" valign="middle"> </li> <li> <a href="http://spanishbridges.princeton.edu/" target="_blank">The Art of Spanish Bridge Design</a> <img src="https://files.structurae.net/images/flags/en.gif" alt="English" hspace="1" border="0" valign="middle"> </li> </ul> </div> </div> </div> </div><!-- /.ym-g60 --> <div class="ym-g40 ym-gr"> <div class="ym-gbox-right"> <div class="ym-sidebox"> <form class="ym-form ym-columnar" method="GET" action="/en/structures/search" style="margin-top: 0px;"> <div class="h3eq">Find a Structure or Project ...</div> <div class="ym-fbox-text"> <label for="pf-name">Name</label> <input type="text" name="name" value="" id="pf-name" size="20" /> </div> <div class="ym-fbox-select"> <label for="pf-function-S">Structure Type</label> <select name="structureType_S" id="pf-function-S" size="1"> <option value="">-- All Structure Types -</option> <option value="1003" >Arch bridge</option> <option value="6237" >Cable-net bridge</option> <option value="1002" >Cable-stayed bridge</option> <option value="1085" >Covered bridge</option> <option value="1072" >Extradosed bridge</option> <option value="1006" >Girder bridge</option> <option value="6940" >Helical bridge</option> <option value="1090" >Hyperbolic bridge</option> <option value="6941" >Inverted Fink truss bridge</option> <option value="3036" >Movable bridge</option> <option value="6990" >Pile bridge</option> <option value="1051" >Pontoon bridge</option> <option value="1049" >Rigid frame bridge</option> <option value="1046" >Stressed ribbon bridge</option> <option value="1001" >Suspension bridge</option> <option value="1086" >Trestle bridge</option> <option value="1004" >Truss bridge</option> <option value="1103" >Vierendeel truss bridge</option> </select> </div> <div class="ym-fbox-select"> <label for="pf-function-F">Function</label> <select name="structureType_F" id="pf-function-F" size="1"> <option value="">-- Function --</option> <option value="2050" >Aqueduct bridge</option> <option value="2048" >Bicycle and pedestrian bridge</option> <option value="2075" >Canal bridge</option> <option value="2141" >Conveyor bridge</option> <option value="2105" >Living bridge</option> <option value="2157" >Maglev bridge</option> <option value="2137" >Monorail bridge</option> <option value="2103" >Pipeline bridge</option> <option value="2046" >Railroad (railway) bridge</option> <option value="2053" >Road bridge</option> <option value="2055" >Runway bridge</option> <option value="2102" >Taxiway bridge</option> <option value="2056" >Transporter bridge</option> <option value="2091" >Wildlife crossing</option> </select> </div> <div class="ym-fbox-select"> <label for="pf-function-M">Method</label> <select name="structureType_M" id="pf-function-M" size="1"> <option value="">-- Methods --</option> <option value="3002" >Balanced cantilever method</option> <option value="3032" >Cantilever construction using temporary stays in vertical position, then rotation into horizontal</option> <option value="4053" >Climbing formwork</option> <option value="3027" >Composite prefabricated girders with in-situ deck slab</option> <option value="3001" >Incremental launching</option> <option value="3024" >Lateral / transverse launching</option> <option value="3025" >Longitudinal launching</option> <option value="3006" >Movable Scaffolding System</option> <option value="3017" >Precast concrete elements with in-situ joints</option> <option value="3007" >Precast girders with cast-in-situ slab</option> <option value="3012" >Precast segmental construction</option> <option value="3023" >Rotation around a horizontal axis</option> <option value="3022" >Rotation around a vertical axis</option> <option value="3021" >Span-by-span in-situ casting on falsework</option> <option value="3005" >Tarzan method</option> </select> </div> <div class="ym-fbox-text"> <label for="pf-year">Year completed</label> <input type="text" name="year" id="pf-year" size="20" value="" /> </div> <div class="ym-fbox-button"> <input type="hidden" name="structureType" id="pf-type" value="1" /> <input type="submit" class="ym-button" value="Search" id="pf-submit-sub" name="pf-submit-sub" /> </div> </form> </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_1"></div> </article> </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"> <h2>Recently Added <a href="/en/structures/rss?type=added&id=1" class="rss-ico"><i class="fa fa-rss-square" aria-hidden="true" style="color:orange"></i></a></h2> <div class="img-small-text ym-clearfix" > <a href="/en/structures/lagan-weir-footbridge"><img class="bordered" src="https://files.structurae.net/files/96x64/wikipedia/lagan-weir-footbridge.jpg" alt="" /></a> <div class="h4eq"><a href="/en/structures/lagan-weir-footbridge">Lagan Weir Footbridge</a></div> <p> United Kingdom (2015), added on 23/03/2025 </p> </div> <div class="img-small-text ym-clearfix" > <a href="/en/structures/john-luke-bridge"><img class="bordered" src="https://files.structurae.net/files/96x64/wikipedia/john-luke-bridge.jpg" alt="" /></a> <div class="h4eq"><a href="/en/structures/john-luke-bridge">John Luke Bridge</a></div> <p> United Kingdom, added on 23/03/2025 </p> </div> <div class="img-small-text ym-clearfix" style="margin: 0;"> <a href="/en/structures/lagan-gateway-bridge"><img class="bordered" src="https://files.structurae.net/files/96x64/wikipedia/lagan-gateway-bridge-geograph-7193569.jpg" alt="" /></a> <div class="h4eq"><a href="/en/structures/lagan-gateway-bridge">Lagan Gateway Bridge</a></div> <p> United Kingdom, added on 23/03/2025 </p> </div> <a href="/en/structures/bridges/new" class="ym-button ym-next" style="margin: 0.5em 0;"> More new entries </a> </div> <div class="ym-sidebox"> <h2>Recently Modified <a href="/en/structures/rss?type=modified&id=1" class="rss-ico"><i class="fa fa-rss-square" aria-hidden="true" style="color:orange"></i></a></h2> <div class="img-small-text ym-clearfix" > <a href="/en/structures/hams-way-footbridge"><img class="bordered" src="https://files.structurae.net/files/96x64/wikipedia/powick-new-pedestrian-bridge-50765705522.jpg" alt="" /></a> <div class="h4eq"><a href="/en/structures/hams-way-footbridge">Hams Way Footbridge</a></div> <p> United Kingdom (2020), modified on 31/03/2025 </p> </div> <div class="img-small-text ym-clearfix" > <a href="/en/structures/shastri-bridge"><img class="bordered" src="https://files.structurae.net/files/96x64/wikipedia/2019-feb-04-kumbh-mela-mauni-amavasya-crowd-19.jpg" alt="" /></a> <div class="h4eq"><a href="/en/structures/shastri-bridge">Shastri Bridge</a></div> <p> India, modified on 31/03/2025 </p> </div> <div class="img-small-text ym-clearfix" style="margin: 0;"> <a href="/en/structures/naini-bridge"><img class="bordered" src="https://files.structurae.net/files/96x64/1/naini_bridge__allahabad.jpg" alt="" /></a> <div class="h4eq"><a href="/en/structures/naini-bridge">Naini Bridge</a></div> <p> India (2004), modified on 31/03/2025 </p> </div> <a href="/en/structures/bridges/modified" class="ym-button ym-next" style="margin: 0.5em 0;"> More updated entries </a> </div> <div class="ym-sidebox"> <h2>Recently Illustrated <a href="/en/structures/rss?type=illustrated&id=1" class="rss-ico"><i class="fa fa-rss-square" aria-hidden="true" style="color:orange"></i></a></h2> <div class="img-small-text ym-clearfix" > <a href="/en/structures/hams-way-footbridge"><img class="bordered" src="https://files.structurae.net/files/96x64/wikipedia/powick-new-pedestrian-bridge-50765705522.jpg" alt="" /></a> <div class="h4eq"><a href="/en/structures/hams-way-footbridge">Hams Way Footbridge</a></div> <p> United Kingdom (2020) <br />1 new image added on 31/03/2025 </p> </div> <div class="img-small-text ym-clearfix" > <a href="/en/structures/lucky-knot"><img class="bordered" src="https://files.structurae.net/files/96x64/wikipedia/lucky-knot-bridge-in-changsha.jpg" alt="" /></a> <div class="h4eq"><a href="/en/structures/lucky-knot">Lucky Knot</a></div> <p> China (2016) <br />1 new image added on 28/03/2025 </p> </div> <div class="img-small-text ym-clearfix" style="margin: 0;"> <a href="/en/structures/shastri-bridge"><img class="bordered" src="https://files.structurae.net/files/96x64/wikipedia/2019-feb-04-kumbh-mela-mauni-amavasya-crowd-19.jpg" alt="" /></a> <div class="h4eq"><a href="/en/structures/shastri-bridge">Shastri Bridge</a></div> <p> India <br />1 new image added on 28/03/2025 </p> </div> <a href="/en/structures/bridges/illustrated" class="ym-button ym-next" style="margin: 0.5em 0;"> More illustrated entries </a> </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><!-- /.ym-g40 --> </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": "Bridges and Viaducts", "image": "https://files.structurae.net/files/photos/1/20100625/dsc05930.jpg", "datePublished": "{ts '2004-01-17 11:55:26'}", "dateModified": "{ts '2022-05-23 12:08:49'}", "author": { "@type": "Organization", "name": "Structurae" }, "publisher": { "name": "Structurae", "@type": "Organization", "logo": { "@type": "ImageObject", "url": "https://structurae.net/images/structurae.png" } }, "description": "Bridges and Viaducts", "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"> <!-- content --> <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"> <!-- content --> <div class="h3eq"><i class="icon-bar-chart"></i> Content Statistics</div> <ul> <li class="wBg"> <span>85432</span> <a href="/en/structures/"> Structures &amp; Projects </a> </li> <li> <span>11882</span> <a href="/en/persons/"> Persons </a> </li> <li class="wBg"> <span>16307</span> <a href="/en/companies/"> Companies </a> </li> <li> <span>1702</span> <a href="/en/products-services/"> Products & Services </a> </li> <li class="wBg"> <span>416615</span> Media </li> <li> <span>652715</span> <a href="/en/literature/"> Publications </a> </li> <li class="wBg"> <span>674</span> <a href="/en/literature/periodicals/"> Journals </a> </li> <li> <span>72283</span> Links </li> </ul> </div> </div> <div class="ym-g33 ym-gr"> <div class="ym-gbox-right"> <!-- content --> <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 - &copy; 1998-2025 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="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('1'); </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/new/photoSwipeMedia.js" type="text/javascript"></script> <script src="/layouts/js/scrollableTabs.js"></script> <script type="text/javascript"> var dataLayer = window.dataLayer || []; dataLayer.push({ 'usertype': 'notlogged', 'businessid': '' }); </script> </body> </html>

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