International Summer Camp – St Stephen’s School

<!DOCTYPE html> <html>  <head id="heads">  <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-PDZLMWD');</script>   <script src="https://www.ierek.com/front/carouselengine/jquery.js?v=3.4"></script> <link rel="stylesheet" type="text/css" href="https://www.ierek.com/front/carouselengine/initcarCoeus Logoousel-1.css?v=3.4">  <title id="head_title"> International Summer Camp – St Stephen’s School </title>   <meta name="description" content=" Italy is a cultural destination that has always been on almost everyone’s bucket list given its unique culture and historical monuments and artifacts that are uniquely and breathtakingly fascinating. Rome, in particular, is a wonder of its own as it is a city stuck in between modernity and the preservation of its own heritage. "> <meta name="keywords" content=" unique culture,historical monuments ,Rome,heritage "> <meta name="author" content="IEREK"> <meta charset="UTF-8"> <meta http-equiv=“Pragma” content=”no-cache”> <meta http-equiv="Expires" content="Mon, 26 Jul 1997 05:00:00 GMT"> <meta name="google-site-verification" content="KJ6zwrzl9nrW-4X_r6MYR_jaZ0dD-oFrLxXLkpzupB0" /> <meta http-equiv=“CACHE-CONTROL” content=”NO-CACHE”> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="_token" content="AsK9hVXOjB7da8wKVpHrWJcvRPjjQaUaEIUVJDPn"> <link href="https://www.ierek.com/css/font-awesome.min.css?v=3.4" rel="stylesheet" type="text/css"/> <link rel="stylesheet" href="https://www.ierek.com/front/bootstrap/css/bootstrap.min.css?v=3.4"> <link href="https://www.ierek.com/front/css/jquery-ui.min.css?v=3.4" rel="stylesheet" type="text/css"/> <link rel="icon" href="https://www.ierek.com/front/images/favicon.ico"/> <link href="https://www.ierek.com/front/css/newstyle.css?v=3.4" rel="stylesheet" type="text/css"/> <noscript> <img height="1" width="1" style="display:none" alt="facebook" src="https://www.facebook.com/tr?id=409131099583923&ev=PageView&noscript=1"/> </noscript>  <style> .btn-text-wrap button { border: none !important; background-color: #fbfbfb; display: flex; } .btn-text-wrap button:hover { background-color: #fbfbfb00; } .search-info-area { position: relative; } .search-info-btn { position: relative; display: block; color: #000; } .search-info-btn .btn-text-wrap { position: relative; display: flex; flex-wrap: wrap; align-items: center; padding: 10px; } .search-info-btn .icon-holder { display: block; width: 23px; margin: 0 6px 0 0; } .search-info-btn .icon-holder img { display: block; width: 100%; height: auto; } .search-info-btn .text { display: block; font-size: 15px; line-height: 18px; font-weight: 400; margin-bottom: 0 !important; } #myDIV { width: 100%; text-align: center; margin-top: 20px; display: none; } .search-info-area { position: relative; } .search-info-btn:hover, .search-info-btn.active { background: #000; box-shadow: 0 0 15px rgba(0,0,0, 0.5); } .search-info-btn { position: relative; display: block; color: #000; } .search-info-btn:hover .btn-text-wrap, .search-info-btn.active .btn-text-wrap { color: #000; filter: invert(100%); } .search-info-btn .btn-text-wrap { position: relative; display: flex; flex-wrap: wrap; align-items: center; } .search-info-btn .icon-holder { display: block; width: 23px; margin: 0 6px 0 0; } .search-info-btn .icon-holder img { display: block; width: 100%; height: auto; } .search-info-btn .text { display: block; font-size: 15px; line-height: 18px; font-weight: 400; } .search-info-slide { position: absolute; left: 0; right: 0; top: 100%; z-index: 100; } .search-field-area { width: 600px; position: relative; display: flex; flex-wrap: wrap; align-items: center; top: -25px; } @media (max-width: 767px){ .search-field-area { width: 80%; position: relative; display: flex; flex-wrap: wrap; align-items: center; top: -10px; } .search-info-btn .text { display: none; } } .search-field-holder { position: relative; flex-grow: 1; flex-basis: 0; min-width: 0; padding: 0 10px 0 0; } .search-field-holder .search-field { width: 100%; height: 45px; outline: none; box-shadow: none; border: 1px solid #d0cfce; background: #fff; font-size: 13px; line-height: 16px; font-weight: 400; padding: 10px 20px; border-radius: 0; transition: all 0.4s ease; } .search-field-area .search-btn { width: 45px; height: 45px; border: 1px solid #d0cfce; background: #fff; transition: all 0.4s ease; padding: 5px; text-align: center; cursor: pointer; } .search-field-area .search-btn img { display: block; height: auto; width: 16px; margin: 0 auto; } .search-info-content .inner-container { position: relative; max-width: 630px; padding: 0 15px; margin: 0 auto; } </style> <style> @media only screen and (max-width: 700px) { .hidden-sm { display: none; } } </style>  <script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/141864340.js"></script>  <style> .nav-icons-container { align-items: center !important; } .grt-menu-logo { display: flex; align-items: center; gap: 16px; } a.grt-logo { display: block !important; } a.grt-logo img.mainlogo { max-height: 68px; width: auto; display: block; margin-right: 12px; } .publisherPartner span { font-size: 11.5px; color: #76777a; padding-left: 8px; line-height: 27px; position: relative; text-transform: capitalize; } .publisherPartner span::before, .germanPartner span::before { content: ''; position: absolute; left: 4px; width: 1px; height: 73%; bottom: 0; top: 0; margin: auto; } .publisherPartner span::before { background: #76777a; } .germanPartner span::before { background: #000; } .germanPartner span { font-size: 11.5px; line-height: 27px; color: #000000; padding-left: 8px; position: relative; text-transform: capitalize; } a.grt-logo img.otherLogo { max-height: 23px; width: auto; } .logoMobile { display: none; } @media only screen and (max-width: 991px) { .grt-menu-logo .grt-logo.publisherPartner, .grt-menu-logo .germanPartner { display: none !important; } .logoMobile { display: block; } .logoMobile .grt-logo { margin: 15px 0; } } </style> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PDZLMWD" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="verified" style="display:none"> </div>  <div class="container"> <nav class="navbar navbar-default">  <div class="navbar-header col-12 col-md-12"> <div class="nav-icons-container"> <div class="navbar-brand" href="#"> <a href="https://www.ierek.com" >  <div class="grt-menu-logo"> <a href="https://www.ierek.com" class="grt-logo"><img src="https://www.ierek.com/front/images/ierek_logo.PNG" class="mainlogo" alt="Ierek Logo"></a>  <a href="#" class="grt-logo publisherPartner"> <div clasns="d-flex"> <img src="https://www.ierek.com/front/images/springer.png" class="otherLogo" alt="Springer Logo"> <span class="d-block">Publishing Partner</span> </div> </a> <a href="#" class="grt-logo germanPartner"> <div class="d-flex"> <img src="https://www.ierek.com/front/images/Coeus.png" class="otherLogo" alt="Coeus Logo"> <span class="d-block">German Partner</span> </div> </a> </div> </a> </div> <div class="rightIcons">  <div class="menu_button-container activator collapsed-on-mobile"> <a href="#" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <div class="menu_button-container-contents" id="menuBtn"> <div class="menu_button-image hamburger_icon"> <img src="https://www.ierek.com/front/images/menu-logo.png" alt="menu"> </div> <div class="menu_button-title hidden-sm"> Menu </div> </div> </a> </div>  <div class="menu_button-container dropdown activator" id="closeLang"> <a href="#" type="button" data-toggle="dropdown"> <div class="menu_button-container-contents" id="langBtn"> </div> </a>  <ul class="dropdown-menu login-menu"> <li class="activation" style="color:white"> <a href="https://www.ierek.com/changelang/3"> <img src="https://www.ierek.com/images/flags/de.png" alt="language"> German </a> </li> </ul> </div>  <div class="search-info-area"> <div class="search-info-btn"> <span class="btn-text-wrap"> <button onclick="myFunction()"><span class="icon-holder"> <img src="https://www.ierek.com/press-asserts/images/search.png" alt="image-description"> </span> <p class="text">Search</p> </button> </span> </div> </div>  <div class="menu_button-container dropdown activator" id="closeLogin"> <a href="#" type="button" data-toggle="dropdown"> <div class="menu_button-container-contents" id="loginBtn">  <div class="menu_button-image">  <img src="https://www.ierek.com/front/images/login.png" alt="Login"> </div> <div class="menu_button-title"> <span class="hidden-sm"> Sign in </span><span class="caret"></span> </div> </div> </a>  <ul class="dropdown-menu login-menu"> <li class="activation"> <button type="button" class="btn-no-default-styles" data-toggle="modal" data-target="#signingInModal" id="signlink"> Sign in </button> </li> <li class="activation"> <button type="button" class="btn-no-default-styles" data-toggle="modal" data-target="#signingUpModal">Sign up </button> </li> </ul> </div> </div> </div> </div>  <div id="myDIV"> <div class="search-info-content"> <div class="inner-container"> <form action="https://www.ierek.com/conferences" class="search-field-area"> <div class="search-field-holder"> <input type="search" name="search" value="" class="search-field" placeholder="Search"> </div> <button type="submit" class="search-btn"> <img src="https://www.ierek.com/press-asserts/images/search.png" alt="image-description"> </button> </form> </div> </div> </div>  <div id="loginOverlay" class="loginModal" tabindex="-1" role="dialog" aria-hidden="true"> <form class="login_modal-content animate" action="{$userBlockLoginUrl}" method="post"> <div class="closeBtncontainer"> <span id="closeModal" class="loginClose" title="Close Modal"> × </span> </div> <div class="loginOverlay-main_content-container"> <label for="username" class="inputField_label"> <b>username</b> </label> <input type="text" placeholder="username" name="username" class="input_field" required> <label for="password" class="inputField_label"> <b>Password</b> </label> <input type="password" placeholder="password" name="password" class="input_field" required> <button type="submit" class="loginButton">Login</button> <label class="checkboxLabel"> <input type="checkbox" checked="checked" name="remember"> Remember me </label> </div> <div class="loginOverlay-navigation_content-container"> <a href="#"> <button type="button" class="cancelbtn"> <span class="hidden-mobile"> Register </span> </button> </a> <span class="psw"> <a href="#">Forgot password</a> </span> </div> </form> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav border-around"> <div class="logoMobile"> <a href="#" class="grt-logo publisherPartner"> <div class="d-flex"> <img src="https://www.ierek.com/front/images/springer.png" class="otherLogo" alt="Springer Logo"> <span class="d-block">Publishing Partner</span> </div> </a>  <a href="#" class="grt-logo germanPartner"> <div class="d-flex"> <img src="https://www.ierek.com/front/images/Coeus.png" class="otherLogo" alt="Coeus Logo"> <span class="d-block">German Partner</span> </div> </a> </div> <li class="menu-item dropdown activition"> <a href="/" data-toggle="dropdown" class="dropdown-toggle"><img class="iereklogosmall" src="https://www.ierek.com/ierek.png" height="20" data-toggle="dropdown" class="dropdown-toggle" alt="Research & Knowledge Enrichment">About<span class="caret"></span></a> <ul role="menu" class=" dropdown-menu"> <li class="activition" data-url="/about-us"><a href="/about-us">About Us</a> </li> </li> <li class="activition" data-url="faq"><a href="/faq"> FAQ </a> </li> <li class="activition" data-url="contact-us"><a href="/contact-us"> Contact Us </a> <li class="activition" data-url="Career Opportunities"><a href="https://www.ierek.com/news/career/"> Career Opportunities </a> <li class="menu-item dropdown activition" data-url="Additional"><a href="https://www.ierek.com/news/iereks-additional-services/"> Additional Services </a> <li class="activition" data-url="/terms-conditions"><a href="/terms">Terms & Conditions</a> </li> </ul> </li> <li id="menu-item-11198" class="menu-item dropdown activition" data-url="conference"> <a href="#" data-toggle="dropdown" class="dropdown-toggle">Conferences<span class="caret"></span> </a> <ul role="menu" class=" dropdown-menu"> <li class="menu-item" class="activition" data-url="conferences"><a href="/conferences"> Conferences</a></li>  <li class="menu-item" class="activition" data-url="conferences"><a href="/conference_proceedings">Previous Publications</a></li> </ul> </li> <li class="menu-item dropdown activition" data-url="book-series"><a href="https://www.ierek.com/news/idirect/"><img src="https://www.ierek.com/i-direct.png" height="18" alt="Book Series"> </a></li> <li class="menu-item dropdown activition" data-url="coeus-institute"><a href="https://coeus-institute.com"> COEUS Institute </a> <li id="menu-item-11198" class="menu-item dropdown activition" data-url="conference"> <a href="#" data-toggle="dropdown" class="dropdown-toggle">Scientific Committee<span class="caret"></span> </a> <ul role="menu" class=" dropdown-menu"> <li class="menu-item" class="activition" data-url=""><a href="/scientific-committee"> IEREK SC Members</a></li> <li class="menu-item" class="activition" data-url="conferences"><a href="https://www.ierek.com/news/index.php/alliance/">WAPS Members</a></li> </ul> </li> <li class="menu-item dropdown activition" data-url="ierek-press"><a href="https://www.ierek.com/news/">Media</a> </li> <li id="menu-item-11198" class="menu-item dropdown activition" data-url="conference"> <a href="#" data-toggle="dropdown" class="dropdown-toggle">IEREK Press<span class="caret"></span> </a> <ul role="menu" class=" dropdown-menu"> <li class="menu-item" class="activition" data-url=""><a href="https://www.ierek.com/press/"> Home</a></li> <li class="menu-item" class="activition" data-url=""><a href="https://press.ierek.com/index.php/ESSD"> ESSD</a></li> <li class="menu-item" class="activition" data-url="conferences"><a href="https://press.ierek.com/index.php/ARChive">ARChive</a></li> <li class="menu-item" class="activition" data-url="conferences"><a href="https://press.ierek.com/index.php/Resourceedings">Resourceedings</a></li> <li class="menu-item" class="activition" data-url="conferences"><a href="https://ierekpress.com/index.php/Baheth">Baheth</a></li> </ul> </li> <li id="menu-item-11198" class="menu-item dropdown activition" data-url="conference"> <a href="#" data-toggle="dropdown" class="dropdown-toggle">Book Series<span class="caret"></span> </a> <ul role="menu" class=" dropdown-menu"> <li class="menu-item dropdown activition" data-url="book-series"><a href="https://www.springer.com/series/15883"><img src="https://www.ierek.com/springer.png" height="21" alt="ASTI"> ASTI</a></li> <li class="menu-item dropdown activition" data-url="book-series"><a href="https://www.springer.com/series/15140"><img src="https://www.ierek.com/springer.png" height="21" alt="SUCI">SUCI</a></li> <li class="menu-item dropdown activition" data-url="book-series"><a href="https://www.springer.com/series/17276"><img src="https://www.ierek.com/springer.png" alt="SLNR" height="21">SLNR</a></li> </ul> </li> </ul> </div> </nav> </div>   <title> International Summer Camp – St Stephen’s School </title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"> <style> #news-slider { margin-top: 10px; margin-bottom: 15px; } #news-slider .owl-item { padding: 10px !important; } .owl-controls .owl-buttons .owl-prev, .owl-controls .owl-buttons .owl-next { top: 50% !important; } .post-slide { background: #fff; border-radius: 15px; padding-top: 1px; box-shadow: 0px 14px 22px -9px #bbcbd8; } .post-slide .post-img { position: relative; overflow: hidden; border-radius: 10px; } .post-slide .post-img img { width: 100%; /*height: auto;*/ transform: scale(1, 1); transition: transform 0.2s linear; } .post-slide:hover .post-img img { transform: scale(1.1, 1.1); } .post-slide .over-layer { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background: linear-gradient(-45deg, rgba(6, 190, 244, 0.75) 0%, rgba(45, 112, 253, 0.6) 100%); transition: all 0.50s linear; } .post-slide:hover .over-layer { opacity: 1; text-decoration: none; } .post-slide .over-layer i { position: relative; top: 45%; text-align: center; display: block; color: #fff; font-size: 25px; } .post-slide .post-content { background: #fff; padding: 2px 20px 40px; border-radius: 15px; } .post-slide .post-title a { font-size: 15px; font-weight: bold; color: #333; display: inline-block; text-transform: uppercase; transition: all 0.3s ease 0s; } .post-slide .post-title a:hover { text-decoration: none; color: #3498db; } .post-slide .post-description { line-height: 24px; color: #808080; margin-bottom: 25px; } .post-slide .post-date { color: #a9a9a9; font-size: 14px; } .post-slide .post-date i { font-size: 20px; margin-right: 8px; color: #CFDACE; } .post-slide .read-more { padding: 7px 20px; float: right; font-size: 12px; background: #ab8121; color: white; border-radius: 25px; text-transform: uppercase; } .post-slide .read-more:hover { text-decoration: none; color: #fff; } #news-slider .owl-controls .owl-buttons { text-align: center; margin-top: 20px; } .owl-controls .owl-buttons .owl-prev { background: #fff; position: absolute; top: -13%; left: 15px; padding: 0 18px 0 15px; border-radius: 50px; box-shadow: 3px 14px 25px -10px #92b4d0; transition: background 0.5s ease 0s; } .owl-controls .owl-buttons .owl-next { background: #fff; position: absolute; top: -13%; right: 15px; padding: 0 15px 0 18px; border-radius: 50px; box-shadow: -3px 14px 25px -10px #92b4d0; transition: background 0.5s ease 0s; } .owl-controls .owl-buttons .owl-prev:after, .owl-controls .owl-buttons .owl-next:after { content: "\f104"; font-family: FontAwesome; color: #333; font-size: 30px; } .owl-controls .owl-buttons .owl-next:after { content: "\f105"; } @media only screen and (max-width:1280px) { .post-slide .post-content { padding: 0px 15px 25px 15px; } } .mobile-main-image { display: none; } .desktop-image { display: block; } @media only screen and (max-width: 700px) { .mobile-main-image { display: block; } .desktop-image { display: none; } } .conf-over-img { width: 100%; max-height: 218px; height: 218px; } .conference-cover { border: unset; } .conference-data>ul>li { line-height: 24px !important; } .main-call { margin-bottom: 0px !important; padding: 0px; } .social-sharing-icons .box-title { margin: 0px auto 7px !important; } .perjournl-key-notes { width: 180px; height: 180px; margin-top: 15px; margin-bottom: 4px; } .persjornal-notes-left { width: 30%; float: left; border: unset !important; } .img-key-notes { width: 200px; height: 200px; border-radius: 101%; border: 3px solid #a97a03; margin-top: 15px; margin-bottom: 4px; } .key-notes-left, .asti-notes-left { width: 30%; float: left; border-color: #f7f7f7 !important; background: #f7f7f7 !important; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%); box-shadow: 0 1px 1px rgb(0 0 0 / 5%); margin-right: 10px; } .key-notes-right, .asti-notes-right { padding-left: 10px; } .key-notes-right p, .asti-notes-right p { text-align: justify !important; padding: 0px; margin: 0px; display: inline; } .key-notes-right ul>li, .asti-notes-right ul>li { text-align: justify !important; } iframe { width: 100% !important; } #main-banner-slider-mobile { display: none !important; } @media (max-width: 700px) { #main-banner-slider-mobile { display: block !important; } #main-banner-slider { display: none !important; } } .btn-primary, .frame-title, .register, .read-more, .sidebar-btn { background-color: #a97f18 !important; border-color: #a97f18 !important; color: white !important; } #partnersLogos { display: flex; justify-content: center; flex-wrap: wrap; } #partnersLogos .partner { display: flex; justify-content: center; align-items: center; width: 70px; min-width: 70px; margin: 0 14px; } #partnersLogos .partner img { width: 100%; } @media (min-width: 1200px) { #partnersLogos .partner { width: 84px; } } @media (min-width: 768px) and (max-width: 992px) { #partnersLogos .partner { width: 80px; } } @media (max-width: 992px) { #CONDETAILP td, #CONFERENCEP td { width: 100% !important; } #CONDETAILP th, #CONFERENCEP th { width: 100% !important; } } .publication-slider .owl-prev { padding: 0 12px 0 8px !important; } .publication-slider .owl-next { padding: 3px 9px 1px 15px !important } .featureWorkshop.owl-carousel { margin-top: 15px; } .featureWorkshop.owl-carousel .owl-nav .owl-next { background: #fff !important; position: absolute !important; top: -13%; right: 15px; padding: 0 15px 0 18px !important; border-radius: 50px; box-shadow: -3px 14px 25px -10px #92b4d0; transition: background 0.5s ease 0s; } .featureWorkshop.owl-carousel .owl-nav .owl-prev { background: #fff !important; position: absolute; top: -13%; left: 15px; padding: 0 18px 0 15px !important; border-radius: 50px; box-shadow: 3px 14px 25px -10px #92b4d0; transition: background 0.5s ease 0s; } .featureWorkshop.owl-carousel .owl-prev, .featureWorkshop.owl-carousel .owl-next { top: 45% !important; } .featureWorkshop .owl-prev span, .featureWorkshop .owl-next span { color: #333; font-size: 30px; } .featureWorkshop .post-slide .featrued_image { display: block; width: 100%; height: 156px !important; } </style> <div id="CONDETAILP"> <div class="container"> <figure class="cover-img"> <img src="/storage/uploads/workshops/173/cover_img.jpg" class="img-responsive" alt="" /> </figure> <div class="row"> <div class="col-md-3 hidden-sm hidden-xs"> <div id="bs-example-navbar-collapse-3" class="navbar-collapse collapse "> <div class="quick-links" style="margin-bottom:10px;"> <div class="frame-title blue-title">Quick Links</div> <ul id="menu-quick-links" class="menu"> <li id="menu-item-4028" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4028"> <a href="/speaker/173">Become a speaker</a> </li> <li id="menu-item-4029" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4029"> <a href="/sponsor/173">Become a sponsor</a> </li> <li id="menu-item-4684" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4684"> <a href="/media-coverage/173">Media Coverage Request</a> </li> <li id="menu-item-4030" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="#">Scientists Forum</a> </li> <li id="menu-item-40311" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"><a href="https://www.ierek.com/terms-conditions">Terms & Conditions</a></li> </ul> </div> <div class="quick-links"> <div class="frame-title">Navigation</div> <ul class="additional-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="#introduction" class="navx" data-section="introduction" style="background:#f9f9f9">Introduction</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="#summer-camp-program" class="navx" data-section="summer-camp-program" style="">Summer Camp Program</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="#summer-camp-fees" class="navx" data-section="summer-camp-fees" style="">Summer Camp Fees</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="#program-venue" class="navx" data-section="program-venue" style="">Program Venue</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="#summer-camp-duration" class="navx" data-section="summer-camp-duration" style="">Summer Camp Duration</a> </li> </ul> </div> </div> <div class="hidden-xs hidden-sm"> </div> <div class="plain-box hidden-sm hidden-xs"> <a href="/workshops" class="quick-links-btn-mob sidebar-btn"> Upcoming Events <i class="fa fa-caret-right"></i> </a> </div> </div> <div class="col-md-9 padle " style="position: static; "> <div class="framed-box"> <div class="frame-title"> International Summer Camp – St Stephen’s School </div> <div class="framed-content"> <div class="styled-box"> <div class="box-content row"> <div class="col-md-3 hidden-xs hidden-sm"> <div class="conference-cover"> <img style="width: 100%; max-height: 218px;" src="/storage/uploads/workshops/173/slider_img.jpg"> </div> </div> <div class="col-md-6"> <h2 class="box-title pulse1"> <center>IEREK Workshop</center> </h2> <div style="text-align: center;"> </div> <div class="conference-data"> <ul> <li> 23, Jul / 04, Aug 2017 </li> <li><b>Rome, Italy</b></li> </ul> <div class="addthis_sharing_toolbox" style="text-align: center;margin-top: 15px;"></div> <span class="conference-email"> Workshop Email <br> <a href="/cdn-cgi/l/email-protection#94e3fbe6ffe7fcfbe4e7d4fdf1e6f1ffbaf7fbf9"><span class="__cf_email__" data-cfemail="d7a0b8a5bca4bfb8a7a497beb2a5b2bcf9b4b8ba">[email protected]</span></a> </span> </div> </div> <div class="col-md-3"> <center> </center> </div> </div> </div> </div>  <div class="styled-box"> <div class="box-content"> <a class="conference-registration-btn" style="background:#eee;color:#666;padding-right:5px;border-color:#666">Registraion Closed</a> </div> </div> <div class="styled-box quick-links-btn-container hidden-md hidden-lg"> <div class="plain-box"> <button href="/conferences" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2" class="quick-links-btn-mob sidebar-btn"> Quick Links & More Details <i class="fa fa-caret-down"></i> </button> </div> </div> <div class="hidden-md hidden-lg"> <div id="bs-example-navbar-collapse-2" class="navbar-collapse collapse"> <div class="quick-links" style="margin-bottom:10px;"> <div class="frame-title blue-title"> Quick Links </div> <ul id="menu-quick-links" class="menu"> <li id="menu-item-4028" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4028"> <a href="#become_speaker"> Become Speaker </a> </li> <li id="menu-item-4029" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4029"> <a href="#become_sponser"> Become Sponsor </a> </li> <li id="menu-item-4684" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4684"> <a href="#media_coverage"> Media Coverage Request </a> </li> <li id="menu-item-4030" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="#scientists-forms"> Scientists Forum </a> </li> <li id="menu-item-40311" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="https://www.ierek.com/terms-conditions">Terms & Conditions</a> </li> </ul> </div> <div class="quick-links"> <div class="frame-title"> Navigation </div> <ul class="additional-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="#introduction" class="navs" data-section="introduction" id="navs1148" style="background:#f9f9f9">Introduction</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="#summer-camp-program" class="navs" data-section="summer-camp-program" id="navs1149" >Summer Camp Program</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="#summer-camp-fees" class="navs" data-section="summer-camp-fees" id="navs1150" >Summer Camp Fees</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="#program-venue" class="navs" data-section="program-venue" id="navs1151" >Program Venue</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="#summer-camp-duration" class="navs" data-section="summer-camp-duration" id="navs1152" >Summer Camp Duration</a> </li> </ul> </div> </div> </div> <div style="overflow: hidden;" class="styled-box section" " id="introduction"> <div class="box-title"> Introduction </div> <div class="box-content"> <section> <p><a href="../../../../events/international-summer-school-st-stephens-school" target="_blank" rel="noopener"><strong>Italy</strong></a> is a cultural destination that has always been on almost everyone’s bucket list given its <a href="../../../../events/international-summer-school-st-stephens-school" target="_blank" rel="noopener"><strong>Unique Culture</strong></a> and historical monuments and artifacts that are uniquely and breathtakingly fascinating. Rome, in particular, is a wonder of its own as it is a city stuck in between modernity and the preservation of its own <a href="../../../../events/international-summer-school-st-stephens-school" target="_blank" rel="noopener"><strong>Heritage</strong></a>. Rome lives in an existential struggle to accommodate to the advances of this world yet it is desperately trying to keep its historical ruins and monuments from crumbling. This summer school is a once in a lifetime chance to physically live the Italian culture and experience the life of those who managed to keep a balance between their history and their future.</p> <p>These incredible ancient ruins and monuments might not last forever, so having the opportunity to visit on a trip that is both academic and leisure base is a chance that should not and cannot be missed. The summer school will be hosted by non-other than the school located in central Rome, St. Stephen’s School, which is a destination that will facilitate all academic and leisure based activities for both the benefit and enjoyment of the participants.</p> </section> </div> </div> <div style="overflow: hidden;" class="styled-box section" style="display:none" id="summer-camp-program"> <div class="box-title"> Summer Camp Program </div> <div class="box-content"> <section> <p><strong>Day 1 9:30-3:00 </strong><br />Culture history program<br /><strong>Day 2 9:30 3:00 </strong><br />Culture history program<br /><strong>Day 3 9:30 3:00 </strong><br />Communication &self development program<br /><strong>Day 5 9:30-1:00 </strong><br />Communication &self development program<br /><strong>Day 6 9:30-3:00 </strong><br />Culture history program<br /><strong>Day 7 9:30-3:00 </strong><br />Culture history program<br /><strong>Day 8 9:30-3:00 </strong><br />Communication &self development program<br /><strong>Day 9 9:30-3:00 </strong><br />Communication &self development program<br /><strong>Day 10 9:30-3:00 </strong><br />Culture history program<br /><strong>Day 11 9:30-3:00 </strong><br />Culture history program<br /><strong>Day 12 9:30-1:00 </strong><br />Culture history program</p> </section> </div> </div> <div style="overflow: hidden;" class="styled-box section" style="display:none" id="summer-camp-fees"> <div class="box-title"> Summer Camp Fees </div> <div class="box-content"> <section> <p>1170 € For each 10 students, 1 teacher will accompany them for free. This cost includes accommodation in school campus, three meals & City tour</p> <table class="table table-bordered table-hover"> <tbody> <tr> <td><strong>For each 10 students, 1 teacher will accompany them for free</strong></td> <td width="200">1170 €</td> </tr> </tbody> </table> </section> </div> </div> <div style="overflow: hidden;" class="styled-box section" style="display:none" id="program-venue"> <div class="box-title"> Program Venue </div> <div class="box-content"> <section> <h3>St. Stephen's School, Via Aventina, Rome, Metropolitan City of Rome, Italy</h3> <p><iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2970.5204976425516!2d12.484929115005814!3d41.881661979221946!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x132f61ccf5cc48a3%3A0xf85de751dc5a204!2sSt.+Stephen's+School!5e0!3m2!1sen!2sus!4v1501928118505" width="600" height="450" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p> </section> </div> </div> <div style="overflow: hidden;" class="styled-box section" style="display:none" id="summer-camp-duration"> <div class="box-title"> Summer Camp Duration </div> <div class="box-content"> <section> <p>12 Days</p> </section> </div> </div> </div> <div class="container-fluid first-tab-only conferencesContainer section-container-styles conference-page-featured-conf"> <div class="row"> <div class="col-12 col-md-12"> <div class="row"> <div class="col-12 col-md-12"> <div class="box-title"> Featured Workshops </div> </div> </div> <div class="container-fluid"> <div class="row"> <div class="col-md-12">  <div id="featureWorkshop" class=" featureWorkshop owl-carousel"> </div> </div> </div> </div> </div> </div> </div>           <div class="hidden-lg hidden-md"> </div> </div> </div> </div> </div>  <div class="container-fluid footer press-footer">  <footer>  <div class="container">  <div class="row"> <div class="col-md-3 col-lg-3 col-xl-3 grid-column"> <h4 class="grid-column-h4"> <span class="underline">Educational Services</span> </h4> <hr class="grid-column-hr"> <p> <a href="/conferences">Conferences </a> </p> <p> <a href="/workshops">Workshops </a> </p> <p> <a href="/study_abroad">Study Abroad </a> </p> <p> </p> </div>   <div class="col-md-3 col-lg-3 col-xl-3 grid-column"> <h4 class="grid-column-h4"> <span class="underline">Publishing Services</span> </h4> <hr class="grid-column-hr"> <p> <a href="/book-series">Book Series </a> </p> <p> <a href="/ierek-press">IEREK Press </a> </p> <p> <a href="/scientific-committee">Scientific Committee </a> </p> </div>   <div class="col-md-3 col-lg-3 col-xl-3 grid-column"> <h4 class="grid-column-h4"> <span class="underline">Media</span> </h4> <hr class="grid-column-hr"> <p> <a target="_blank" href="/news/index.php/category/blog/"> Blog </a> </p> <p> <a href="/news/index.php/category/news/">Announcements</a> </p> </div>   <div class="col-md-3 col-lg-3 col-xl-3 grid-column"> <h4 class="grid-column-h4"> <span class="underline">About</span> </h4> <hr class="grid-column-hr"> <p> <a target="_blank" href="/about-us"> About us </a> </p> <p> <a href="/faq">FAQ</a> </p> <p> <a href="/contact-us">Contacts</a> </p> </div>  </div>  <hr class="grid-column-hr grid-column-hr-separator">  <div class="row copyrights-row">  <div class="col-xs-12 col-sm-4 grid-column "> <div class="button-footer "> <ul class="nav "> <li role="presentation"><a href="/careers">Careers</a></li> <li role="presentation"><a href="/suggest">Suggest</a></li> <li role="presentation"><a href="/feedback">Feedback</a></li> </ul> </div> </div>   <div class="col-xs-12 col-sm-10 copyright_container">  <div class="col-sm-9"> © Copyright 2013 - <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>document.write(new Date().getFullYear());</script> <a href="“https://ierek.com”" target=""_blank""></a> All Rights Reserved by <a href="http://ierek.com">IEREK</a> </div> </div>  <div class="col-xs-12 col-sm-4 grid-column">  <div class="social-icons"> <div class="agileinfo-social-grids"> <ul class="pl-0"> <a href="https://fb.com/ierek.institute"><i class="fa fa-facebook"></i></a> <a href="https://twitter.com/ierek_institute"><i class="fa fa-twitter"></i></a> <a href="https://www.youtube.com/channel/UCVp7eGOwMqTYtEYYxJL0uow"><i class="fa fa-youtube"></i></a> <a href="https://www.linkedin.com/company/ierek-institution/"><i class="fa fa-linkedin" aria-hidden="true"></i></a> <a href="https://www.instagram.com/ierek_institute/"><i class="fa fa-instagram" aria-hidden="true"></i></a>  </ul> </div> </div> </div> </div>  </div>  </footer> </div>  <div class="modal fade signingInModals" id="signingInModal" role="dialog"> <div class="modal-dialog">  <div class="modal-content"> <div class="modal-body"> <div class="profile"> <div class="w3layouts-top-grids"> <div class="slider"> <div class="callbacks_container"> <div class="w3ls-subscribe w3ls-subscribe1"> <div class="agileits-border agileits-border1"> <button type="button" class="close" data-dismiss="modal">×</button> <h4>Already have an account? Sign In</h4> <form method="post" id="login_form" action=""> <input type="email" id="email" name="email" placeholder="Username / Email" required=""> <input type="password" id="password" name="password" placeholder="Password" required="" autocomplete="off"> <p> <input type="checkbox" name="remember" value="1"> Remember Me </p> <input type="submit" class="btn buttonstyle" id="login" value="Login"/> <div class="userpro-input"><p id="error_login" style="color: #F00 ; display: none;">Invalid Email or Password.</p></div> <img src="https://www.ierek.com/loading.gif" alt="Loading" style="display:none" id="login_gif"> </form> <div class="agileinfo-follow"> <h4>OR</h4> </div> <div class="agile-signin"> <h4>You don't have an account? <button type="button" class="btn-no-default-styles" data-toggle="modal" data-target="#signingUpModal" data-dismiss="modal"> Sign Up </button> </h4> </div> <div class="agile-signin forget-password"> <h4><a href="#" onclick="window.open('https://www.ierek.com/password/reset','_self');">Forgot your password?</a></h4> </div> </div> </div> </div> <div class="clear"></div> </div> </div> </div> </div> </div> </div> </div> <div class="modal fade signingInModals" id="signingUpModal" role="dialog"> <div class="modal-dialog">  <div class="modal-content"> <div class="modal-body"> <div class="profile"> <div class="w3layouts-top-grids"> <div class="slider"> <div class="callbacks_container"> <div class="w3ls-subscribe"> <div class="agileits-border"> <button type="button" class="close" data-dismiss="modal">×</button> <h4>Register an Account</h4> <p>Join IEREK community</p> <form method="post" id="register_form" action="#"> <select name="user_title"> <option>Choose Title</option> <option value="1">Dr</option> <option value="2">Prof.</option> <option value="3">Asst. Prof.</option> <option value="4">Researcher</option> <option value="5">Master Student</option> <option value="6">PHD Student</option> </select> <label id="user_title_err" class="regErrors"></label> <div class="signUpField"> <input type="text" name="first_name" id="fname" placeholder="First Name" required=""> <label class="regErrors" id="fname_err"> </label> </div> <div class="signUpField"> <input type="text" name="last_name" id="lname" placeholder="Last Name" required=""> <label class="regErrors" id="lname_err"> </label> </div> <div class="signUpField"> <input type="radio" name="gender" value="1" checked> <div class="gender">Male</div> <input type="radio" name="gender" value="2"> <div class="gender">Female</div> </div> <input type="radio" name="gender" value="0" checked> <div class="gender">Prefer not to say</div> <div class="signUpField"> <input type="email" name="email" placeholder="Email" required=""> <label id="email_err" class="regErrors"></label> </div> <div class="signUpField"> <input type="date" name="age"><br> <label class="regErrors" id="age_err"> </label> </div> <div class="signUpField"> <input type="text" id="slug_id" name="slug" placeholder="Username" required=""> <label id="slug_err" class="regErrors"> </label> </div> <div class="signUpField"> <div data-key="country" class="userpro-field userpro-field-country "> <div class="userpro-label iconed"> <span class="userpro-field-icon"> <i class="userpro-icon-map-marker"></i> </span> </div> <div class="userpro-input"> <select class="form-control" name="country" id="country"> </select> </div> </div> <label id="country_err" class="regErrors"> </label> </div> <div class="signUpField"> <input type="text" id="address_id" name="address" placeholder="Address" required=""> <label id="address_err" class="regErrors"> </label> </div> <div class="signUpField"> <input type="text" id="post_code_id" name="post_code" placeholder="Post Code" required=""> <label id="post_code_err" class="regErrors"> </label> </div> <div class="signUpField"> <input type="text" name="phone" placeholder="Phone No. +2xxxxxxxxxxx" required=""> <label id="phone_err" class="regErrors"> </label> </div> <div class="signUpField"> <input type="password" name="password" placeholder="Password" required=""> <label id="password_err" class="regErrors"> </label> </div> <div class="signUpField"> <input type="text" id="fieldsofinterest_id" name="fieldsofinterest" placeholder="Fields of Interest" required=""> <label id="fieldsofinterest_err" class="regErrors"> </label> </div> <input type="submit" value="Sign Up" id="register"> </form> <div class="agileinfo-follow"> <h4>OR</h4> </div> <div class="agile-signin"> <h4>Do You have an account <button type="button" class="btn-no-default-styles" data-toggle="modal" data-target="#signingInModal" data-dismiss="modal"> Sign in </button> </h4> </div> </div> </div> </div> <div class="clear"></div> </div> </div> </div> </div> </div> </div> </div> <script src="https://www.ierek.com/front/bootstrap/js/jquery-3.3.1.min.js"></script> <script src="https://www.ierek.com/front/bootstrap/js/bootstrap.min.js"></script> <script async src="https://www.ierek.com/front/scripts/bootstrap-paginator.min.js" type="text/javascript"></script> <script src="https://www.ierek.com/front/js/jquery.icheck.min.js?v=0.9"></script> <script src="https://www.ierek.com/front/bootstrap/js/jquery-ui.min.js"></script> <script async src="https://www.ierek.com/front/scripts/scripts.js" type="text/javascript"></script> <script type="application/javascript"> $(document).ready(function () { $("#newsletter").click(function (e) { e.preventDefault(); subscribe(0); }); $( "#datepicker" ).datepicker(); $("#datepicker").datepicker("option", "dateFormat", "yy-mm-dd" ).val() $('#fname,#lname').on('keyup', function () { var fName = $('#fname').val(); var lName = $('#lname').val(); var slugName = fName + '_' + lName; $('#slug_id').val(slug(slugName)); }); function slug(val) { var sVal = val; var noSpec = sVal.replace(/[^\w\s]/gi, ''); var slug = noSpec.replace(/\s+/g, '-').toLowerCase(); return slug; } var notHome = 0; $('.activition').each(function () { var target = $(this).data('url'); var url = location.pathname; if (url.indexOf(target) > -1) { $(this).addClass('active'); notHome = 1; } }) if (notHome == '0') { $('.homeurl').addClass('active'); } // AJAX LOGIN $("#login").click(function (e) { e.preventDefault(); loging(0); }); $('#logout').on('click', function () { $.ajax({ type: 'GET', url: 'https://www.ierek.com/logout', beforeSend: function (xhr) { //loading ajax animation }, success: function (response) { // window.open(location.protocol + '//' + location.host + location.pathname, '_self'); }, error: function (response) { } }); }); // AJAX REGISTER $("#register").click(function (e) { e.preventDefault(); var loading = document.getElementById('reg_gif'); var err = document.getElementById('error_login'); $(err).hide(500); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') } }) var formData = $('#register_form').serialize(); $.ajax({ type: 'POST', url: 'https://www.ierek.com/register', data: formData, dataType: 'json', beforeSend: function (xhr) { //loading ajax animation $(loading).show(); $('.regErrors').each(function () { $(this).html(''); }) }, success: function (response) { alert('success'); window.open(location.protocol + '//' + location.host + location.pathname, '_self'); $(loading).hide(); $('#regErrors_all').html(''); }, error: function (response) { console.log(response); $(loading).hide(); var objOut = response.responseText; if (objOut.match("^<")) { // do this if begins with Hello $(loading).hide(); // window.open(location.protocol + '//' + location.host + location.pathname, '_self'); } else { var obj = $.parseJSON(response.responseText); var errors = obj.errs; if (errors.first_name != undefined && errors.first_name[0] != undefined) { $('#fname_err').html(errors.first_name[0]); } if (errors.last_name != undefined && errors.last_name[0] != undefined) { $('#lname_err').html(errors.last_name[0]); } if (errors.email != undefined && errors.email[0] != undefined) { $('#email_err').html(errors.email[0]); } if (errors.email != undefined && errors.email[1] != undefined) { $('#email_err').html(errors.email[1]); } if (errors.password != undefined && errors.password[0] != undefined) { $('#password_err').html(errors.password[0]); } if (errors.password != undefined && errors.password[1] != undefined) { $('#password_err').html(errors.password[1]); } if (errors.age != undefined && errors.age[0] != undefined) { $('#age_err').html(errors.age[0]); } if (errors.phone != undefined && errors.phone[0] != undefined) { $('#phone_err').html(errors.phone[0]); } if (errors.slug != undefined && errors.slug[0] != undefined) { $('#slug_err').html(errors.slug[0]); } if (errors.address != undefined && errors.address[0] != undefined) { $('#address_err').html(errors.address[0]); } if (errors.post_code != undefined && errors.post_code[0] != undefined) { $('#post_code_err').html(errors.post_code[0]); } if (errors.fieldsofinterest != undefined && errors.fieldsofinterest[0] != undefined) { $('#fieldsofinterest_err').html('Please enter your fields of interest'); } if (errors.country != undefined && errors.country[0] != undefined) { $('#country_err').html(errors.country[0]); } $('#regErrors_all').html('Please enter all required information'); } } }); }); }); function subscribe(){ var err = document.getElementById('errorr_subscribe'); var success = document.getElementById('success_subscribe'); $(err).hide(500); $(success).hide(200); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') } }) var formData = $('#nlform').serialize(); var loading = document.getElementById('login_gif'); $.ajax({ type: 'POST', url: 'https://www.ierek.com/subscribe', data: formData, dataType: 'json', beforeSend: function (xhr) { //loading ajax animation $(loading).show(); }, success: function (response) { $(success).show(200); $(success).html(response.responseText); setTimeout(function() { location.reload(); }, 2000); }, error: function (response) { $(loading).hide(); if (response.responseText == 'match') { } else { $(err).show(500); $(err).html(response.responseText); } } }); } function loging(event_id) { var err = document.getElementById('error_login'); $(err).hide(500); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') } }) var formData = $('#login_form').serialize(); var loading = document.getElementById('login_gif'); $.ajax({ type: 'POST', url: 'https://www.ierek.com/login', data: formData, dataType: 'json', beforeSend: function (xhr) { //loading ajax animation $(loading).show(); }, success: function (response) { // $(loading).hide(); if (response != 2) { window.open(location.protocol + '//' + location.host + location.pathname, '_self'); } else { window.open('/admin', '_self'); } }, error: function (response) { $(loading).hide(); if (response.responseText == 'match') { } else { $(err).show(500); $(err).html(response.responseText); } } }); } function conf_register(event_id) { $.ajax({ type: 'GET', url: '/conference/register/' + event_id, dataType: 'json', beforeSend: function (xhr) { //loading ajax animation }, success: function (response) { // window.open(location.protocol + '//' + location.host + location.pathname, '_self'); }, error: function (response) { window.open(location.protocol + '//' + location.host + location.pathname, '_self'); } }); } </script> <script type="text/javascript"> function showSection(id, asset) { $('.section').each(function() { $(this).slideUp(200); }); $('.navx').each(function() { $(this).css('background', '#fff'); }); $(asset).css('background', '#f1f1f1'); $('#' + id).slideDown(200); setTimeout(function() { window.open('#' + id, '_self') }, 200); } function startSection(id, asset) { $('.section').each(function() { $(this).slideUp(200); }); $('.navx').each(function() { $(this).css('background', '#fff'); }); $(asset).css('background', '#f1f1f1'); $('#' + id).slideDown(200); } function fixTables() { $('table').each(function() { $(this).attr('style', 'min-width:100%'); $(this).css('width', '100%!important'); }); } $(document).ready(function() { $('.navs').each(function() { $(this).on('click', function() { var section_id = $(this).data('section'); showSection(section_id, this); }); }); $('.navx').each(function() { $(this).on('click', function() { var section_id = $(this).data('section'); showSection(section_id, this); }); }); var current = window.location.hash; current = current.replace('#', ''); var asset = document.getElementsByClassName('navx')[0]; var first = document.getElementsByClassName('section')[0]; if (current != '' && current != undefined) { showSection(current, asset); } else { var current = $(first).attr('id'); startSection(current, asset); } fixTables() }); </script>  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD_oi2nm63GIooUF7aJNMORXycgzoty04o" async defer></script> <script src="https://www.ierek.com/assets/admin/gmap.js" type="text/javascript"></script>   <script type="text/javascript"> var mapGeocoding = function() { var map = new GMaps({ div: '#gmap_geocoding', lat: 0.00, lng: 0.00 }); var handleAction = function() { var text = $.trim($('#gmap_geocoding_address').val()); GMaps.geocode({ address: text, callback: function(results, status) { if (status == 'OK') { var latlng = results[0].geometry.location; map.setCenter(latlng.lat(), latlng.lng()); map.addMarker({ lat: latlng.lat(), lng: latlng.lng() }); } } }); } handleAction(); } $(window).bind('load', function() { setTimeout(mapGeocoding()); }); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> <script id="rendered-js"> $(document).ready(function() { $("#featureWorkshop").owlCarousel({ items: 1, margin: 10, loop: false, nav: true, autoplay: true, responsive: { 0: { items: 1 }, 991: { items: 2 }, 600: { items: 1.2 }, 1000: { items: 2 } } }); }); </script> </style> <script> function myFunction() { var x = document.getElementById("myDIV"); if (x.style.display === "none") { x.style.display = "block"; } else { x.style.display = "none"; } } </script> </body> </html>

CINXE.COM

International Summer Camp – St Stephen’s School