CINXE.COM
<!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"> IEREK - Research & Knowledge Enrichment - speaker644 </title> <!-- Mostafa ElRouby --> <!-- ********************************* --> <meta name="description" content=" "> <meta name="keywords" content=" "> <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="lAi3yuu1zgF72zJB7V68VYa83kyfg8NyNd6the0s"> <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 --> <!-- PAGE CONTENT WRAPPER --> <style> #full_name_err, #img_err, #cv_err, #email_err { color: red; } #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 } </style> <div class="container"> <div class=""> <div class="col-md-12" id="becomeASpeaker"> <form class="form-horizontal" method="post" id="create_form"> <input type="hidden" name="_token" id="token" value="lAi3yuu1zgF72zJB7V68VYa83kyfg8NyNd6the0s"> <input type="hidden" name="_method" id="method" value="post"> <input type="hidden" name="event_id" id="event_id" value="644"> <div class="panel panel-default"> <div class="panel-body tab-content"> <div class="tab-pane fade in active becomeASpeakerTemplate" id="tab-General"> <!-- Mostafa El-Rouby --> <div id="main-banner-slider" class="owl-carousel"> <figure class="cover-img"> <img src="https://www.ierek.com/uploads/sliders/506a76e789ada5bf08e52b7bc458532f.jpeg" alt="Environmental Design, Material Science, and Engineering Technologies (edmset) - 2nd Edition" class="img-responsive slider-image" /> </figure> </div> <div id="main-banner-slider-mobile" class="owl-carousel"> <figure class="cover-img"> <img src="https://www.ierek.com/uploads/sliders/7f3436a3a994772e5963299e30e3f068.jpeg" alt="Environmental Design, Material Science, and Engineering Technologies (edmset) - 2nd Edition" class="img-responsive slider-image mobile" /> </figure> </div> <div class="row"> <div class="col-md-12"> <div class="framed-box"> <div><h1 class="frame-title"> Become A Speaker at : Environmental Design, Material Science, and Engineering Technologies (EDMSET) - 2nd Edition</h1> </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"> <a href=""> <img class="conf-over-img" alt="Environmental Design, Material Science, and Engineering Technologies (EDMSET) - 2nd Edition" src="/storage/uploads/conferences/644/slider_img.jpg" > </a> </div> </div> <div class="col-md-6"> <div class="conference-data"> <ul> <li> 22, Apr / 24, Apr 2025 </li> <li><b>Museum of the Future, Dubai</b></li> </ul> <div class="addthis_sharing_toolbox" style="text-align: center;margin-top: 3px;"></div> </div> </div> <div class="col-md-3"> <div class="conference-cover"> <a href=""> <img src="/storage/uploads/conferences/644/featured_img.jpg" class="hidden-xs hidden-sm conf-over-img" alt="Featured" > </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> </div> <!-- ************************************* --> <div class="container-fluid inputs-container"> <div class="row"> <div class="col-12 col-md-12"> <div class="form-group" id="full_name"> <label class="col-md-3 col-xs-12">Full Name<span class="redl">*</span></label> <div class="col-md-9 col-xs-12 centering-text"> <div class="input-group"> <input type="text" name="full_name" id="full_name_input"/> </div> <label id="full_name_err" class="help-block redl"></label> </div> </div> <div class="form-group" id="email"> <label class="col-md-3 col-xs-12">Email<span class="redl">*</span></label> <div class="col-md-9 col-xs-12 centering-text"> <div class="input-group"> <input type="text" name="email" id="email_input"/> </div> <label id="email_err" class="help-block redl"></label> </div> </div> <div class="form-group"> <label class="col-md-3 col-xs-12">Image (High Resolution) <span class="redl">*</span></label> <div class="col-md-9 col-xs-12 centering-text new_input_field_container"> <input type="file" accept="image/*" name="img" id="img" class="inputfile inputfile-2"/> <label for="img"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17"> <path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"/> </svg> <span>Choose a file…</span> </label> <label id="img_err" class="help-block redl"></label> </div> </div> <div class="form-group"> <label class="col-md-3 col-xs-12">CV <span class="redl">*</span></label> <div class="col-md-9 col-xs-12 centering-text new_input_field_container"> <input type="file" accept=".doc, .docx, .pdf" name="cv" id="cv" class="inputfile inputfile-2"/> <label for="cv"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17"> <path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z"/> </svg> <span>Choose a file…</span> </label> <label id="cv_err" class="help-block redl"></label> </div> </div> <div class="form-group" id="brief_description"> <label class="col-md-3 col-xs-12">Brief about your lectures </label> <div class="col-md-9 col-xs-12 centering-text"> <div class="input-group"> <span class="redl"></span> <textArea name="brief_description" id="brief_description_input" class="text-brief"></textarea> </div> <label id="brief_description_err" class="help-block redl"></label> </div> </div> <div class="form-group" id="university"> <label class="col-md-3 col-xs-12">University | Institute</label> <div class="col-md-9 col-xs-12 centering-text"> <div class="input-group"> <span class="red1"></span> <input type="text" name="university" id="university_input"/> </div> <label id="university_err" class="help-block redl"></label> </div> </div> <div class="form-group" id="linkedin"> <label class="col-md-3 col-xs-12">Linkedin</label> <div class="col-md-9 col-xs-12 centering-text"> <div class="input-group"> <span class="red1"></span> <input type="text" name="linkedin" id="linkedin_input"/> </div> <label id="linkedin_err" class="help-block redl"></label> </div> </div> <div class="form-group" id="twitter"> <label class="col-md-3 col-xs-12">Twitter</label> <div class="col-md-9 col-xs-12 centering-text"> <div class="input-group"> <span class="red1"></span> <input type="text" name="twitter" id="twitter_input"/> </div> <label id="twitter_err" class="help-block redl"></label> </div> </div> <div class="form-group" id="facebook"> <label class="col-md-3 col-xs-12">Facebook</label> <div class="col-md-9 col-xs-12 centering-text"> <div class="input-group"> <span class="redl"></span> <input type="text" name="facebook" id="facebook_input"/> </div> <label id="facebook_err" class="help-block redl"></label> </div> </div> <div class="form-group"> <label class="col-md-3 col-xs-12"></label> <div class="col-md-9 col-xs-12 centering-text"> <div> <div id="success" class="alert alert-success" style="margin-top:1em; display:none;"> <span><strong id="welcome">Your Request has been sent successfully !</strong> </span> </div> <div id="alert" class="alert alert-danger" style="display:none;"> <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button> <span></span> </div> <button type="button" class="btn btn-default centringClass main-submit-button" id="create"> Send Request </button>  <br> <img src="https://www.ierek.com/loading.gif" alt="loading" style="display:none" id="loading"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </form> </div> </div> </div> <script type="text/javascript" charset="utf-8" async defer> (function (document, window, index) { var inputs = document.querySelectorAll('.inputfile'); Array.prototype.forEach.call(inputs, function (input) { var label = input.nextElementSibling, labelVal = label.innerHTML; input.addEventListener('change', function (e) { var fileName = ''; if (this.files && this.files.length > 1) fileName = (this.getAttribute('data-multiple-caption') || '').replace('{count}', this.files.length); else fileName = e.target.value.split('\\').pop(); if (fileName) label.querySelector('span').innerHTML = fileName; else label.innerHTML = labelVal; }); // Firefox bug fix input.addEventListener('focus', function () { input.classList.add('has-focus'); }); input.addEventListener('blur', function () { input.classList.remove('has-focus'); }); }); }(document, window, 0)); $(document).ready(function () { $('#create').on('click', function (event) { event.preventDefault(); var err = document.getElementsByClassName('error'); $(err).hide(500); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('input[name="_token"]').attr('value') } }) var myForm = document.getElementById('create_form'); var formData = new FormData(myForm); var alertArea = document.getElementById('alert'); var alertPlace = $(alertArea).children('span'); var alertContent = $(alertPlace).html(); $.ajax({ type: 'POST', url: '/speaker/store/644', data: formData, dataType: 'json', cache: false, contentType: false, processData: false, beforeSend: function (xhr) { $(alertArea).fadeOut(200); $(alertPlace).html(''); $('.form-group').each(function () { $(this).removeClass('has-error'); }); $('.help-block').each(function () { $(this).text(''); }); $('.input-group').each(function () { $(this).removeClass('has-error'); }); $('#success').fadeOut(200); $('#loading').delay(350).fadeIn(200); }, success: function (response) { alert('success'); //check if response with success : true/false var success = response.success; var errors = (response.errs); if (success == false) { console.log("in false"); $(alertArea).fadeIn(200); alertContent = '<strong id="welcome">Please fix these errors</strong>'; $(alertPlace).html(alertContent); $.each(errors, function (key, value) { $('#' + key).addClass('has-error'); $('#' + key + '_err').html(value); }); } else { console.log("success"); $('input').each(function () { $(this).val(''); }); $('#success').delay(350).fadeIn(200); setTimeout( function () { window.open('/events/environmental-design-material-science-and-engineering-technologies-edmset-2nd-edition', '_self'); $('#success').fadeOut(200); }, 1000); } $('#loading').fadeOut(200); }, error: function (response) { console.log(response); $('input').each(function () { $(this).val(''); }); $('#success').delay(350).fadeIn(200); setTimeout( function () { window.open('/events/environmental-design-material-science-and-engineering-technologies-edmset-2nd-edition', '_self'); $('#success').fadeOut(200); }, 1000); $('#loading').fadeOut(200); } }); }); }); </script><!-- <script charset="utf-8" type="text/javascript" src="//js-eu1.hsforms.net/forms/embed/v2.js"></script> <script> hbspt.forms.create({ region: "eu1", portalId: "141864340", formId: "762fe4b9-1036-4e5a-a5fc-dab57918e5c3" }); </script> --> <script type="text/javascript" src="https://www.ierek.com/js/admin/plugins/fileinput/fileinput.min.js"></script> <script type="text/javascript" charset="utf-8" async defer> $(".image_file").fileinput({ showUpload: false, showCaption: false, browseClass: "btn btn-default", fileType: "any" }); </script> <!-- END PAGE CONTENT WRAPPER --> <!-- 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>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> </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>