School of Civil Engineering

<!DOCTYPE html> <html> <head>  <title>School of Civil Engineering</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="shortcut icon" type="image/png" href="/static/favicon.ico"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>  <link rel="stylesheet" type="text/css" href="/static/css/style.css" media="screen" />   </head> <body> <div class="visible-xs" class="text-right" style="margin:0px; padding:5px; background-color:rgb(60,65,90); color:#ccc;"> <div style="max-width:1100px; margin:auto; height:20px; color:white"> <form action="/i18n/setlang/" method="post" id="pl" style="display:inline"> <input type='hidden' name='csrfmiddlewaretoken' value='IIhRLHbQlEeoasxbvCTWqqptNc86VjXqyMwbaNrqUE24ODpBKxOEZKmYk8X1AuDD' /> <input type="hidden" name="language" value="en" /> <a href="#" onclick="document.getElementById('pl').submit();"> <div style="float:right; margin-top:0px;"> <span style="color:white"> English </span> <img src="/static/img/flat_en.png" height="20"/> </div> </a> </form> </div> </div> <div class="universe">  <div style="margin:10px; margin-top:0px; padding-top:7px;"> <a href="/" > <img src="/static/img/logo_gr_civil.png"/> </a> <form action="/i18n/setlang/" class="hidden-xs" method="post" id="pl" style="display:inline"> <input type='hidden' name='csrfmiddlewaretoken' value='IIhRLHbQlEeoasxbvCTWqqptNc86VjXqyMwbaNrqUE24ODpBKxOEZKmYk8X1AuDD' /> <input type="hidden" name="language" value="en" /> <a href="#" onclick="document.getElementById('pl').submit();"> <div style="float:right; margin-top:30px;"> <span class="hidden-xs">English</span> <img src="/static/img/flat_en.png" height="20"/> </div> </a> </form> </div> <div id="custom-bootstrap-menu" class="navbar navbar-default " role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse navbar-menubuilder"> <ul class="nav navbar-nav navbar-left"> <li class="dropdown "> <a href="#" id="info-menu-dropdown" class="dropdown-toggle" data-toggle="dropdown"> 螤位畏蟻慰蠁慰蟻委蔚蟼 <span class="caret"></span> </a> <ul class="dropdown-menu"> <li> <div class="row" style="width: 800px; padding:10px"> <ul class="list-unstyled col-md-4"> <li><a href="/info/general-info/">螕蔚谓喂魏苇蟼螤位畏蟻慰蠁慰蟻委蔚蟼</a></li> <li><a href="/info/history/">螜蟽蟿慰蟻委伪蟿畏蟼危蠂慰位萎蟼</a></li> <li><a href="/info/UseDocs/">围蟻萎蟽喂渭伪螆纬纬蟻伪蠁伪</a></li> <li><a href="/info/committees/">螘蟺喂蟿蟻慰蟺苇蟼</a></li> <li><a href="/info/secreteriat/">螕蟻伪渭渭伪蟿蔚委伪</a></li> <li><a href="/info/Announcement/">螒谓伪魏慰喂谓蠋蟽蔚喂蟼危蠂慰位萎蟼</a></li> <li><a href="/info/sostratus/">危蠋蟽蟿蟻伪蟿慰蟼</a></li> <li><a href="/info/Forum/">Forum 螕.危. 危蠂慰位萎蟼</a></li> <li><a href="/info/Kosmiteia/">螝慰蟽渭畏蟿蔚委伪</a></li> <li><a href="/info/Gs&ds/">螕蔚谓喂魏萎危蠀谓苇位蔚蠀蟽畏</a></li> </ul> <ul class="list-unstyled col-md-4"> <li><a href="/info/Lib/">螔喂尾位喂慰胃萎魏畏螘螠螤</a></li> <li><a href="/info/Decisions/">螒蟺慰蠁维蟽蔚喂蟼蟽蠀位位慰纬喂魏蠋谓慰蟻纬. 纬喂伪蠁慰喂蟿畏蟿喂魏维胃苇渭伪蟿伪</a></li> <li><a href="/info/u_studies/">螤蟻慰蟺蟿蠀蠂喂伪魏苇蟼蟽蟺慰蠀未苇蟼</a></li> <li><a href="/info/practical/">螤蟻伪魏蟿喂魏萎螁蟽魏畏蟽畏</a></li> <li><a href="/info/Erasmus/">Erasmus</a></li> <li><a href="/info/S_Information/">危蟿慰喂蠂蔚委伪蟺蟻慰蟺蟿蠀蠂喂伪魏蠋谓蠁慰喂蟿畏蟿蠋谓</a></li> <li><a href="/info/Certificates/">违蟺慰尾慰位萎伪委蟿畏蟽畏蟼蟺喂蟽蟿慰蟺慰喂畏蟿喂魏蠋谓渭苇蟽蠅未喂伪未喂魏蟿蠉慰蠀</a></li> <li><a href="/info/docs/">螆谓蟿蠀蟺伪螒喂蟿萎蟽蔚蠅谓蟺蟻慰蟺蟿蠀蠂喂伪魏蠋谓蠁慰喂蟿畏蟿蠋谓</a></li> </ul> <ul class="list-unstyled col-md-4"> <li><a href="/info/Postgraduate_docs/">螆谓蟿蠀蟺伪螒喂蟿萎蟽蔚蠅谓螖喂蟺位蠅渭伪蟿慰蠉蠂蠅谓</a></li> <li><a href="/info/diplo/">螖喂蟺位蠅渭伪蟿喂魏苇蟼螘蟻纬伪蟽委蔚蟼</a></li> <li><a href="/info/program/">惟蟻慰位蠈纬喂伪螤蟻慰纬蟻维渭渭伪蟿伪螠伪胃畏渭维蟿蠅谓</a></li> <li><a href="/info/prog_eksetastikis/">螤蟻o纬蟻维渭渭伪蟿伪螘尉蔚蟿维蟽蔚蠅谓</a></li> <li><a href="/info/entryexam/">螝伪蟿伪蟿伪魏蟿萎蟻喂蔚蟼蔚尉蔚蟿维蟽蔚喂蟼</a></li> <li><a href="/info/phd/">螘魏蟺蠈谓畏蟽畏未喂未伪魏蟿慰蟻喂魏萎蟼未喂伪蟿蟻喂尾萎蟼 </a></li> <li><a href="/info/p_studies/">螠蔚蟿伪蟺蟿蠀蠂喂伪魏苇蟼蟽蟺慰蠀未苇蟼</a></li> <li><a href="/info/ekloges/">螘魏位慰纬苇蟼螖喂未伪魏蟿喂魏慰蠉螤蟻慰蟽蠅蟺喂魏慰蠉</a></li> <li><a href="/info/links/">危蠉谓未蔚蟽渭慰喂</a></li> <li><a href="/info/research/">螆蟻蔚蠀谓伪</a></li> <li><a href="/info/members/">螕喂伪渭苇位畏螖螘螤蟽蠂慰位萎蟼</a></li> </ul> </div> </li> </ul> </li> <li class="dropdown "> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> 螡苇伪 <span class="caret"></span> </a> </a> <ul class="dropdown-menu"> <li> <div class="row" style="width: 700px; padding:10px"> <ul class="list-unstyled col-md-6"> <li><a href="/news/"><strong>螌位伪蟿伪螡苇伪</strong></a></li> <li><a href="/news/athletics/">螒胃位畏蟿喂魏苇蟼螖蟻伪蟽蟿畏蟻喂蠈蟿畏蟿蔚蟼螘螠螤</a></li> <li><a href="/news/general/">螕蔚谓喂魏维</a></li> <li><a href="/news/announcements/">螒谓伪魏慰喂谓蠋蟽蔚喂蟼螕蟻伪渭渭伪蟿蔚委伪蟼</a></li> <li><a href="/news/Dean/">螒谓伪魏慰喂谓蠋蟽蔚喂蟼螝慰蟽渭萎蟿慰蟻伪</a></li> <li><a href="/news/distinctions/">螖喂伪魏蟻委蟽蔚喂蟼</a></li> <li><a href="/news/diloseis/">螒谓伪魏慰委谓蠅蟽畏螖萎位蠅蟽畏蟼螠伪胃畏渭维蟿蠅谓</a></li> <li><a href="/news/C_E/">螒谓伪魏慰喂谓蠋蟽蔚喂蟼蟺蟻慰纬蟻伪渭渭维蟿蠅谓蔚尉蔚蟿维蟽蔚蠅谓</a></li> <li><a href="/news/apallages/">螒谓伪魏慰喂谓蠋蟽蔚喂蟼纬喂伪螒蟺伪位位伪纬苇蟼螠伪胃畏渭维蟿蠅谓</a></li> <li><a href="/news/beltiosh/">螒谓伪魏慰喂谓蠋蟽蔚喂蟼尾蔚位蟿喂蠋蟽蔚蠅谓渭伪胃畏渭维蟿蠅谓</a></li> </ul> <ul class="list-unstyled col-md-6"> <li><a href="/news/E_M/">螒谓伪魏慰喂谓蠋蟽蔚喂蟼螘纬纬蟻伪蠁蠋谓&螠蔚蟿蔚纬纬蟻伪蠁蠋谓</a></li> <li><a href="/news/P_A/">螒谓伪魏慰喂谓蠋蟽蔚喂蟼螤蟻伪魏蟿喂魏萎蟼螁蟽魏畏蟽畏蟼</a></li> <li><a href="/news/D_S/">螒谓伪魏慰喂谓蠋蟽蔚喂蟼蟺慰蠀伪蠁慰蟻慰蠉谓蟿伪蟽蠀纬纬蟻维渭渭伪蟿伪</a></li> <li><a href="/news/decisions/">螒蟺慰蠁维蟽蔚喂蟼蟽蠀位/魏蠋谓慰蟻纬维谓蠅谓 - 桅慰喂蟿畏蟿喂魏维胃苇渭伪蟿伪</a></li> <li><a href="/news/diplomatouxoi/">螒谓伪魏慰喂谓蠋蟽蔚喂蟼韦蔚位蔚喂慰蠁慰委蟿蠅谓 & 螖喂蟺位蠅渭伪蟿慰蠉蠂蠅谓</a></li> <li><a href="/news/scholarship/">违蟺慰蟿蟻慰蠁委蔚蟼-螔蟻伪尾蔚委伪-螠蔚蟿伪蟺蟿蠀蠂喂伪魏维螤蟻慰纬蟻维渭渭伪蟿伪</a></li> <li><a href="/news/SYN/">螚渭蔚蟻委未蔚蟼-螘魏未畏位蠋蟽蔚喂蟼-危蠀谓苇未蟻喂伪</a></li> <li><a href="/news/Y_D/">螤蟻慰魏畏蟻蠉尉蔚喂蟼胃苇蟽蔚蠅谓违蟺慰蟿蟻蠈蠁蠅谓违.螖.</a></li> <li><a href="/news/ait_yd/">螒喂蟿萎蟽蔚喂蟼蔚魏蟺蠈谓畏蟽畏蟼螖喂未伪魏蟿慰蟻喂魏萎蟼螖喂伪蟿蟻喂尾萎蟼</a></li> <li><a href="/news/dpms/">螒谓伪魏慰喂谓蠋蟽蔚喂蟼螖螤螠危</a></li> <li><a href="/news/est/">螘蟺喂蟿蟻慰蟺萎危蟺慰蠀未伪蟽蟿喂魏蠋谓螛蔚渭维蟿蠅谓</a></li> <li><a href="/news/old_news/">螤伪位伪喂蠈蟿蔚蟻蔚蟼螒谓伪魏慰喂谓蠋蟽蔚喂蟼</a></li> <li><a href="/news/C_T/">螒谓伪魏慰喂谓蠋蟽蔚喂蟼蟺蟻慰纬蟻伪渭渭维蟿蠅谓渭伪胃畏渭维蟿蠅谓</a></li> </ul> </div> </li> </ul> </li> <li class=""><a href="/departments/"> 韦慰渭蔚委蟼 </a> </li> <li class=""><a href="/laboratories/"> 螘蟻纬伪蟽蟿萎蟻喂伪</a> </li> <li class="dropdown active"> <a href="/staff/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> 螤蟻慰蟽蠅蟺喂魏蠈 <span class="caret"> </span> </a> <ul class="dropdown-menu"> <li><a href="/staff/all">螌位慰蟿慰螤蟻慰蟽蠅蟺喂魏蠈</a></li> <li role="separator" class="divider"></li> <li><a href="/staff/faculty">螖喂未伪魏蟿喂魏蠈魏伪喂螘蟻蔚蠀谓畏蟿喂魏蠈螤蟻慰蟽蠅蟺喂魏蠈</a></li> <li><a href="/staff/teaching-and-research">螘喂未喂魏蠈螤蟻慰蟽蠅蟺喂魏蠈 & 螘蟻纬伪蟽蟿畏蟻喂伪魏蠈螖喂未伪魏蟿喂魏蠈螤蟻慰蟽蠅蟺喂魏蠈</a></li> <li><a href="/staff/technical-staff">韦蔚蠂谓喂魏蠈螤蟻慰蟽蠅蟺喂魏蠈</a></li> <li><a href="/staff/admin-staff">螖喂慰喂魏畏蟿喂魏蠈螤蟻慰蟽蠅蟺喂魏蠈</a></li> <li><a href="/staff/emeriti-and-retired-professors">螣渭蠈蟿喂渭慰喂螝伪胃畏纬畏蟿苇蟼魏伪喂危蠀谓蟿伪尉喂慰蠉蠂慰喂</a></li> <li><a href="/staff/lecturers-of-other-schools">螖喂未维蟽魏慰谓蟿蔚蟼螁位位蠅谓危蠂慰位蠋谓</a></li> </ul> </li> <li class=""><a href="/staff/administration"> 螖喂慰委魏畏蟽畏 </a> </li> <li class=""><a href="/courses/"> 螠伪胃萎渭伪蟿伪 </a> </li> </ul> </div> </div> </div>  <div class="container-fluid zlrp"> <div class="row"> <div class="col-md-12"> <ol class="breadcrumb"> <li><a href='/'>螒蟻蠂喂魏萎</a></li> <li><a href='/staff/'>螤蟻慰蟽蠅蟺喂魏蠈</a></li> </ol> <div class="col-md-12"> </div> </div> <div class="base-content alt-grid"> <div class="container-fluid zlrp"> <link rel="stylesheet" type="text/css" href="/static/departments/style.css"/> <div class="row"> <div class="col-md-9 col-md-push-3"> <div class="panel panel-primary" id="collapseExample"> <div class="panel-heading"> <h1> 螣渭蠈蟿喂渭慰喂螝伪胃畏纬畏蟿苇蟼魏伪喂危蠀谓蟿伪尉喂慰蠉蠂慰喂 </h1></div> <div class="panel-body" style="padding:0px; padding-top:10px;"> <div class="container-fluid"> <div class="grid row"> <div class="grid-item structural col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/50/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/avraam_depb.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/50/">韦维蟽慰蟼螒尾蟻伪维渭</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item hydro col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/95/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/azorakos_fwazDb9.JPG" /> </a> <div class="caption"> <h5> <a href="/staff/95/">危伪渭蠄蠋谓螒味慰蟻维魏慰蟼</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item civil col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/10/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/10/">螝蠅谓蟽蟿伪谓蟿委谓慰蟼螒渭蟺伪魏慰蠉渭魏喂谓</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item civil col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/11/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/anagnostopoulos.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/11/">螒谓未蟻苇伪蟼螒谓伪纬谓蠅蟽蟿蠈蟺慰蠀位慰蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item hydro col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/82/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/andreas2b_2.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/82/">螒谓未蟻苇伪蟼螒谓未蟻蔚伪未维魏畏蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item hydro col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/476/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/476/">螘渭渭伪谓慰蠀萎位螒蠁蟿喂维蟼</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item structural col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/9/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/Vagiasb.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/9/">螜蠅维谓谓畏蟼螔维纬喂伪蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item structural col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/29/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/vintzileoub.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/29/">螘位喂蟽蟽维尾蔚蟿螔喂谓蟿味畏位伪委慰蠀</a> </h5> <p>螣渭蠈蟿喂渭畏 K伪胃畏纬萎蟿蟻喂伪 </p> </div> </div> </div> <div class="grid-item structural col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/448/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/448/">螤位慰蠉蟿伪蟻蠂慰蟼螕喂伪谓谓蠈蟺慰蠀位慰蟼</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item geotech col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/170/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/George-Gazetas_8684C-Printc_1.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/170/">螕蔚蠋蟻纬喂慰蟼螕魏伪味苇蟿伪蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item transport col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/2/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/Gkoliasc.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/2/">螜蠅维谓谓畏蟼螕魏蠈位喂伪蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item hydro col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/480/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/480/">螜蠅维谓谓畏蟼螖畏渭畏蟿蟻委慰蠀</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item civil col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/394/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/394/">螜蠅维谓谓畏蟼螘蟻渭蠈蟺慰蠀位慰蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item geotech col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/173/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/MK_2019-06-21.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/173/">螠喂蠂伪萎位螝伪尾尾伪未维蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item civil col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/401/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/401/">螘蠀蠁蟻慰蟽蠉谓畏螝伪位魏维谓畏 </a> </h5> <p>螣渭蠈蟿喂渭畏 K伪胃畏纬萎蟿蟻喂伪 </p> </div> </div> </div> <div class="grid-item transport col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/154/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/154/">螒谓蟿蠋谓喂慰蟼螝伪位蟿蟽慰蠉谓畏蟼</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item civil col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/412/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/412/">螕蔚蠋蟻纬喂慰蟼螝伪谓蔚位位伪螑未畏蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item civil col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/381/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/381/">螤伪谓伪纬喂蠋蟿畏蟼螝伪蟻蠉未畏蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item structural col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/477/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/477/">螘位喂蟽蟽伪委慰蟼螝伪蟿蟽伪蟻伪纬维魏畏蟼</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item civil col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/15/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/katsikadelisb.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/15/">螜蠅维谓谓畏蟼螝伪蟿蟽喂魏伪未苇位畏蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item hydro col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/441/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/alexandra_katsiri.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/441/">螒位蔚尉维谓未蟻伪螝伪蟿蟽委蟻畏</a> </h5> <p>螣渭蠈蟿喂渭畏 K伪胃畏纬萎蟿蟻喂伪 </p> </div> </div> </div> <div class="grid-item structural col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/24/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/koumousis_A2hPhB3.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/24/">螔位维蟽喂慰蟼螝慰蠀渭慰蠉蟽畏蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item civil col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/16/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/16/">螒谓蟿蠋谓喂慰蟼螝慰蠀谓维未畏蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item hydro col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/84/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/aponomh041.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/84/">螖畏渭萎蟿蟻畏蟼螝慰蠀蟿蟽慰纬喂维谓谓畏蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item structural col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/445/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/445/">螠喂蠂伪萎位螝蠅蟿蟽慰尾蠈蟼</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item structural col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/137/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/Labropoulosb.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/137/">危苇蟻纬喂慰蟼螞伪渭蟺蟻蠈蟺慰蠀位慰蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item structural col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/478/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/478/">螠伪蟻委伪-螕蔚蟻蟿蟻慰蠉未畏螞维蟺蟺伪</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item transport col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/151/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/151/">螝蠅谓蟽蟿伪谓蟿委谓慰蟼螞蠀渭蟺苇蟻畏蟼</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item hydro col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/440/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/Memos2.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/440/">螝蠅谓蟽蟿伪谓蟿委谓慰蟼螠苇渭慰蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item hydro col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/86/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/mimikou-200x200b.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/86/">螠伪蟻委伪螠喂渭委魏慰蠀</a> </h5> <p>螣渭蠈蟿喂渭畏 K伪胃畏纬萎蟿蟻喂伪 </p> </div> </div> </div> <div class="grid-item civil col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/413/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/413/">螕蔚蠋蟻纬喂慰蟼螠喂蠂维位蟿蟽慰蟼 </a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item hydro col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/87/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/Moutzouris.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/87/">螝蠅谓蟽蟿伪谓蟿委谓慰蟼螠慰蠀蟿味慰蠉蟻畏蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item structural col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/479/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/479/">螒纬纬蔚位喂魏萎螠蟺维魏伪</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item hydro col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/443/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/443/">螠维蟻魏慰蟼螠蟺慰谓伪味慰蠉谓蟿伪蟼</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item hydro col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/99/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/knanou-photoc.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/99/">螒喂魏伪蟿蔚蟻委谓畏螡维谓慰蠀</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item hydro col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/93/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/Panagouliac.png" /> </a> <div class="caption"> <h5> <a href="/staff/93/">螖喂慰谓蠀蟽委伪螤伪谓伪纬慰蠉位喂伪</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item hydro col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/449/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/449/">螜蠅维谓谓畏蟼螤伪蟺伪未畏渭畏蟿蟻维魏畏蟼</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item geotech col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/431/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/papadopoulos_vasiliosc.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/431/">螔伪蟽委位蔚喂慰蟼螤伪蟺伪未蠈蟺慰蠀位慰蟼</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item structural col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/4/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/papadrakakisc.png" /> </a> <div class="caption"> <h5> <a href="/staff/4/">螘渭渭伪谓慰蠀萎位螤伪蟺伪未蟻伪魏维魏畏蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item hydro col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/94/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/Papanikolaoub.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/94/">螤伪谓伪纬喂蠋蟿畏蟼螤伪蟺伪谓喂魏慰位维慰蠀</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item geotech col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/444/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/444/">螜蠅维谓谓畏蟼螤蟻蠅蟿慰谓慰蟿维蟻喂慰蟼</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item transport col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/446/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/446/">螝蠅谓蟽蟿伪谓蟿委谓慰蟼巍蠈魏慰蟼</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item structural col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/27/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/spyrakosc.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/27/">螝蠅谓蟽蟿伪谓蟿委谓慰蟼危蟺蠀蟻维魏慰蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item transport col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/1/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/Stathopoulosb.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/1/">螒谓蟿蠋谓喂慰蟼危蟿伪胃蠈蟺慰蠀位慰蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item structural col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/442/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/442/">螞蔚蠅谓委未伪蟼危蟿伪蠀蟻委未畏蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item hydro col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/101/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/stefanakosb.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/101/">螜蠅维谓谓畏蟼危蟿蔚蠁伪谓维魏慰蟼</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item structural col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/456/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/Syrmakezis.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/456/">螝蠅谓蟽蟿伪谓蟿委谓慰蟼危蠀蟻渭伪魏苇味畏蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item civil col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/19/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/th_p_tasios.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/19/">螛蔚慰未蠈蟽喂慰蟼韦维蟽喂慰蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item structural col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/41/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/41/">螜蠅维谓谓畏蟼韦味慰蠀尾伪未维魏畏蟼</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item structural col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/42/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/42/">螝蠅谓蟽蟿伪谓蟿委谓慰蟼韦蟻苇味慰蟼</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item geotech col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/174/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/Tsiambaosc.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/174/">螕蔚蠋蟻纬喂慰蟼韦蟽喂伪渭蟺维慰蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item structural col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/486/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/default.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/486/">危蟺蠀蟻委未蠅谓韦蟽慰蠀魏伪谓蟿维蟼</a> </h5> <p>危蠀谓蟿伪尉喂慰蠉蠂慰渭苇位慰蟼魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉 </p> </div> </div> </div> <div class="grid-item hydro col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/90/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/Hadzimpiros_.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/90/">螝委渭蠅谓围伪蟿味畏渭蟺委蟻慰蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item hydro col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/89/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/Photo_Christodoulouc.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/89/">螕蔚蠋蟻纬喂慰蟼围蟻喂蟽蟿慰未慰蠉位慰蠀</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> <div class="grid-item transport col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/155/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/PPsaraki-Kalouptsidic.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/155/">螤. 唯伪蟻维魏畏 - 螝伪位慰蠀蟺蟿蟽委未畏</a> </h5> <p>螣渭蠈蟿喂渭畏 K伪胃畏纬萎蟿蟻喂伪 </p> </div> </div> </div> <div class="grid-item structural col-sm-4 col-md-3" > <div class="thumbnail"style="height:255px;"> <a href="/staff/35/"> <img class="img-rounded" width="130px" height="130px" id=myimage src="/media/staff/photos/IPsyxaris-photob.jpg" /> </a> <div class="caption"> <h5> <a href="/staff/35/">螜蠅维谓谓畏蟼唯蠀蠂维蟻畏蟼</a> </h5> <p>螣渭蠈蟿喂渭慰蟼 K伪胃畏纬畏蟿萎蟼 </p> </div> </div> </div> </div> </div> </div> </div> <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.min.js"></script> <script> $('.grid').isotope({ // options itemSelector: '.grid-item', layoutMode: 'fitRows' }); $('#chooseDepartment input').on('change', function() { result = $('input[type=radio]:checked', '#chooseDepartment').val(); switch(result) { case 'ALL': $('.grid').isotope({ filter: '*' }); break; case 'civil': $('.grid').isotope({ filter: '.civil' }); break; case 'structural': $('.grid').isotope({ filter: '.structural' }); break; case 'hydro': $('.grid').isotope({ filter: '.hydro' }); break; case 'transport': $('.grid').isotope({ filter: '.transport' }); break; case 'geotech': $('.grid').isotope({ filter: '.geotech' }); break; } }); </script> </div> <div class="col-md-3 col-md-pull-9"> <nav class="left-side-menu"> <ul class="nav nav-pills nav-stacked hidden-sm hidden-xs"> <li role="presentation" class="navhead"> <a style="background-color:#306fa9;"> 螤蟻慰蟽蠅蟺喂魏蠈 </a> </li> <div id="nav-staff" style="padding:5px 5px;"> <table class="fields" style="width:100%"> <tr> <td style="text-align:right">K伪胃畏纬畏蟿苇蟼:</td> <td style="text-align:center">21</td> </tr> <tr> <td style="text-align:right">螒谓伪蟺位畏蟻蠅蟿苇蟼螝伪胃畏纬畏蟿苇蟼:</td> <td style="text-align:center">12</td> </tr> <tr> <td style="text-align:right">螘蟺委魏慰蠀蟻慰喂螝伪胃畏纬畏蟿苇蟼:</td> <td style="text-align:center">10</td> </tr> <tr> <td style="text-align:right">螞苇魏蟿慰蟻蔚蟼:</td> <td style="text-align:center">1</td> </tr> <tr> <td style="text-align:right">螘螖螜螤 - 螖喂未维魏蟿慰蟻蔚蟼:</td> <td style="text-align:center">12</td> </tr> <tr> <td style="text-align:right">螘螖螜螤:</td> <td style="text-align:center">7</td> </tr> <tr> <td style="text-align:right">螘韦螘螤:</td> <td style="text-align:center">13</td> </tr> <tr> <td style="text-align:right">螖喂慰喂魏畏蟿喂魏慰委:</td> <td style="text-align:center">7</td> </tr> <tr> <td style="text-align:right">螜螖螒围:</td> <td style="text-align:center">34</td> </tr> <tr> <td style="text-align:right">螣渭蠈蟿喂渭慰喂 K伪胃畏纬畏蟿苇蟼:</td> <td style="text-align:center">33</td> </tr> <tr> <td style="text-align:right">危蠀谓蟿伪尉喂慰蠉蠂伪渭苇位畏魏伪胃畏纬. 蟺蟻慰蟽蠅蟺喂魏慰蠉:</td> <td style="text-align:center">23</td> </tr> <tr style="border-top:1px dashed rgba(60,100,200,0.1);"> <td style="text-align:right;"><strong>危蠀谓慰位喂魏维渭苇位畏:</strong></td> <td><strong>187</strong></td> </tr> </table> </div> </ul> </nav> </div> </div> </div> </div> <div class="alt-grid"> <div class="container-fluid zlrp"> <div class="row"> <div class="col-md-12 zlrp"> <footer style="margin:0px; background-color:#3072ad; padding:15px; margin-top:10px; color:white; border-top:15px solid #ccc; box-shadow: 0 +3px 0 gold; margin-bottom:3px;"> <p class="text-center"> <em> 漏 2017 危蠂慰位萎螤慰位喂蟿喂魏蠋谓螠畏蠂伪谓喂魏蠋谓, 螘螠螤 </em> <br/> <span class="light-grey"> <a href="http://www.ntua.gr">螘螠螤</a> | <a href="/contrib/">危蠀谓蟿蔚位蔚蟽蟿苇蟼</a> | <a href="/contact/">螘蟺喂魏慰喂谓蠅谓委伪</a> </span> </p> </footer> </div> </div> </div> </div> <script> $(function () { $('[data-toggle="tooltip"]').tooltip() }) </script> </div> </body> </html>

CINXE.COM

School of Civil Engineering