CINXE.COM
2nd Architecture Week
<!DOCTYPE html> <html> <!-- START PLUGINS --> <head id="heads"> <!-- 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-PDZLMWD');</script> <!-- End Google Tag Manager --> <!-- Insert to your webpage before the </head> --> <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"> <!-- End of head section HTML codes --> <title id="head_title"> 2nd Architecture Week </title> <!-- Mostafa ElRouby --> <!-- ********************************* --> <meta name="description" content=" It is valuable to search for repetitive spatial configuration patterns at various scales at the edges of historical cities and across case studies; these patterns would assist, as indicators, in further understanding of the spatial, land-use and architectural conditions at historic edges in terms of their interrelation with their surrounding context. Therefore, measuring the connecting features, such as permeability, visual accessibility and the sense of continuity, related to the current urban form, architectural features or a specific series of activities would reveal such urban pattern. This workshop emphasizes on the quantitative relationship between different urban variables, including spatial, architectural and environmental features. "> <meta name="keywords" content=" urbanism, architectural, design, technologies, recycling "> <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="LDqpmPUjJeXfqXWyHcn9D2cx5ogqG0MZqeSNcj6V"> <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> <!-- End Facebook Pixel Code --> <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> <!-- Start of HubSpot Embed Code --> <script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/141864340.js"></script> <!-- End of HubSpot Embed Code --> <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> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PDZLMWD" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div id="verified" style="display:none"> </div> <!-- header --> <div class="container"> <nav class="navbar navbar-default"> <!-- Brand and toggle get grouped for better mobile display --> <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" > <!-- alt="Research & Knowledge Enrichment">--> <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"> <!-- Menu --> <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> <!--login / logout Button --> <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> <!-- drop down --> <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> <!-- search --> <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> <!--login / logout Button --> <div class="menu_button-container dropdown activator" id="closeLogin"> <a href="#" type="button" data-toggle="dropdown"> <div class="menu_button-container-contents" id="loginBtn"> <!-- logout html --> <div class="menu_button-image"> <!-- login html --> <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> <!-- drop down --> <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> <!-- form search --> <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> <!-- Login overlay --> <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="/conferences/previous">Previous Conferences</a></li> <li class="menu-item" class="activition" data-url="conferences"><a href="https://www.ierek.com/calendar ">Calendar</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> <!--end header--> <!-- CONTENT --> <title> 2nd Architecture Week </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/111/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/111">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/111">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/111">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="#overview" class="navx" data-section="overview" style="">Overview</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="#workshop-topics" class="navx" data-section="workshop-topics" style="">Workshop Topics</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="#workshop-instructors" class="navx" data-section="workshop-instructors" style="">Workshop Instructors</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="#workshop-venue" class="navx" data-section="workshop-venue" style="">Workshop Venue</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="#workshop-fees" class="navx" data-section="workshop-fees" style="">Workshop Fees</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="#refund-policy" class="navx" data-section="refund-policy" style="">Refund Policy</a> </li> </ul> </div> </div> <div class="hidden-xs hidden-sm"> <div class="styled-box"> <div class="box-title"> Contact </div> <div> </div> <div class="box-content"> <p style="white-space: pre-wrap;">Mohammed Abdullah <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="97faf8fff6fafaf2f3d7fef2e5f2fcb9f4f8fa">[email protected]</a> +2 03 5763827 +2 01000028021</p> </div> </div> </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"> 2nd Architecture Week </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/111/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> 10, Oct / 14, Oct 2106 </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#35425a475e465d5a4546755c5047505e1b565a58"><span class="__cf_email__" data-cfemail="c4b3abb6afb7acabb4b784ada1b6a1afeaa7aba9">[email protected]</span></a> </span> </div> </div> <div class="col-md-3"> <center> </center> </div> </div> </div> </div> <!-- <p class="bg-success message"> </p> --> <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="#overview" class="navs" data-section="overview" id="navs572" >Overview</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="#workshop-topics" class="navs" data-section="workshop-topics" id="navs573" >Workshop Topics</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="#workshop-instructors" class="navs" data-section="workshop-instructors" id="navs574" >Workshop Instructors</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="#workshop-venue" class="navs" data-section="workshop-venue" id="navs575" >Workshop Venue</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="#workshop-fees" class="navs" data-section="workshop-fees" id="navs576" >Workshop Fees</a> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4030"> <a href="#refund-policy" class="navs" data-section="refund-policy" id="navs577" >Refund Policy</a> </li> </ul> </div> </div> </div> <div style="overflow: hidden;" class="styled-box section" style="display:none" id="overview"> <div class="box-title"> Overview </div> <div class="box-content"> <section> <p>As a result of the success of the first workshop in Italy in 2015, IEREK has proudly hosted the second Architecture Week!</p> <p>The 2<sup>nd</sup> Architecture Week was held before the “<a href="/events/green-urbanism-3rd-edition/">Green Urbanism</a>” (GU) Conference, it was held at<strong> Roma Tre University, Italy</strong></p> <p>It offered an opportunity to bring people from diverse places, cultures, and backgrounds together to collaborate and exchange information with one another.</p> <p> </p> <p><strong><u>The workshops sessions contained:</u></strong></p> <p>Workshop 1<strong> “Searching for urban patterns”:</strong></p> <p>It is valuable to search for repetitive spatial configuration patterns at various scales at the edges of historical cities and across case studies; these patterns would assist, as indicators, in further understanding of the spatial, land-use and architectural conditions at historic edges in terms of their interrelation with their surrounding context. Therefore, measuring the connecting features, such as permeability, visual accessibility and the sense of continuity, related to the current urban form, architectural features or a specific series of activities would reveal such urban pattern. This workshop emphasizes on the quantitative relationship between different urban variables, including spatial, architectural and environmental features.</p> <p> </p> <p>Workshop 2 <strong>“URPAs- Urban Regeneration of Peripheral Areas”</strong></p> <p>The workshop will be discussing:</p> <ul> <li><a href="/events/green-urbanism-3rd-edition/">Green Design</a></li> <li><a href="/events/green-urbanism-3rd-edition/">Urban Design</a></li> <li><a href="/events/green-urbanism-3rd-edition/">Technologies for smart cities</a></li> </ul> <p>The output of the workshop will be social involvement, urban recycling, and new technologies for green buildings.</p> <p>Workshop 3 <strong>“DGI – Designing (Green, Blue, Grey) Infrastructures. A key turn in Urban Landscape”</strong></p> <p> </p> <p>The contemporary cityscape is organized with infrastructures and networks through which people, energy, food, physical and intangible communications and, not least, waste, altogether move.<br />Despite such a crucial importance, the infrastructure is still exclusively the result of policy maker's decisions and then designed by engineers. Thus the complexity of infrastructural systems is only conceived in terms of pure functionality and so developed and managed merely in technocratic terms.</p> <p>Final Case Study<strong> “Designing infrastructure: a key turn in urban landscape, case study the valle Aurelia- Vigna Clara train line- Rome”</strong></p> </section> </div> </div> <div style="overflow: hidden;" class="styled-box section" style="display:none" id="workshop-topics"> <div class="box-title"> Workshop Topics </div> <div class="box-content"> <section> <div id="stcpDiv"> <p><strong>The workshops are:</strong></p> <p>Workshop 1<strong> <span style="color: #00ffff;"> “Searching for urban patterns”</span> : </strong></p> <p>It is valuable to search for repetitive spatial configuration patterns at various scales at the edges of historical cities and across case studies; these patterns would assist, as indicators, in further understanding of the spatial, land-use and architectural conditions at historic edges in terms of their interrelation with their surrounding context. Therefore, measuring the connecting features, such as permeability, visual accessibility and the sense of continuity, related to the current urban form, architectural features or a specific series of activities would reveal such urban pattern. This workshop emphasizes on the quantitative relationship between different urban variables, including spatial, architectural and environmental features.</p> <p>Workshop 2 <span style="color: #00ffff;"><strong>“</strong><strong>URPAs- Urban Regeneration of Peripheral Areas”</strong></span></p> <p>The workshop will be discussing:</p> <ul> <li>Green Design</li> <li>Urban Design</li> <li>Technologies for smart cities</li> </ul> <p>Output of the workshop will be social involvement, urban recycling, and new technologies for green buildings.</p> </div> <p>Workshop 3<span style="color: #00ffff;"> <strong>“DGI – Designing (Green, Blue, Grey) Infrastructures. A key turn in Urban Landscape</strong><strong>“</strong></span></p> <div id="stcpDiv"> <p> </p> </div> <p>The contemporary cityscape is organized with infrastructures and networks through which people, energy, food, physical and intangible communications and, not least, waste, altogether move.<br />Despite such a crucial importance, the infrastructure is still exclusively the result of policy maker's decisions and then designed by engineers. Thus the complexity of infrastructural systems is only conceived in terms of pure functionality and so developed and managed merely in technocratic terms.</p> <p>Final Case Study<strong> <span style="color: #00ffff;">“Designing infrastructure: a key turn in urban landscape, case study the valle Aurelia- Vigna Clara train line- Rome”</span></strong></p> </section> </div> </div> <div style="overflow: hidden;" class="styled-box section" style="display:none" id="workshop-instructors"> <div class="box-title"> Workshop Instructors </div> <div class="box-content"> <section> <div style="color: #6b6b6b; font-size: 15px; text-align: justify;"> </div> <div> <p><strong>Workshop 1</strong> “Searching for urban patterns” :<br />Dr. Nabil Mohareb.</p> <p>Head of Architectural Engineering, Arts and design, Beirut Arab University Tripoli Campus.</p> <p> </p> </div> <div> </div> <div><strong>Workshop 2</strong> “URPAs – Urban Regeneration of Peripheral Areas” :</div> <div> </div> <div> <p>Scientific responsible: prof. Ferdinando Trapani, professor of Urban planning, Palermo University</p> <p>Didactic coordinators: prof. Giuseppe di Benedetto and Prof. Maria Luisa Germanà, Palermo University</p> <p>Tutor’s coordinator: Prof. Marta Serra, Escola d’Arquitectura del Vallès, ETSAV UPC – Barcelona Tech</p> <p><strong>Workshop 3</strong> “DGI – Designing (Green, Blue, Grey) Infrastructures. A key turn in Urban Landscape”</p> <p>Arch: Davide Marchetti</p> </div> </section> </div> </div> <div style="overflow: hidden;" class="styled-box section" style="display:none" id="workshop-venue"> <div class="box-title"> Workshop Venue </div> <div class="box-content"> <section> <p style="color: rgb(107, 107, 107); font-size: 15px;"><span style="background-color: rgb(255, 255, 255);">Ex Mattatoio – Testaccio – Opening and closing sessions: https://goo.gl/maps/Tv4wK8VGU1z</span></p><p style="color: rgb(107, 107, 107); font-size: 15px;"><span style="background-color: rgb(255, 255, 255);">Roma Trey University</span></p><p style="color: rgb(107, 107, 107); font-size: 15px;"><span style="background-color: rgb(255, 255, 255);">Via Ostiense, 159, 00154 Roma, Italy</span><br></p><p style="color: rgb(107, 107, 107); font-size: 15px; background-color: rgb(236, 236, 236);"></p><br> </section> </div> </div> <div style="overflow: hidden;" class="styled-box section" style="display:none" id="workshop-fees"> <div class="box-title"> Workshop Fees </div> <div class="box-content"> <section> <p><span>NOTE :<br>These Workshops themes is attached to “Green Urbanism” International Conference and supposed to act as a complementary to the conference as it will support the workshop from the theoretical side.</span></p><p><span>Payment during the conference days is strictly prohibited.</span></p><p><br></p> <table class="table table-bordered table-hover"> <tbody> <tr> <td>2nd Architecture Week Fees (4 Workshops- for Students - with special discount)</td> <td> 350</td> </tr> <tr> <td>2nd Architecture Week + Conference attending Fees (for Authors)</td> <td> 700</td> </tr> <tr> <td>2nd Architecture Week (4 Workshops- For Others)</td> <td> 450</td> </tr> </tbody> </table> </section> </div> </div> <div style="overflow: hidden;" class="styled-box section" style="display:none" id="refund-policy"> <div class="box-title"> Refund Policy </div> <div class="box-content"> <section> <p><span style="color: rgb(107, 107, 107); font-size: 15px; background-color: rgb(255, 255, 255);">Please notice that we will endeavor to assist you in obtaining a visa (if needed), by sending an invitation letter, but the responsibility is yours and the decision rests solely with the appropriate Embassy. Delegates in any event (conference, workshop, summer school, or any others activities) who cancel their registration due to special circumstances or due to visa rejection for any reason and they do not have a paper published in the proceedings will receive a complete refund minus a 20% administration charges, and the bank commissions. If the proceedings book has already been published or any of the events, where a refund is requested, has started, the fees cannot be refunded.</span><br></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="styled-box first-tab-only conferencesContainer conference-page-featured-conf">--> <!-- <div class="box-title">--> <!-- Featured Workshops--> <!-- </div>--> <!-- <div class="container-fluid">--> <!-- <div class="row">--> <!-- --> <!-- </div>--> <!-- </div>--> <!--</div>--> <div class="hidden-lg hidden-md"> <div class="styled-box"> <div class="box-title"> Contact </div> <div> </div> <div class="box-content"> <p style="white-space: pre-wrap;">Mohammed Abdullah <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0a6765626b67676f6e4a636f786f6124696567">[email protected]</a> +2 03 5763827 +2 01000028021</p> </div> </div> </div> </div> </div> </div> </div> <!-- CONTENT END --> <div class="container-fluid footer press-footer"> <!-- Footer --> <footer> <!-- Footer Links --> <div class="container"> <!-- Footer links --> <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> <!-- Grid column --> <!-- Grid column --> <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> <!-- Grid column --> <!-- Grid column --> <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> <!-- Grid column --> <!-- Grid column --> <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> <!-- Grid column --> </div> <!-- Footer links --> <hr class="grid-column-hr grid-column-hr-separator"> <!-- Grid row --> <div class="row copyrights-row"> <!-- Grid column --> <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> <!-- Grid column --> <!-- Grid column --> <div class="col-xs-12 col-sm-10 copyright_container"> <!--Copyright--> <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> <!-- Grid column --> <div class="col-xs-12 col-sm-4 grid-column"> <!-- Social buttons --> <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> <!-- <a href="https://play.google.com/store/apps/details?id=com.makdev.ierek"><i class="fa fa-android"></i></a> <a href="https://itunes.apple.com/us/app/ierek/id1288803675?mt=8"><i class="fa fa-apple"></i></a> --> </ul> </div> </div> </div> </div> <!-- Grid column --> </div> <!-- Grid row --> </footer> </div> <!-- Modal --> <div class="modal fade signingInModals" id="signingInModal" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <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"> <!-- Modal content--> <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> <!-- BEGIN PAGE LEVEL PLUGINS --> <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> <!-- END PAGE LEVEL PLUGINS --> <!-- BEGIN PAGE LEVEL SCRIPTS --> <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>