CINXE.COM
Atmospheric Physics and Chemistry Group - Home
<!doctype html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb" dir="ltr" > <head> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-165948857-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-165948857-1'); </script> <base href="http://apcg.meteo.noa.gr/" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="author" content="Super User" /> <title>Atmospheric Physics and Chemistry Group - Home</title> <link href="/templates/joomspirit_134/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> <link href="http://apcg.meteo.noa.gr/modules/mod_skillset/css/skillset.css" rel="stylesheet" type="text/css" /> <link href="/templates/system/css/general.css" rel="stylesheet" type="text/css" media="all" /> <link href="/templates/joomspirit_134/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> <link href="/templates/joomspirit_134/css/font-awesome.css" rel="stylesheet" type="text/css" media="all" /> <link href="/templates/joomspirit_134/css/template.css" rel="stylesheet" type="text/css" media="all" /> <link href="/templates/joomspirit_134/css/print.css" rel="stylesheet" type="text/css" media="print" /> <link href="https://fonts.googleapis.com/css?family=Montserrat%7COswald" rel="stylesheet" type="text/css" media="all" /> <link href="/modules/mod_joomspirit_slider/assets/css/style.css" rel="stylesheet" type="text/css" /> <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css" media="all" /> <script src="/media/jui/js/jquery.min.js?f432613d3f65881d6a3bde376d91bc0e" type="text/javascript"></script> <script src="/media/jui/js/jquery-noconflict.js?f432613d3f65881d6a3bde376d91bc0e" type="text/javascript"></script> <script src="/media/jui/js/jquery-migrate.min.js?f432613d3f65881d6a3bde376d91bc0e" type="text/javascript"></script> <script src="http://apcg.meteo.noa.gr/plugins/system/qlsmoothscroll/js/qlsmoothscroll.js" type="text/javascript"></script> <script src="http://apcg.meteo.noa.gr/modules/mod_skillset/js/jquery.isvisible.js" type="text/javascript"></script> <script src="/media/system/js/caption.js?f432613d3f65881d6a3bde376d91bc0e" type="text/javascript"></script> <script src="/media/jui/js/bootstrap.min.js?f432613d3f65881d6a3bde376d91bc0e" type="text/javascript"></script> <script type="text/javascript"> var qlSiteOffset=70; jQuery(window).on('load', function() { new JCaption('img.caption'); }); </script> <!-- hide the meta tag generator for website security --> <!-- Template manager variables --> <style type="text/css"> body { font-size:0.85em; background-color : #ffffff ; color : #444444; font-family: 'Montserrat', sans-serif; } .website-header, .drop-down ul ul, .drop-down span.title_menu.fixed { background-color : #ffffff; } .website-header { border-color : #0a3c64; } .main-columns, .left_column > div > div, .right_column > div > div { background-color : #ffffff; } .mask-above-slideshow { background : #ffffff; background : rgba(255,255,255,0.95); left: -64vw; transform: rotateZ(-26deg); } @media screen and (max-width: 767px) { .text-above-slideshow { background : #ffffff; background : rgba(255,255,255,0.95); } } /** COLOR **/ .drop-down li a, .drop-down li span, .drop-down span.title_menu a, .drop-down a[href="#"]:hover, .bottom_menu a { color:#444444; } .drop-down li.active > a, .drop-down li.active > span, .drop-down li li a:hover, .drop-down li li span:hover, .drop-down li li.active > a[href="#"]:hover, .drop-down span.title_menu a:hover, .address a, .website-footer a:hover { color:#0a3c64; } @media screen and (min-width: 980px) { .drop-down > div > ul > li.active { background:#0a3c64; } .drop-down > div > ul > li.active > a , .drop-down > div > ul > li.active > span, .drop-down li.active > a[href="#"]:hover { color:#ffffff; } } .link-slideshow, .link-slideshow:hover { color : #ffffff; background-color : #1c4e88; font-size : 100%; } a, div.vertical-menu li a:hover { color: #0a3c64; border-color: #0a3c64; } .image-text-column a { border-color: #0a3c64; } div.horizontal-menu li a:hover { color: #0a3c64; } .breadcrumb a:hover, a:hover, .contact .open a, h1 a:hover, h2.contentheading a:hover { color: #9bb89c; } .image-text-column a:hover { background: #0a3c64; color: ; } div.vertical-menu li.current > a { border-left-color: #0a3c64; color: #0a3c64; } div.horizontal-menu li[class*="current"] > a { border-bottom-color: #0a3c64; color: #0a3c64; } .website-footer, .website-footer input, .website-footer button, .website-footer select, .website-footer textarea { color: #444444; } .website-footer a, .website-footer a:hover { color: #0a3c64; } .social-links { background: #0a3c64; color:#ffffff; } .social-links li a { color:#ffffff; } .header-address-contact-opening { background-color : #fcfbf7; color : #4c555d; } .button-header-address { background-color : #faf5dc; color : #444444; } .header-address[class^="fa-"]:before, .header-address a, .header-address a:hover { color:#1c4e88; } .header-contact[class^="fa-"]:before, .header-contact a, .header-contact a:hover { color:#1c4e88; } .header-opening-time[class^="fa-"]:before, .header-opening-time a, .header-opening-time a:hover { color:#1c4e88; } /** TITLE **/ .website-title { font-family: 'Oswald', sans-serif; color : #0a3c64; font-size : 40px; } .website-slogan { color : #555555; font-size : 13px; } .title-slideshow { color : #f0c673; font-size : 450%; font-family: 'Oswald', sans-serif; } h1, h1 a, .componentheading, h2.contentheading, h2.contentheading a { color: #0a3c64; border-color: #0a3c64; } h2 { color: #0a3c64; } .module-title h3 { color: #0a3c64; } .image-text-column h2 { font-family: 'Montserrat', sans-serif; color : #0a3c64; font-size : 160%; } .image-text-top .image-text-column h2, .image-text-bottom .image-text-column h2 { border-color:#0a3c64; } .image-text-column { font-size : 105%; } /** FONT **/ .drop-down, .button-header-address { font-family: 'Montserrat', sans-serif; } .drop-down, .button-header-address { font-size : 95%; } .drop-down li, .button-header-address { padding-left: 17.5px; padding-right: 17.5px; } h1, .componentheading, .blog > h1 { font-family: 'Montserrat', sans-serif; font-size : 220%; } h1 + h1, h2, h3, h4, h5, .left_column h3, .right_column h3, .top-module-position h3, .bottom-module-position h3, .footer-module-position h3, .user1 h3, .user2 h3, .user3 h3, .user4 h3, .user5 h3, .user6 h3, .user7 h3, .user8 h3, .user9 h3 { font-family: 'Montserrat', sans-serif; } .left_column h3, .right_column h3, .top-module-position h3, .bottom-module-position h3, .footer-module-position h3, .user1 h3, .user2 h3, .user3 h3, .user4 h3, .user5 h3, .user6 h3, .user7 h3, .user8 h3, .user9 h3 { font-size : 140%; } h1 + h1, h2 { font-size : 150%; } h3 { font-size : 115%; } h4 { font-size : 110%; } h5 { font-size : 100%; } /** Width - Height **/ .wrapper-website, .module_video { width : 1180px; } .text-above-slideshow { width : 420px; margin-left: calc( -1180px/2); } .top-module-position .moduletable > div > div, .bottom-module-position .moduletable > div > div, .footer-module-position .moduletable > div > div { max-width : 1180px; } .main_content { margin-left: 0%; width: 100%; } .left_column { width:25%; margin-left: -125%; } .right_column { width:23%; } /** Module video format 16/9 **/ .module_video { height: calc(((1180px )/16)*9); } @media screen and (min-width: 980px) { .image-text-top .image-text-column, .image-text-bottom .image-text-column { width: calc(1180px / 2); } .image-text-top .image-text-right .image-text-column, .image-text-bottom .image-text-right .image-text-column { margin-left: calc((100vw - 1180px) / 2); } .image-text-top.animCSS3 .image-text-right .image-text-column, .image-text-bottom .image-text-right .image-text-column.animCSS3 { -webkit-animation-name: TextMoveLeft; animation-name: TextMoveLeft; -webkit-animation-duration: 2s; animation-duration: 2s; } @keyframes TextMoveLeft { 0% { opacity:0.2; margin-left: calc(((100vw - 1180px) / 2) - 40px); } } @-webkit-keyframes TextMoveLeft { 0% { opacity:0.2; margin-left: calc(((100vw - 1180px) / 2) - 40px); } } } @media screen and (max-width: 979px) { .drop-down ul { background : #ffffff; } .drop-down li:hover > a, .drop-down li:hover > span { color:#444444; } .drop-down li.active > a, .drop-down li.current > a { color:#0a3c64; } .module_video { height: calc(((96vw - 20px)/16)*9); } } /** Responsive columns **/ @media screen and (min-width: 768px) and (max-width: 979px ) { .resp-side-left .right_column { width:25%; } .resp-side-right .left_column { width:23%; } .resp-side-left .main_content { width: 100%; } .resp-side-right .main_content { width: 100%; } } /** If website width in px and more of 980px, the width is adjust between the setting and 980px **/ @media screen and (min-width: 980px) and (max-width: 1180px) { .image-text-top .image-text-column, .image-text-bottom .image-text-column { width: 50%; } .image-text-top .image-text-right .image-text-column, .image-text-bottom .image-text-right .image-text-column { margin-left: calc((100vw - 96vw) / 2); } .text-above-slideshow { margin-left: 0; left:0; } .module_video { height: calc(((96vw - 20px)/16)*9); } } </style> <meta name="viewport" content="initial-scale=1" /> <link rel="stylesheet" href="/templates/joomspirit_134/css/media_queries.css" type="text/css" media="all" /> <link rel="stylesheet" href="/templates/joomspirit_134/css/custom.css" type="text/css" media="all" /> <!--[if lte IE 8]> <link rel="stylesheet" href="/templates/joomspirit_134/css/ie8.css" type="text/css" /> <script type="text/javascript" src="/templates/joomspirit_134/lib/js/html5.js"></script> <![endif]--> <!--[if lte IE 7]> <link rel="stylesheet" href="/templates/joomspirit_134/css/ie7.css" type="text/css" /> <![endif]--> </head> <body class=" home-page boxed_layout theme-light uppercase-none h1-shadow-no resp-side-right resp-users-768 resp-contact-768 js-border"> <header id="website-header" class="website-header zindex30"> <div class="wrapper-website clearfix"> <div class="logo-module zindex30 " > <a href="/" ><img src="http://apcg.meteo.noa.gr/images/logos/apcg-logo-new-v2.png" alt="" /></a> </div> <nav id="js_navigation" class="drop-down columns-2 "> <span class="title_menu"> <a href="#js_navigation"><span class="icon-main-menu"></span><span class="text-icon-menu">menu</span></a> </span> <div class="module "> <ul class="nav menu mod-list"> <li class="item-107"><a href="/index.php/about-us" >About us</a></li><li class="item-108"><a href="/index.php/people" >People</a></li><li class="item-109 deeper parent"><a href="/index.php/research-activity" >Research Activity</a><ul class="nav-child unstyled small"><li class="item-120"><a href="/index.php/research-activity/air-quality" >Air Quality</a></li><li class="item-119"><a href="/index.php/research-activity/solar-energy" >Solar Energy</a></li><li class="item-121"><a href="/index.php/research-activity/atmospheric-composition" >Atmospheric Composition</a></li><li class="item-133"><a href="/index.php/research-activity/earth-observation-policy-and-urban-perspectives" >Earth observation, policy and urban perspectives</a></li><li class="item-134"><a href="/index.php/research-activity/earth-system-processes-and-climate" >Earth system processes and climate</a></li><li class="item-135"><a href="/index.php/research-activity/environment-and-health" >Environment and Health</a></li></ul></li><li class="item-110"><a href="/index.php/projects" >Projects</a></li><li class="item-113"><a href="/index.php/publications" >Publications</a></li><li class="item-148"><a href="/index.php/tna" >TNA</a></li><li class="item-111 deeper parent"><a href="/index.php/infrastructure" >Infrastructure</a><ul class="nav-child unstyled small"><li class="item-122"><a href="/index.php/infrastructure/atmospheric-chemistry-laboratory" >Atmos. Chem. Lab. (ACL)</a></li><li class="item-124"><a href="/index.php/infrastructure/numerical-models-hpc" >Numerical models /HPC</a></li><li class="item-137"><a href="/index.php/infrastructure/innovative-sensors" >Innovative AQ sensors</a></li><li class="item-140"><a href="/index.php/infrastructure/max-doas-penteli-station" >Max DOAS Penteli st.</a></li><li class="item-142"><a href="/index.php/infrastructure/mobile-aqms" >Mobile AQ Monit. st.</a></li><li class="item-141"><a href="/index.php/infrastructure/thissio-actinometric-platform" >Thissio Actinometric pl.</a></li><li class="item-150"><a href="/index.php/infrastructure/thissio-air-monitoring-station-ams" >Thissio Air Monitoring Station (AMS)</a></li><li class="item-138"><a href="/index.php/infrastructure/piraeus-aq-monit-st" >Piraeus AQ Monit. st.</a></li><li class="item-129"><a href="/index.php/infrastructure/neo-s-atmospheric-station" >NEO Atmos. Monit. st.</a></li><li class="item-154"><a href="/index.php/infrastructure/atmospheric-and-air-quality-modeling-team" >Atmospheric and Air Quality Modeling Team</a></li></ul></li><li class="item-112"><a href="/index.php/news-events" >News/Events</a></li></ul> </div> </nav> </div> <!-- end of wrapper-website --> </header> <!-- end of Header --> <div class="empty-space"></div> <div class="image-position resp-text-slideshow-980"> <div class="moduletable " > <div> <div class="content-module"> <style scoped type="text/css"> #flexslider-90 { background-color : transparent; } #flexslider-90 .flex-control-paging li a.flex-active { background-color: #98c138; } #flexslider-90 .slide-desc-box > div > div { background : #444444; background : rgba(68,68,68,0.79); } #flexslider-90 .slide-desc { font-family: 'Montserrat', sans-serif; } #flexslider-90 .slide-desc-box .slide-title { font-family: 'Montserrat', sans-serif; } @media screen and (min-width: 980px) { #flexslider-90, #flexslider-90 li .jslider-image { height: 560px; overflow:hidden !important; } #flexslider-90 .slides img { display:none } #flexslider-90 span.image-height-fixed { display:block; } } @media screen and (max-width: 979px) and (min-width: 768px) { #flexslider-90 ul.slides { margin:0; } } @media screen and (max-width: 767px) { #flexslider-90 ul.slides { margin:0; } } /*************** Text and buttons in small screen ***********************/ @media screen and (max-width: 768px) { #flexslider-90, #flexslider-90 .slides li { height: auto; overflow:hidden !important; } #flexslider-90 .slides, #flexslider-90 .slides li { background: #eeeeee !important; } #flexslider-90 .slide-desc-box { position:relative; top:inherit !important; bottom:inherit !important; transform:none !important; } #flexslider-90 .slide-desc-box > div { display:block; transform: none !important; text-shadow: none !important; box-shadow: none !important; opacity:1 !important; } #flexslider-90 .slide-desc-box > div > div { display:block; max-width:none !important; background: #eeeeee; -webkit-animation : none !important; animation : none !important; padding: 12px 2 0px 22px; text-align:center !important; } .flex-active-slide .anim-js-rotate-letters .slide-title span { -webkit-animation : none !important; animation : none !important; } #flexslider-90 .slide-desc-box .slide-title { text-shadow: none !important; color: #444444 !important;; font-size: 16px !important; -webkit-animation : anim-js-simple-fade 1s ease !important; animation : anim-js-simple-fade 1s ease !important; } #flexslider-90 .slide-desc-box .slide-title span { color: #444444 !important;; font-size: 16px !important; min-width:0 !important; } #flexslider-90 .slide-desc-box .slide-desc { text-shadow: none !important; color: #444444 !important; font-size: 13px !important; -webkit-animation : anim-js-simple-fade 1s ease !important; animation : anim-js-simple-fade 1s ease !important; } #flexslider-90 .slide-desc-box .slide-desc span { color: #444444 !important; font-size: 13px !important; } #flexslider-90.position-nav-bottom .flex-control-nav { top:9px; bottom:inherit; } /** disable kenburns effect **/ #flexslider-90 .slides.kenburns img { -webkit-animation : none !important; animation : none !important; } } @media screen and (max-width: 500px) { #flexslider-90 .slide-desc-box { display:none !important; } } @media screen and (max-width: 500px) { #flexslider-90 .flex-control-nav, #flexslider-90 .flex-direction-nav { display:none !important; } #flexslider-90 .slide-desc-box { padding:0 15px; } } </style> <script src="/modules/mod_joomspirit_slider/assets/js/jquery.flexslider-min.js" type="text/javascript"></script> <!-- Buggyfill script to improve the compatibility of modern viewport units --> <div id="flexslider-90" class="flexslider theme-without-shadow theme-border-00 theme-border-radius-00 white-arrow color-nav-light fade-horizontal light_text_shadow" > <ul class="slides no-kenburns" > <li class='light-text-shadow'><div class='jslider-image'><img title='' alt='' src='http://apcg.meteo.noa.gr/images/home-page-slideshow/sdg1162slide2.JPG' /><span class='image-height-fixed' style='background-image: url(http://apcg.meteo.noa.gr/images/home-page-slideshow/sdg1162slide2.JPG);'></span></div><div class='slide-desc-box Center Left no-shadow anim-js-slide anim-js-text' ><div data-100-top='box-shadow: 0px 0px 0px 0px rgba(0,0,0,1);-webkit-transform: translateY(0px) rotateX(0deg);-ms-transform: translateY(0px) rotateX(0deg);transform: translateY(0px) rotateX(0deg);opacity:1;' data--180-top='box-shadow: 40px 50px 15px 5px rgba(0,0,0,1);-webkit-transform: translateY(-60px) rotateX(20deg);-ms-transform: translateY(-60px) rotateX(20deg);transform: translateY(-60px) rotateX(20deg);opacity:0;' data-anchor-target='#flexslider-90'><div class='bg-default' ><div class='slide-title' style='max-width:550px;color:#ffffff;font-size:25px;'><span class='span-js-title'>The SMURBS SDG Indicator 11.6.2 EO Platform</span></div><div class='slide-desc' style='max-width:550px;color:#eeeeee;font-size:15px;'><span>APCG, through SMURBS H2020 project, has created an online platform utilizing EO data to assess a specific AQ health related indicator (11.6.2) for all of Europe. <div class="text-center"><a class="color-midnightblue" href="http://apcg.meteo.noa.gr/sdg1162/" target="_blank" >Press here to enter the platform</a></div></span></div></div></div></div></li><li class='light-text-shadow'><div class='jslider-image'><img title='' alt='' src='http://apcg.meteo.noa.gr/images/home-page-slideshow/kinematika.jpg' /><span class='image-height-fixed' style='background-image: url(http://apcg.meteo.noa.gr/images/home-page-slideshow/kinematika.jpg);'></span></div><div class='slide-desc-box Center Left no-shadow anim-js-slide anim-js-text' ><div data-100-top='box-shadow: 0px 0px 0px 0px rgba(0,0,0,1);-webkit-transform: translateY(0px) rotateX(0deg);-ms-transform: translateY(0px) rotateX(0deg);transform: translateY(0px) rotateX(0deg);opacity:1;' data--180-top='box-shadow: 40px 50px 15px 5px rgba(0,0,0,1);-webkit-transform: translateY(-60px) rotateX(20deg);-ms-transform: translateY(-60px) rotateX(20deg);transform: translateY(-60px) rotateX(20deg);opacity:0;' data-anchor-target='#flexslider-90'><div class='bg-default' ><div class='slide-title' style='max-width:550px;color:#ffffff;font-size:25px;'><span class='span-js-title'>Atmospheric Physics and Chemistry Group</span></div><div class='slide-desc' style='max-width:550px;color:#eeeeee;font-size:15px;'><span>Our group activities are targeted towards understanding physical and chemical processes in the atmosphere, seizing the opportunity provided by the complex and vulnerable Mediterranean environment. <div class="text-center"><a class="color-darkgrey" href="/index.php/about-us">Read More</a></div></span></div></div></div></div></li> </ul> </div> <script type="text/javascript"> jQuery(window).load(function() { jQuery('#flexslider-90').flexslider({ animation: "fade", easing:"linear", // I disable this option because there was a bug with Jquery easing and Joomla 3.X direction: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical" slideshowSpeed: 6500, // How long each slide will show animationSpeed: 2000, // Slide transition speed directionNav: true, prevText: "<", nextText: ">", controlNav: false, pauseOnHover: true, initDelay: 0, randomize: false, smoothHeight: false, touch: false, keyboardNav: true }); }); </script> <script src="/modules/mod_joomspirit_slider/assets/js/skrollr.min.js" type="text/javascript"></script> <script type="text/javascript"> var s = skrollr.init({ smoothScrolling: true }); if( (/Android|iPhone|iPad|iPod|BlackBerry|Windows Phone/i).test(navigator.userAgent || navigator.vendor || window.opera)){ skrollr.init().destroy(); } </script> </div> </div> <div class="icon-module"></div> </div> </div> <!-- end of Image --> <section class="website-content clearfix zindex10" > <aside class="top-module-position "> <div class="wrapper-website"> <div class="moduletable " > <div> <div class="content-module"> <div class="custom" > <figure class="effect-image-2 one-fourth"><img src="/images/buttons-bg3.jpg" alt="" /> <figcaption> <h4><a class="buttons-link" href="/index.php/publications">Publications</a></h4> </figcaption></figure> <figure class="effect-image-2 one-fourth"><img src="/images/buttons-bg4.jpg" alt="" /> <figcaption> <h4><a class="buttons-link" href="/index.php/projects?id=3">Projects</a></h4> </figcaption></figure> <figure class="effect-image-2 one-fourth"><img src="/images/buttons-bg3.jpg" alt="" /> <figcaption> <h4><a class="buttons-link" href="/index.php/infrastructure">Infrastructure</a></h4> </figcaption></figure> <figure class="effect-image-2 one-fourth last"><img src="/images/buttons-bg4.jpg" alt="" /> <figcaption> <h4><a class="buttons-link" href="/index.php/people">People</a></h4> </figcaption></figure></div> </div> </div> <div class="icon-module"></div> </div> </div> </aside> <div class="main-columns wrapper-website clearfix"> <!-- MAIN COLUMN --> <div class="main_content" > <!-- USER 1, 2, 3 --> <!-- END OF USERS TOP --> <div class="main_component clearfix" role="main" > <!-- MAIN COMPONENT --> <div id="system-message-container"> </div> <div class="item-page " itemscope itemtype="http://schema.org/Article"> <meta itemprop="inLanguage" content="en-GB" /> <div itemprop="articleBody"> <h2 style="text-align: center; font-size: 24.31px; border-bottom: 4px solid #444444; margin-bottom: 10px;">About us</h2> <p>Our group activities are targeted towards understanding physical and chemical processes in the atmosphere, seizing the opportunity provided by the complex and vulnerable Mediterranean environment. It is our mission to promote world-class atmospheric research in the area by shedding light on problems of compelling scientific interest and increasing social relevance. We are active in the fields of aerosol research, air quality, solar radiation and atmospheric chemistry, approached from a synergistic view angle that combines multiple experimental, observational and theoretical platforms.</p> <p> </p> <p> <div id="count-0-99" class="skill-count-item skill-count-item-99 skill-count-items-3 skill-count-item0"> <div class="count-view"> <h2 style="font-size:250%;"></h2> </div> <div class="count-label-view"><strong>Team and Associate Members</strong></div> </div> <script> jQuery( document ).ready(function() { // If visible jQuery('.skill-count-item-99').each(function(i, el){ var el = jQuery(el); if (el.visible(true)) { if(jQuery('#count-0-99 h2').text() == '') { countup('#count-0-99 h2', '35'); } } }); // Only trigger the effect if the item is visible jQuery(window).scroll(function(event) { jQuery('.skill-count-item-99').each(function(i, el){ var el = jQuery(el); if (el.visible(true)) { if(jQuery('#count-0-99 h2').text() == '') { countup('#count-0-99 h2', '35'); } } }); }); }); </script> <div id="count-1-99" class="skill-count-item skill-count-item-99 skill-count-items-3 skill-count-item1"> <div class="count-view"> <h2 style="font-size:250%;"></h2> </div> <div class="count-label-view"><strong>Active Projects </strong></div> </div> <script> jQuery( document ).ready(function() { // If visible jQuery('.skill-count-item-99').each(function(i, el){ var el = jQuery(el); if (el.visible(true)) { if(jQuery('#count-1-99 h2').text() == '') { countup('#count-1-99 h2', '12'); } } }); // Only trigger the effect if the item is visible jQuery(window).scroll(function(event) { jQuery('.skill-count-item-99').each(function(i, el){ var el = jQuery(el); if (el.visible(true)) { if(jQuery('#count-1-99 h2').text() == '') { countup('#count-1-99 h2', '12'); } } }); }); }); </script> <div id="count-2-99" class="skill-count-item skill-count-item-99 skill-count-items-3 skill-count-item2"> <div class="count-view"> <h2 style="font-size:250%;"></h2> </div> <div class="count-label-view"><strong>Last 3-year peer-reviewed publications</strong></div> </div> <script> jQuery( document ).ready(function() { // If visible jQuery('.skill-count-item-99').each(function(i, el){ var el = jQuery(el); if (el.visible(true)) { if(jQuery('#count-2-99 h2').text() == '') { countup('#count-2-99 h2', '70'); } } }); // Only trigger the effect if the item is visible jQuery(window).scroll(function(event) { jQuery('.skill-count-item-99').each(function(i, el){ var el = jQuery(el); if (el.visible(true)) { if(jQuery('#count-2-99 h2').text() == '') { countup('#count-2-99 h2', '70'); } } }); }); }); </script> <div class="clearfix"></div> <script> function countup(element, total) { var current = 0; var finish = total; var miliseconds = 1000; var rate = 1; if(current == 0) { var counter = setInterval(function(){ if(current >= finish) clearInterval(counter); jQuery(element).text(current); current = parseInt(current) + parseInt(rate); }, miliseconds / (finish / rate)); } }; </script></p> <p> </p> <div class="text-center"><a class="color-darkgrey" href="/index.php/about-us">Read More</a></div> </div> </div> </div> <!-- USER 4, 5, 6 --> <!-- END OF USERS BOTTOM --> <div class="clr"></div> </div> <!-- END OF MAIN CONTENT --> </div> <!-- END OF MAIN COLUMNS --> <aside class="bottom-module-position animbox"> <div class="wrapper-website"> <div class="moduletable " > <div> <div class="content-module"> <div class="custom" > <div class="image-text-left color-darkgrey"><a class="image-text-image" style="background-image: url('/images/people01.jpg');" href="#">Meet our People</a> <div class="image-text-column"> <div> <h2>People</h2> <p>APCG group is currently composed of twenty five(25) team members: a (1) research director, two (2) senior researchers, two (2) associate researchers, three (3) scientific research staff, fourteen (14) research fellows and three (3) Ph.D. students.</p> <p><a href="/index.php/people">Meet our People</a></p> </div> </div> </div></div> </div> </div> <div class="icon-module"></div> </div> </div> </aside> <!-- USER 7, 8, 9 --> <!-- SOCIAL LINKS --> <aside class="footer-module-position " > <div class="wrapper-website"> <div class="moduletable " > <div> <div class="content-module"> <div class="custom" > <div class="col-sm-5"> <h3 style="color: #ffffff;">About Us</h3> <hr class="footer" /> <p style="text-align: justify; color: #ffffff;">Our group activities are targeted towards understanding physical and chemical processes in the atmosphere, seizing the opportunity provided by the complex and vulnerable Mediterranean environment. It is our mission to promote world-class atmospheric research in the area by shedding light on problems of compelling scientific interest and increasing social relevance.</p> </div> <div class="col-sm-4"> <div class="col-sm-12"> <h3 style="color: #fff; text-align: center;">Quick Links</h3> <hr class="footer" /></div> <div class="col-sm-5 footer-links-dv" style="text-align: center;"> <p><a href="/index.php/about-us">About Us</a></p> <p><a href="/index.php/people">People</a></p> <p><a href="/index.php/research-activity">Research</a></p> <p><a href="/index.php/news-events">News/Events</a></p> </div> <div class="col-sm-7 footer-links-dv" style="text-align: center;"> <p><a href="/index.php/projects">Projects</a></p> <p><a href="/index.php/publications">Publications</a></p> <p><a href="/index.php/infrastructure">Infrastructure</a></p> </div> </div> <div class="col-sm-3"> <h3 style="color: #fff; text-align: center;">Contact Us</h3> <hr class="footer" /> <p style="text-align: center; color: #fff;">National Observatory of Athens (NOA)</p> <p style="text-align: center; color: #fff;">Vas. Pavlou & I. Metaxa</p> <p style="text-align: center; color: #fff;">Penteli GR-15 236, Greece</p> <p style="text-align: center; color: #fff;"><span style="color: #9bb89c;">P</span> : +30 210 81 09 124</p> <p style="text-align: center; color: #fff;"><span style="color: #9bb89c;">E</span> : egera@noa.gr</p> <!-- <div class="col-sm-4 footer-logos"><a href="http://www.noa.gr/index.php?lang=en" target="_blank" rel="noopener"><img style="display: block; margin-left: auto; margin-right: auto;" src="/images/logos/NoaLogo.png" alt="Noa" /></a></div> <div class="col-sm-4 footer-logos"><a href="https://www.astro.noa.gr/en/main/" target="_blank" rel="noopener"><img style="display: block; margin-left: auto; margin-right: auto;" src="/images/logos/iaasarslogo.png" alt="iaasars" /></a></div> <div class="col-sm-4 footer-logos"><a href="http://geocradle.eu/en/" target="_blank" rel="noopener"><img style="display: block; margin-left: auto; margin-right: auto;" src="/images/logos/geo-cradle.png" alt="geo-cradle" /></a></div> --></div></div> </div> </div> <div class="icon-module"></div> </div> </div> </aside> <div class="js-copyright" ><a class="jslink" target="_blank" href="http://www.template-joomspirit.com" >template joomla</a></div> </section> <!-- END OF WEBSITE CONTENT --> <!-- END OF OF CONDITION NO-CONTENT --> <footer class="website-footer wrapper-website zindex20 clearfix"> <div class="footer-search-menu "> <!-- bottom nav --> <div class="module-search yes"> <div class="search "> <form class="form-inline" method="post" action="http://apcg.meteo.noa.gr/"> <input type="search" placeholder="" size="14" class="inputbox search-query" maxlength="200" id="mod-search-searchword" name="searchword"> <span class="fa fa-search"></span> <input type="image" onclick="this.form.searchword.focus();" src="/templates/joomspirit_134/images/transparent.png" class="button" alt="Search"> <input type="hidden" value="search" name="task"><input type="hidden" value="com_search" name="option"> </form> </div> </div> </div> <div class="address " > <div class="moduletable " > <div> <div class="content-module"> <div class="custom" > <div id="newsticker"> <div class="more-box">漏 2022 APCG, All Rights Reserved</div> </div></div> </div> </div> <div class="icon-module"></div> </div> </div> </footer> <!-- END OF FOOTER --> <script src="/templates/joomspirit_134/lib/js/bootstrap.min.js" type="text/javascript"></script> <script type="text/javascript"> jQuery.noConflict(); </script> <!-- Empty space for fixed Header --> <script type="text/javascript"> jQuery(document).ready(function(){ var heightHeader = jQuery('.website-header').height(); jQuery('.empty-space').css('height', heightHeader); jQuery(window).scroll(function () { if (jQuery(this).scrollTop() > 100) { jQuery(".website-header").addClass("header-fixed"); } else { jQuery(".website-header").removeClass("header-fixed"); } }); }); </script> <!-- SCRIPT TO ENABLE CCS3 ANIMATIONS WHEN ELEMENT IS VISIBLE --> <script type="text/javascript"> //<![CDATA[ jQuery(window).load(function(){ // Plugin @RokoCB :: Return the visible amount of px // of any element currently in viewport. // stackoverflow.com/questions/24768795/ ;(function($, win) { $.fn.inViewport = function(cb) { return this.each(function(i,el){ function visPx(){ var H = $(this).height(), r = el.getBoundingClientRect(), t=r.top, b=r.bottom; return cb.call(el, Math.max(0, t>0? H-t : (b<H?b:H))); } visPx(); $(win).on("resize scroll", visPx); }); }; }(jQuery, window)); jQuery(".animbox").inViewport(function(px){ jQuery(this).toggleClass("animCSS3", !!px ); }); jQuery(".animbox .image-text-column").inViewport(function(px){ jQuery(this).toggleClass("animCSS3", !!px ); }); });//]]> </script> <div class="hidden-phone" id="toTop"><a id="toTopLink"><span class="icon-up"></span><span id="toTopText"> Back to top</span></a></div> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery(window).scroll(function () { if (jQuery(this).scrollTop() > 200) { jQuery("#toTop").fadeIn(); } else { jQuery("#toTop").fadeOut(); } }); jQuery("#toTop").click(function() { jQuery("html, body").animate({ scrollTop: 0 }, "slow"); return false; }); }); </script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery(window).scroll(function () { if (jQuery(this).scrollTop() > 150) { jQuery(".title_menu").addClass("fixed"); jQuery(".drop-down").addClass("with-space"); } else { jQuery(".title_menu").removeClass("fixed"); jQuery(".drop-down").removeClass("with-space"); } }); }); </script> <script type="text/javascript"> jQuery(document).ready(function(){ if (window.matchMedia('(max-width: 979px)').matches) { jQuery('.drop-down .menu ul').hide(); //Hide children by default jQuery('.drop-down .menu li.parent.active ul').show(); //Show active submenu by default jQuery('.drop-down .menu li a').click(function(event){ if (jQuery(this).next('.drop-down .menu ul').children().length !== 0) { event.preventDefault(); } jQuery(this).siblings('.drop-down .menu ul').slideToggle('slow'); }); } }); </script> <!-- Move submenu if off screen --> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('.drop-down .menu ul').parent().hover(function() { var menu = jQuery(this).find("ul"); var menupos = jQuery(menu).offset(); if (menupos.left + menu.width() > jQuery(window).width()) { menu.addClass("submenu-off-screen"); } }); }); </script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('.button-header-address').click(function(event){ jQuery('.header-address-contact-opening').slideToggle(500); }); }); </script> <!-- Fixed a bug with Android 4 and select field (see Boostrap doc) --> <script type="text/javascript"> var nua = navigator.userAgent var isAndroid = (nua.indexOf('Mozilla/5.0') > -1 && nua.indexOf('Android ') > -1 && nua.indexOf('AppleWebKit') > -1 && nua.indexOf('Chrome') === -1) if (isAndroid) { $('select.form-control').removeClass('form-control').css('width', '100%') } </script> </body> </html>