CINXE.COM
Startseite - Deutscher Landschaftsarchitektur-Preis
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <base href="https://www.deutscher-landschaftsarchitektur-preis.de/" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="description" content="Webseite zum Deutschen Landschaftsarchitektur Preis des Bundes Deutscher Landschaftsarchitekten" /> <meta name="generator" content="Joomla! - Open Source Content Management" /> <title>Startseite - Deutscher Landschaftsarchitektur-Preis</title> <script src="/media/jui/js/jquery.min.js?cfd36393a47c799a283c52ba1b09e19f" type="text/javascript"></script> <script src="/media/jui/js/jquery-noconflict.js?cfd36393a47c799a283c52ba1b09e19f" type="text/javascript"></script> <script src="/media/jui/js/jquery-migrate.min.js?cfd36393a47c799a283c52ba1b09e19f" type="text/javascript"></script> <script src="/media/system/js/caption.js?cfd36393a47c799a283c52ba1b09e19f" type="text/javascript"></script> <script src="/media/jui/js/bootstrap.min.js?cfd36393a47c799a283c52ba1b09e19f" type="text/javascript"></script> <script type="text/javascript"> jQuery(window).on('load', function() { new JCaption('img.caption'); }); </script> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="/templates/bootstrapuniversaltemplatev3.0/css/font.css" rel="stylesheet" media="screen"> <link href="/templates/bootstrapuniversaltemplatev3.0/bootstrap/css/bootstrap.css" rel="stylesheet" media="screen"> <script src="https://www.bdla.de/__assets/js/jquery.js"></script> <!-- <link rel="stylesheet/less" type="text/css" href="/templates/bootstrapuniversaltemplatev3.0/less/flat-ui.less"> --> <!-- Load JS here for greater good =============================--> <script src="/templates/bootstrapuniversaltemplatev3.0/js/jquery-1.8.3.min.js"></script> <script src="/templates/bootstrapuniversaltemplatev3.0/js/jquery-ui-1.10.3.custom.min.js"></script> <script src="/templates/bootstrapuniversaltemplatev3.0/js/jquery.ui.touch-punch.min.js"></script> <script src="/templates/bootstrapuniversaltemplatev3.0/js/bootstrap.min.js"></script> <script src="/templates/bootstrapuniversaltemplatev3.0/js/bootstrap-select.js"></script> <script src="/templates/bootstrapuniversaltemplatev3.0/js/bootstrap-switch.js"></script> <script src="/templates/bootstrapuniversaltemplatev3.0/js/flatui-checkbox.js"></script> <script src="/templates/bootstrapuniversaltemplatev3.0/js/flatui-radio.js"></script> <script src="/templates/bootstrapuniversaltemplatev3.0/js/jquery.tagsinput.js"></script> <script src="/templates/bootstrapuniversaltemplatev3.0/js/jquery.placeholder.js"></script> <script type="text/javascript" src="https://www.bdla.de/templates/bunddeutscherlandschaftsarchitektenbdla/js/cycle.js"></script> <script type="text/javascript" src="https://www.bdla.de/templates/bunddeutscherlandschaftsarchitektenbdla/js/carousel.js"></script> <script type="text/javascript" src="/templates/bootstrapuniversaltemplatev3.0/js/jw7/jwplayer.js"></script> <script type="text/javascript">jwplayer.key="xCjZb86n87gzpdtXRG3Cb6ZARJPkhYJilnSC2w==";</script> <!-- <script src="/templates/bootstrapuniversaltemplatev3.0/js/less.js" type="text/javascript"></script> --> <link rel="stylesheet" href="/templates/bootstrapuniversaltemplatev3.0/css/compiled.css" type="text/css" /> <!-- Joomla Additional CSS --> <link rel="stylesheet" href="/templates/bootstrapuniversaltemplatev3.0/css/template.css" type="text/css" /> <link rel="stylesheet" type="text/css" href="https://www.bdla.de/__assets/css/cookieconsent.min.css" /> <script src="https://www.bdla.de/__assets/js/cookieconsent.min.js"></script> <script> window.addEventListener("load", function(){ window.cookieconsent.initialise({ "palette": { "popup": { "background": "#efefef", "text": "#222222" }, "button": { "background": "#C09A5B", "text": "#ffffff" } }, "position": "top", "content": { "message": "Wir verwenden Session-Cookies auf unseren Webseiten. N盲here Informationen finden Sie in unserer", "dismiss": "Verstanden", "link": "Datenschutzerkl盲rung", "href": "https://www.deutscher-landschaftsarchitektur-preis.de/datenschutzerklaerung" } })}); </script> </head> <body style="font-weight: 300; background-image:url('/'); background-size: cover; background-attachment: fixed;"> <div class="fullSize" style="background-image: url('/images/jahrgang/2025/Planorama_Gartenschau_Eppingen_Foto_Nikolai_Benner_1000.jpg'); background-size: cover; background-attachement:attached; background-position: 50% 50%; position: fixed; margin: 0px; padding: 0px;right: 0px; float: right;"> <div class="pullBottom imageBU"> <p>漏 Gartenschau Eppingen 2022. Planung: Maik B枚hmer, Planorama Landschaftsarchitektur, Berlin.聽漏 Foto: Nikolai Benner</p> </div> </div> <script> function handleRightImage() { fensterHoehe = $( window ).height(); pullBottomHeight = fensterHoehe - $('.pullBottom').height(); $('.pullBottom').css('marginTop', '0px'); $('.pullBottom').css('marginTop', pullBottomHeight); } handleRightImage(); $( window ).resize(function(){ handleRightImage(); }); </script> <nav class="navbar navbar-default navbar-fixed-top shadowed visible-xs visible-sm" id="mainNav" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-target="#navbar-collapse" style="margin-top: 0px; float: right;"> <span style="font-size: 14px; color: #C09A5C;"><img src="https://bdla.de/templates/bunddeutscherlandschaftsarchitektenbdla/images/icon_menu-bars.png" /></span> </button> <a class="navbar-brand hidden-sm hidden-xs" href="#">Deutscher Landschaftsarchitektur-Preis</a> </div> <div id="navbar-collapse" class="navbar-collapse collapse" style="margin-right: 0px; padding-top: 24px; margin-top: 0px;"> <ul class="nav navbar-nav pull-right"> <li class="item-110"><a href="/wettbewerb-2025">Wettbewerb 2025</a></li><li class="item-116"><a href="/termine">Termine</a></li><li class="item-117"><a href="/jury">Jury</a></li><li class="item-118"><a href="/preisverleihung">Preisverleihung</a></li><li class="item-120"><a href="/foerderer">F枚rderer</a></li><li class="item-121"><a href="/presse">Presse</a></li><li class="item-122"><a href="/auslober">Auslober</a></li><li class="item-165 divider"><span class="separator"> 聽</span> </li><li class="item-127 parent"><a href="/archiv">R眉ckblick</a></li><li class="item-123 parent"><a href="/publikationen">Publikationen</a></li><li class="item-231"><a href="/mediathek">Mediathek</a></li><li class="item-124"><a href="/kontakt">Kontakt</a></li></ul> </div> </div> </nav> <div class="container-fluid"> <div class="row-fluid"> <div class="col-md-6 col-md-offset-1 col-sm-7 col-sm-offset-1 ugp30 xsupg90"> <a href="/"> <img class="hidden-xs logo" src="/templates/bootstrapuniversaltemplatev3.0/images/logo/logo.png" style="float: left; margin-left: 0px;"/> <img class="visible-xs logo" src="/templates/bootstrapuniversaltemplatev3.0/images/logo/logo.png" style="float: left; margin-left: 0px; width: 50%; height: auto;"/> </a> </div> <div class="clearfix"></div> <div class="col-md-6 col-md-offset-1 col-sm-7 col-sm-offset-1 ugp120 content"> <div style="margin-top: -6px; margin-left: -2px;"> <div class="ugp90"> <!-- DIE FILTERLISTE --> <style> * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cycle-1 div { width:100%; } #cycle-1 { overflow: hidden;} #cycle-2 .cycle-slide { border: 2px solid #FFFFFF; opacity: 0.5; } #cycle-2 .cycle-slide-active, #cycle-2 .cycle-slide:hover { border:2px solid #FFFFFF; opacity: 1;} #slideshow-1, #slideshow-2 { width: 100%; margin: auto } #slideshow-2 { margin-bottom: 10px} .cycle-slideshow img { width: 100%; height: auto; display: block; margin-top: 0px; } #cycle-2 div {height: 100px; background-position: 50% 50%; background-size: cover; cursor: pointer;} span.custom-caption {float: right; text-align: right;} p.buautor { font-size: 85%; float: right; text-align: right; color: #FFFFFF; text-shadow: 1px 1px 2px #000000; padding-top: 5px; margin-right: 10px;} p.bu {margin-bottom: 15px; color: #666666; border-bottom: 2px solid #EFEFEF; padding-bottom: 10px;} p.bu span {display: block; color: #444444;} </style> <div class="item-pagestartPage" itemscope itemtype="http://schema.org/Article"> <meta itemprop="inLanguage" content="de-DE" /> <!-- --> <div class="icons"> </div> <!-- --> <div itemprop="articleBody"> <div class="visible-md visible-lg">聽</div> <div class="visible-md visible-lg"> <h1 class="visible-md visible-lg">聽</h1> <p>聽</p> <p>聽</p> <h1 class="visible-md visible-lg">EINGEREICHT!</h1> <p>聽</p> Im Wettbewerb um den Deutschen Landschaftsarchitektur-Preis 2025 ist die erste Phase abgeschlossen: Bis zum 27. Januar 2025 konnten aktuelle Planungen und Projekte online eingereicht werden. Wir danken den vielen Teilnehmenden!<br /><br />Ab 10. M盲rz 2025 werden die Nominierungen zum Deutschen Landschaftsarchitektur-Preis 2025 bekannt gegeben.</div> <div class="visible-md visible-lg"><br /><a href="/wettbewerb-2025">Alle Informationen zum Wettbewerb 2025</a></div> <p>聽</p> <p>聽</p> <div class="visible-sm"> <h1 class="visible-md visible-lg">EINGEREICHT!</h1> <p>聽</p> Im Wettbewerb um den Deutschen Landschaftsarchitektur-Preis 2025 ist die erste Phase abgeschlossen: Bis zum 27. Januar 2025 konnten aktuelle Planungen und Projekte online eingereicht werden. Wir danken den vielen Teilnehmenden!<br /><br />Ab 10. M盲rz 2025 werden die Nominierungen zum Deutschen Landschaftsarchitektur-Preis 2025 bekannt gegeben.</div> <div class="visible-sm"> <p><a href="/wettbewerb-2025">Alle Informationen zum Wettbewerb 2025</a></p> <p>聽</p> </div> <div class="visible-xs"> <h3 class="visible-xs">EINGEREICHT!</h3> <p>聽</p> <div class="visible-xs visible-lg">Bis zum 27. Januar 2025 konnten aktuelle Planungen und Projekte online eingereicht werden. Wir danken den vielen Teilnehmenden!</div> <p><a href="/wettbewerb-2025">Alle Informationen zum Wettbewerb 2025</a></p> </div> </div> </div> <script> jQuery(document).ready(function($){ $('.pager').append ('<li class="overview"><a href="/"><span class="glyphicon glyphicon-th"></span></a></li>'); var slideshows = $('.cycle-slideshow').on('cycle-next cycle-prev', function(e, opts) { // advance the other slideshow slideshows.not(this).cycle('goto', opts.currSlide); }); $('#cycle-2 .cycle-slide').click(function(){ var index = $('#cycle-2').data('cycle.API').getSlideIndex(this); slideshows.cycle('goto', index); }); }); </script> </div> <div class="clearfix"></div> </div> </div> <div class="col-md-6 col-md-offset-1 col-sm-7 col-sm-offset-1 ugp30 pushBottom" style="overflow: hidden; padding-bottom: 10px;"> <div class="row"> <div class="col-md-12"> <div class="row bannerStart"> <div class="col-md-2 col-sm-4 col-xs-4 ugp30"> <a href="/component/banners/click/29" target="_blank" title="Bruns_Logo"> <div style="margin: 0px; padding: 0px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; width: 100%; height: 60px; overflow: hidden; background-image:url('https://www.deutscher-landschaftsarchitektur-preis.de/images/logos/2017/Bruns_Logo_optimiert.jpg');"></div> <!-- <img src="https://www.deutscher-landschaftsarchitektur-preis.de/images/logos/2017/Bruns_Logo_optimiert.jpg" alt="Bruns-Pflanzen-Export GmbH & Co. KG#Johann-Bruns-Allee1#26160 Bad Zwischenahn" style="width: 100%; display: block;" /> --> </a> </div> <div class="col-md-2 col-sm-4 col-xs-4 ugp30"> <a href="/component/banners/click/43" target="_blank" title="Competitionline_Logo"> <div style="margin: 0px; padding: 0px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; width: 100%; height: 60px; overflow: hidden; background-image:url('https://www.deutscher-landschaftsarchitektur-preis.de/images/logos/2023/Cl_Logo_lang_600x133.jpg');"></div> <!-- <img src="https://www.deutscher-landschaftsarchitektur-preis.de/images/logos/2023/Cl_Logo_lang_600x133.jpg" alt="competitionline Verlags GmbH#Friedrichstr. 23a#10969 Berlin" style="width: 100%; display: block;" /> --> </a> </div> <div class="col-md-2 col-sm-4 col-xs-4 ugp30"> <a href="/component/banners/click/30" target="_blank" title="Computerworks_Logo"> <div style="margin: 0px; padding: 0px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; width: 100%; height: 60px; overflow: hidden; background-image:url('https://www.deutscher-landschaftsarchitektur-preis.de/images/logos/2017/Vectorworks_Logotype_maximumsize.jpg');"></div> <!-- <img src="https://www.deutscher-landschaftsarchitektur-preis.de/images/logos/2017/Vectorworks_Logotype_maximumsize.jpg" alt="ComputerWorks GmbH#Schwarzwaldstra脽e 67#79539 L枚rrach" style="width: 100%; display: block;" /> --> </a> </div> <div class="col-md-2 col-sm-4 col-xs-4 ugp30"> <a href="/component/banners/click/34" target="_blank" title="polytan_Logo"> <div style="margin: 0px; padding: 0px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; width: 100%; height: 60px; overflow: hidden; background-image:url('https://www.deutscher-landschaftsarchitektur-preis.de/images/logos/2021/Logo-polytan_2021.png');"></div> <!-- <img src="https://www.deutscher-landschaftsarchitektur-preis.de/images/logos/2021/Logo-polytan_2021.png" alt="Polytan GmbH#Gewerbering 3#86666 Burgheim" style="width: 100%; display: block;" /> --> </a> </div> <div class="col-md-2 col-sm-4 col-xs-4 ugp30"> <a href="/component/banners/click/37" target="_blank" title="Rinn Logo"> <div style="margin: 0px; padding: 0px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; width: 100%; height: 60px; overflow: hidden; background-image:url('https://www.deutscher-landschaftsarchitektur-preis.de/images/logos/Logo_Rinn.png');"></div> <!-- <img src="https://www.deutscher-landschaftsarchitektur-preis.de/images/logos/Logo_Rinn.png" alt="Rinn Beton- und Naturstein GmbH & Co. KG#Rodheimer Stra脽e 83#35452 Heuchelheim/Gie脽en" style="width: 100%; display: block;" /> --> </a> </div> <div class="col-md-2 col-sm-4 col-xs-4 ugp30"> <a href="/component/banners/click/38" target="_blank" title="Runge_Logo"> <div style="margin: 0px; padding: 0px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; width: 100%; height: 60px; overflow: hidden; background-image:url('https://www.deutscher-landschaftsarchitektur-preis.de/images/logos/2023/Logo_Runge_2023_2.jpg');"></div> <!-- <img src="https://www.deutscher-landschaftsarchitektur-preis.de/images/logos/2023/Logo_Runge_2023_2.jpg" alt="Runge GmbH & Co. KG#Rudolf-Runge-Str. 2#49143 Bissendorf" style="width: 100%; display: block;" /> --> </a> </div> <div class="clearfix hidden-xs hidden-sm"></div> <div class="col-md-12 ugp30 hidden-xs hidden-sm"> </div> <div class="col-md-2 col-sm-4 col-xs-4 ugp30"> <a href="/component/banners/click/39" target="_blank" title="smb_Seilspielger盲te_Logo"> <div style="margin: 0px; padding: 0px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; width: 100%; height: 60px; overflow: hidden; background-image:url('https://www.deutscher-landschaftsarchitektur-preis.de/images/smb-Logo-Weboptimiert.jpg');"></div> <!-- <img src="https://www.deutscher-landschaftsarchitektur-preis.de/images/smb-Logo-Weboptimiert.jpg" alt="smb Seilspielger盲te GmbH Berlin in Hoppegarten#Technikerstra脽e 6/8#15366 Hoppegarten" style="width: 100%; display: block;" /> --> </a> </div> <div class="col-md-2 col-sm-4 col-xs-4 ugp30"> <a href="/component/banners/click/41" target="_blank" title="wavin"> <div style="margin: 0px; padding: 0px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; width: 100%; height: 60px; overflow: hidden; background-image:url('https://www.deutscher-landschaftsarchitektur-preis.de/images/logos/2025/Wavin_OE_logomark_100_blue_startseite.png');"></div> <!-- <img src="https://www.deutscher-landschaftsarchitektur-preis.de/images/logos/2025/Wavin_OE_logomark_100_blue_startseite.png" alt="Wavin GmbH#Industriestra脽e 20#49767 Twist" style="width: 100%; display: block;" /> --> </a> </div> <div class="col-md-2 col-sm-4 col-xs-4 ugp30"> <a href="/component/banners/click/42" target="_blank" title="BGL_Logo"> <div style="margin: 0px; padding: 0px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; width: 100%; height: 60px; overflow: hidden; background-image:url('https://www.deutscher-landschaftsarchitektur-preis.de/images/logos/2017/BGL_Logo_optimiert.jpg');"></div> <!-- <img src="https://www.deutscher-landschaftsarchitektur-preis.de/images/logos/2017/BGL_Logo_optimiert.jpg" alt="Bundesverband Garten-, Landschafts- und Sportplatzbau e.V.#Alexander-von-Humboldtstra脽e 4#53604 Bad Honnef" style="width: 100%; display: block;" /> --> </a> </div> <div class="col-md-2 col-sm-4 col-xs-4 ugp30"> <a href="/component/banners/click/33" target="_blank" title="Messe_N眉rnberg_Logo"> <div style="margin: 0px; padding: 0px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; width: 100%; height: 60px; overflow: hidden; background-image:url('https://www.deutscher-landschaftsarchitektur-preis.de/images/logos/2017/NM_Logo_farbig.jpg');"></div> <!-- <img src="https://www.deutscher-landschaftsarchitektur-preis.de/images/logos/2017/NM_Logo_farbig.jpg" alt="N眉rnbergMesse GmbH#Messezentrum#90471 N眉rnberg" style="width: 100%; display: block;" /> --> </a> </div> <div class="col-md-2 col-sm-4 col-xs-4 ugp30"> <a href="/component/banners/click/32" target="_blank" title="GdW_Logo"> <div style="margin: 0px; padding: 0px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; width: 100%; height: 60px; overflow: hidden; background-image:url('https://www.deutscher-landschaftsarchitektur-preis.de/images/logos/2017/GdW_Wohnungswirtschaft_Logo_web_optimiert.png');"></div> <!-- <img src="https://www.deutscher-landschaftsarchitektur-preis.de/images/logos/2017/GdW_Wohnungswirtschaft_Logo_web_optimiert.png" alt="GdW Bundesverband deutscher Wohnungs- und Immobilienunternehmen e. V.#Klingelh枚ferstra脽e 5#10785 Berlin" style="width: 100%; display: block;" /> --> </a> </div> </div> </div> <div class="clearfix"></div> <div class="row"> <div class="col-md-12"> <hr style="margin: 0px; " /> <div class="hidden-xs"> <p class="topScroll" style="width: 100%; border-top: 0px;"><a href="/impressum">Impressum</a> • <a href="/datenschutzerklaerung">Datenschutzerkl盲rung</a></p> </div> <div class="visible-xs"> <p class="topScroll" style="width: 100%; border-top: 0px; line-height: 1.8em;"> <a href="/impressum">Impressum</a><br /> <a href="/datenschutzerklaerung">Datenschutzerkl盲rung</a></p> </div> <!-- <img src="/images/logos/partnerlogo1.png" class="img-responsives" alt="Responsive image"> <img src="/images/logos/partnerlogo3.png" class="img-responsives" alt="Responsive image"> <img src="/images/logos/partnerlogo4.png" class="img-responsives" alt="Responsive image"> <img src="/images/logos/partnerlogo5.png" class="img-responsives" alt="Responsive image"> <img src="/images/logos/partnerlogo6.png" class="img-responsives" alt="Responsive image"> <img src="/images/logos/partnerlogo7.png" class="img-responsives" alt="Responsive image"> --> </div> </div> <div class="clearfix"></div> </div> </div> </div> <div id="video"> <p class="overlayCloser">schließen [x]</p> <div class="clearer"><p> </p></div> <div class="inneroverlay" style="background-color: #FFFFFF;"> <div id="jwcontainer" style="background-color: #FFFFFF;"></div> </div> </div> <div id="videoOverlay"> <p class="overlayCloser videoCloser">Video schließen [x]</p> <video id="dlapMediathek" autoplay="autoplay"> <source src="/" type="video/mp4" /> </video> </div> <script> $( document ).ready(function() { $('.startModalPlay').click(function(){ $('#dlapMediathek').width('70%'); $('#dlapMediathek').css('margin-left', '15%'); $('#dlapMediathek').css('margin-top', '8%'); $('#videoOverlay').fadeIn(750); var video = $('video#dlapMediathek')[0]; video.src = $(this).attr('data-video'); video.load(); video.play(); }); $('.videoCloser').click(function(){ $('#videoOverlay').fadeOut(250); var video = $('video#dlapMediathek')[0]; video.pause(); }); var vids = $("video"); $.each(vids, function(){ this.controls = false; }); //Loop though all Video tags and set Controls as false $("video").click(function() { if (this.paused) { this.play(); } else { this.pause(); } }); $('.goTop').click(function () { $('html, body').animate({ scrollTop: $('body').offset().top }, 750); }); $('.navbar-toggle').click(function(){ var elementToToggle = $(this).attr('data-target'); $(elementToToggle).slideToggle(250); }) function CenteringElements() { fensterHoehe = $( window ).height(); $( '.fullSize' ).css('height', fensterHoehe ); /* fensterHoehe = $( window ).height(); var position = $('.pushBottom').position(); restHeight = fensterHoehe - position.top; pushBottomHeight = restHeight - $('.pushBottom').height(); pushBottomHeight = pushBottomHeight - 10; $('.pushBottom').css('marginTop', '0px'); $('.pushBottom').css('marginTop', pushBottomHeight); */ // Centering the Logos on Start Page var relHeight = $('.pushBottom').height() / 2; relHeight = relHeight + 10; // $('.bannerStart').css('height', relHeight); /* $('.bannerStart').find('img').each(function () { var tmpHeight = 0; tmpHeight = $(this).height() / 2; var padmargHeight = relHeight - 30 - tmpHeight; // alert (relHeight + ' - ' + tmpHeight + ' - ' + padmargHeight); $(this).css('marginTop', padmargHeight); }); */ // Centering the StartPage /* var tmpHeight = 0; tmpHeight = $('.item-pagestartPage').height() / 2; var padmargHeight = (fensterHoehe / 2) - tmpHeight - 240; $('.item-pagestartPage').css('marginTop', padmargHeight); */ }; CenteringElements(); $( window ).resize(function(){ CenteringElements(); }); CenteringElements(); }) </script> </body> </html>