<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Francesco Rea">
    <title>Home | Francesco Rea</title>
	
	<!-- core CSS -->
	<link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/prettyPhoto.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/main-small.css" rel="stylesheet">
    <link href="css/responsive.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->       
    <link rel="shortcut icon" href="images/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
</head><!--/head-->

<body class="homepage">

    <header id="header">
        <div class="top-bar">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6 col-xs-4">
                        <div class="top-number"><p><i class="fa fa-phone-square"></i>  +39 010 71781420 </p></div>
                    </div>
                    <div class="col-sm-6 col-xs-8">
                       <div class="social">
                            <ul class="social-share">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-linkedin"></i></a></li> 
                                <li><a href="https://www.tumblr.com/blog/francescorea-eu"><i class="fa fa-tumblr"></i></a></li>
                                <li><a href="https://www.flickr.com/photos/netspasheco/"><i class="fa fa-flickr"></i></a></li>
                            </ul>
                            <div class="search">
                                <form role="form">
                                    <input type="text" class="search-form" autocomplete="off" placeholder="Search">
                                    <i class="fa fa-search"></i>
                                </form>
                           </div>
                       </div>
                    </div>
                </div>
            </div><!--/.container-->
        </div><!--/.top-bar-->

        <nav class="navbar navbar-inverse" role="banner">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="index.php"><img src="images/logo.png" alt="logo"></a>
                </div>
				
                <div class="collapse navbar-collapse navbar-right">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="index.php">Home</a></li>
                        <li><a href="ambition.html">Ambition</a></li>
                        <li class="dropdown"><a href="research.html">Research<i class="fa fa-angle-down"></i></a>
							<ul class="dropdown-menu">
									<li><a href="publications.html">Publications</a></li>
									<li><a href="invited.html">Invited talks</a></li>
									<li><a href="underDevelopment.html">Teaching</a></li>
									<li><a href="research.html">Projects</a></li>
							</ul>
						</li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Technology<i class="fa fa-angle-down"></i></a>
                            <ul class="dropdown-menu">
                                <li><a href="underDevelopment.html">Patents</a></li>
                                <li><a href="underDevelopment.html">Collaboration</a></li>
                                <li><a href="underDevelopment.html">Investment</a></li>
                                <li><a href="underDevelopment.html">Pre-commercial Procurement</a></li>
                            </ul>
                        </li>
                        <li><a href="curriculum.html">Curriculum Vitae</a></li> 
                        <li class="active"><a href="blog.html">BLOG</a></li> 
						<li><a href="photography.html">Photography</a></li>
                        <li><a href="contact-us.html">Contact</a></li>                        
                    </ul>
                </div>
                
            </div><!--/.container-->
        </nav><!--/nav-->
		
    </header><!--/header-->

    
    <section id="feature" >
        <div class="container">
           <div class="center wow fadeInDown">
                <h2>Robot Audition</h2>
                <p class="lead">the process of endowing a robot with the capability to be audio aware</p>
            </div>

            <div class="row">
                <div class="features">
                    <div class="col-md-6 col-sm-8 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
                        <div class="feature-wrap">
                            <i class="fa fa-comments"></i>
                            <h2>Audio Localization</h2>
                            <h3>Robots model of audition extracts egocentric location and through bayesian model integrates knowledge in space and time</h3>
                        </div>
                    </div><!--/.col-md-4-->

                    <div class="col-md-6 col-sm-8 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
                        <div class="feature-wrap">
                            <i class="fa fa-comments"></i>
                            <h2>Auditory attention</h2>
                            <h3>Cognitive model that enable the robots to attend salient source of sound in the environment</h3>
                        </div>
                    </div><!--/.col-md-4-->
					<div class="col-md-6 col-sm-8 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
                        <div class="feature-wrap">
                            <i class="fa fa-comments"></i>
                            <h2>Deep Learning for Sound Localization and Classification</h2>
                            <h3>The deep network provided in this research proved to be optimal in resolving simultaneously localization and classification of sound sources in auditory landscape</h3>
                        </div>
                    </div><!--/.col-md-4--> 
					<div class="col-md-6 col-sm-8 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
                        <div class="feature-wrap">
                            <i class="fa fa-comments"></i>
                            <h2>Bayesian inference about temporal structures observed and generated by ego-motion</h2>
                            <h3>The deep network provided in this research proved to be optimal in resolving simultaneously localization and classification of sound sources in auditory landscape</h3>
                        </div>
                    </div><!--/.col-md-4-->  
					
					<div class="col-md-6 col-sm-8 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
                        <div class="feature-wrap">
                            <i class="fa fa-comments"></i>
                            <h2>Predictive Coding and its deep computational representation </h2>
                            <h3>The computational models of Bayesian Inference for predictive coding rely on deep neural networks DNN.</h3>
                        </div>
                    </div><!--/.col-md-4-->
					
                    <div class="col-xs-12 col-sm-4 col-md-3 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
                        <div class="feature-wrap">
                            <i class="fa fa-film"></i>
                            <h2>Video: Saliency based sensor fusion</h2>
							<h3>
							The humanoid robot iCub attends the interaction thanks to multisensory attention system that integrates audio and visual saliency maps.
							</h3>
                            <!--div class="portfolio-item architecture col-xs-12 col-sm-4 col-md-3"-->
								<div class="recent-work-wrap">
									<img class="preview-landscape" src="images/research/Saliency based sensor fusion_Credits1280.png"   alt="">	
									<div class="overlay">
										<div class="recent-work-inner">		
											<a href="videos/research/Saliency based sensor fusion_Credits1280.mp4" > 
												<img class="img-responsive" src="images/research/Saliency based sensor fusion_Credits1280.png" alt="">
											</a>
										</div> 
									</div>
								</div>          
							<!--/div><!--0 /.portfolio-item-->	
                        </div>
                    </div><!--/.col-md-4-->
                    
                    <div class="col-xs-12 col-sm-4 col-md-3 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
                        <div class="feature-wrap">
                            <i class="fa fa-film"></i>
                            <h2>Video: Auditory attention enhanced by optimal head motor control for a humanoid robot iCub</h2>
							<h3>
							The humanoid robot iCub perceives auditory landscape with the use of microphones in the head. The iCub infers the location of the speakers
							and optimises the estimation with specific head motor actions.
							</h3>
                            <!--div class="portfolio-item architecture col-xs-12 col-sm-4 col-md-3"-->
								<div class="recent-work-wrap">
									<img class="preview-landscape" src="images/research/iCubAuditoryAttention.png"   alt="">	
									<div class="overlay">
										<div class="recent-work-inner">		
											<a href="videos/research/icub_audio_attention_demo_with_audio_final.mp4" > 
												<img class="img-responsive" src="images/research/iCubAuditoryAttention.png" alt="">
											</a>
										</div> 
									</div>
								</div>          
							<!--/div><!--0 /.portfolio-item-->	
                        </div>
                    </div><!--/.col-md-4-->
                    
                    
                </div><!--/.services-->
            </div><!--/.row-->    
        </div><!--/.container-->
    </section><!--/#feature-->

    <section id="recent-works">
        <div class="container">
            <div class="center wow fadeInDown">
                <h2>Publication Selection</h2>
                <p class="lead">Main publications in this research field resulting from state-of-the-art research and technological breakthroughs</p>
            </div>

            <div class="row">
				
			
                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="recent-work-wrap">
						<p>2020 Audiovisual cognitive architecture for autonomous learning of face localisation by a Humanoid Robot</p>
						<i> Gonzalez Billandon J., Sciutti A., Tata M., Sandini G., Rea F., International Conference on Robotics and Automation, ICRA2020 </i>
						<div class="overlay">
							<div class="recent-work-inner">
								<a class="preview" href="images/portfolio/full/gonzalez2020A.png" rel="prettyPhoto"> <img class="img-responsive" src="images/portfolio/recent/item.png" alt=""></a>
							</div> 
						</div>
					</div> 
                </div>   

                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="recent-work-wrap">
						<p>2019 A Bayesian System for Noise-Robust Binaural Sound Localisation for Humanoid Robots</p>
						<i> Kothig A., Ilievski M., Grasse L., Rea F., Tata M. 2019, in IEEE International Symposium on Robotic and Sensors Environments, ROSE </i>
						<div class="overlay">
							<div class="recent-work-inner">
								<a class="preview" href="images/portfolio/full/publication2019A.png" rel="prettyPhoto"> <img class="img-responsive" src="images/portfolio/recent/item.png" alt=""></a>
							</div> 
						</div>
					</div> 
                </div> 

                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="recent-work-wrap">
						<p>2019 Cognitive Architecture for Joint Attentional Learning of word-object mapping with a Humanoid Robot</p>
						<i> Gonzalez Billandon J., Grasse L., Sciutti A., Tata M., Rea F. 2019, in IROS 2019 - Workshop Deep Probabilistic Generative Models for Cognitive Architecture in Robotics </i>
						<div class="overlay">
							<div class="recent-work-inner">
								<a class="preview" href="images/portfolio/full/gonzalez2019B.png" rel="prettyPhoto"> <img class="img-responsive" src="images/portfolio/recent/item.png" alt=""></a>
							</div> 
						</div>
					</div>
                </div>   

                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="recent-work-wrap">
						<p>2017 A Binaural Beamforming Approach to Resolve Complex Auditory Scenes for Humanoid Robots</p>
						<i> Ilievski M., Rea F., Sandini G., Tata M. In 2017 IEEE/RSJ International Conference on Intelligent Robots and Systems</i>
						<div class="overlay">
							<div class="recent-work-inner">
								<a class="preview" href="images/portfolio/full/Ilievski2017A.png" rel="prettyPhoto"> <img class="img-responsive" src="images/portfolio/recent/item.png" alt=""></a>
							</div> 
						</div>
					</div>   
                </div>   

            </div><!--/.row-->
        </div><!--/.container-->
    </section><!--/#recent-works-->

    <section id="services" class="service-item">
	   <div class="container">
            <div class="center wow fadeInDown">
                <h2>Collaboration in the specific research</h2>
                <p class="lead">Collaboration activated thanks to the research carried on in the field</p>
            </div>

            <div class="row">
			
				<div class="col-sm-6 col-md-4">
                    <div class="media services-wrap wow fadeInDown">
                        <div class="pull-up">
                            <img class="img-responsive" src="images/partners/partnerLethbridge.png">
                        </div>
                        <div class="media-body">
                            <a href="projectApril.html"><h3 class="media-heading">University of Leftbridge</h3>
                            <p>The Department of Neuroscience / Canadian Centre for Behavioural Neuroscience (CCBN)</p>
                        </div>
                    </div>
                </div>
				
				<div class="col-sm-6 col-md-4">
                    <div class="media services-wrap wow fadeInDown">
                        <div class="pull-up">
                            <img class="img-responsive" src="images/partners/partnerOsaka.png">
                        </div>
                        <div class="media-body">
                            <a href="https://www.osaka-u.ac.jp/en"><h3 class="media-heading">Osaka University</h3>
                            <p>Symbiotic Intelligent Systems Research Center at the Institute for Open and Transdisciplinary Research Initiatives</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-md-4">
                    <div class="media services-wrap wow fadeInDown">
                        <div class="pull-up">
                            <img class="img-responsive" src="images/partners/partnerEssex.png">
                        </div>
                        <div class="media-body">
                            <a href="research.html"><h3 class="media-heading">Essex University</h3>
                            <p>School of Computer Science and Electronic Engineering (CSEE)</p>
                        </div>
                    </div>
                </div>                                                     
            </div><!--/.row-->
        </div><!--/.container-->
    </section><!--/#services-->

    <section id="middle">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 wow fadeInDown">
                    <div class="skill">
                        <h2>Specific research activities in the topic</h2>
                        <p>The progress beyond the state-of-the-art in the specific research activities carried on in this reseach topic.</p>

                        <div class="progress-wrap">
                            <h3>Audio Localization</h3>
                            <div class="progress">
                              <div class="progress-bar  color1" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 85%">
                                <span class="bar-width">85%</span>
                              </div>

                            </div>
                        </div>

                        <div class="progress-wrap">
                            <h3>Auditory attention</h3>
                            <div class="progress">
                              <div class="progress-bar color2" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 95%">
                               <span class="bar-width">95%</span>
                              </div>
                            </div>
                        </div>

                        <div class="progress-wrap">
                            <h3>Optimal Motor Control for Auditory Localization</h3>
                            <div class="progress">
                              <div class="progress-bar color3" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
                                <span class="bar-width">80%</span>
                              </div>
                            </div>
                        </div>

                        <div class="progress-wrap">
                            <h3>Deep Learning for Sound Localization and Classification</h3>
                            <div class="progress">
                              <div class="progress-bar color4" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 85%">
                                <span class="bar-width">85%</span>
                              </div>
                            </div>
                        </div>
                    </div>

                </div><!--/.col-sm-6-->

                <div class="col-sm-6 wow fadeInDown">
                    <div class="accordion">
                        <h2>Personal Activities: Dissemination</h2>
                        <div class="panel-group" id="accordion1">
                          <div class="panel panel-default">
                            <div class="panel-heading active">
                              <h3 class="panel-title">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapseOne1">
                                  Teaching
                                  <i class="fa fa-angle-right pull-right"></i>
                                </a>
                              </h3>
                            </div>

                            <div id="collapseOne1" class="panel-collapse collapse in">
                              <div class="panel-body">
                                  <div class="media accordion-inner">
                                        <div class="pull-left">
											<img class="img-responsive" src="images/teaching.png">
                                        </div>
                                        <div class="media-body">
                                             <h4>Human Robot Interaction Course</h4>
                                             <p>The course is aimed at  providing a clear understanding of what are the good features and limitations of the robotic platforms currently available. The participants will learn how to design and implement robot perceptual, motor abilities structured in a cognitive framework for natural human-robot interaction.</p>
                                        </div>
                                  </div>
                              </div>
                            </div>
                          </div>

                          <div class="panel panel-default">
                            <div class="panel-heading">
                              <h3 class="panel-title">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapseTwo1">
                                  Conferences
                                  <i class="fa fa-angle-right pull-right"></i>
                                </a>
                              </h3>
                            </div>
                            <div id="collapseTwo1" class="panel-collapse collapse">
                              <div class="panel-body">
                                List of attended conferences where my current research has been communicated and disseminated.
                              </div>
                            </div>
                          </div>

                          <div class="panel panel-default">
                            <div class="panel-heading">
                              <h3 class="panel-title">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapseThree1">
                                  Invited Talks
                                  <i class="fa fa-angle-right pull-right"></i>
                                </a>
                              </h3>
                            </div>
                            <div id="collapseThree1" class="panel-collapse collapse">
                              <div class="panel-body">
                                The list of invitations for which I have been asked to present my results and to give my overview as expert in the field.
                              </div>
                            </div>
                          </div>

                          <div class="panel panel-default">
                            <div class="panel-heading">
                              <h3 class="panel-title">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapseFour1">
                                  Social Events
                                  <i class="fa fa-angle-right pull-right"></i>
                                </a>
                              </h3>
                            </div>
                            <div id="collapseFour1" class="panel-collapse collapse">
                              <div class="panel-body">
                                Social events where the results of my reseach have been disseminated to broad public audience.
                              </div>
                            </div>
                          </div>
                        </div><!--/#accordion1-->
                    </div>
                </div>

            </div><!--/.row-->
        </div><!--/.container-->
    </section><!--/#middle-->

    <section id="content">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-8 wow fadeInDown">    
                	<h2>Products and Draft Patents</h2>            
                   	<div class="tab-wrap">                    		
                        <div class="media">
                            <div class="parrent pull-left">
                                <ul class="nav nav-tabs nav-stacked">
                                    <li class="active"><a href="#tab1" data-toggle="tab" class="analistic-01">AuditoryAI</a></li>
                                    <li class=""><a href="#tab2" data-toggle="tab" class="analistic-02">GazeTracking</a></li>
                                    <li class=""><a href="#tab3" dataambition
                                    -toggle="tab" class="tehnical">------------</a></li>
                                    <li class=""><a href="#tab4" data-toggle="tab" class="tehnical">------------</a></li>
                                    <li class=""><a href="#tab5" data-toggle="tab" class="tehnical">------------</a></li>
                                </ul>
                            </div>

                            <div class="parrent media-body">
                                <div class="tab-content">
                                    <div class="tab-pane fade active in" id="tab1">
                                        <div class="media">
                                           <div class="pull-left">
                                                <img class="img-responsive" src="images/patents/patentAuditoryAI.png">
                                            </div>
                                            <div class="media-body">
                                                 <h2>AuditoryAI</h2>
                                                 <p>The invention is an new process to register the existinance of sound objects,localize them, prioritize them, and direct the behaviour of an agent (e.g. a robot) towards them.</p>
                                            </div>
                                        </div>
                                    </div>

                                     <div class="tab-pane fade " id="tab2">
                                        <div class="media">
                                           <div class="pull-left">
                                                <img class="img-responsive" src="images/patents/patentGazeTracking.png">
                                            </div>
                                            <div class="media-body">
                                                 <h2>gazeTracking</h2>
                                                 <p>The product endows intelligent system with one camera to infer the gaze direction by looking at the head orientation and the iris position.
                                                 </p>
                                            </div>
                                        </div>
                                     </div>

                                     <div class="tab-pane fade" id="tab3">
                                        <p>-----------------------</p>
                                     </div>
                                     
                                     <div class="tab-pane fade" id="tab4">
                                        <p>------------------------</p>
                                     </div>

                                     <div class="tab-pane fade" id="tab5">
                                        <p>-------------------------</p>
                                     </div>
                                </div> <!--/.tab-content-->  
                            </div> <!--/.media-body--> 
                        </div> <!--/.media-->     
                    </div><!--/.tab-wrap-->               
                </div><!--/.col-sm-6-->

                <div class="col-xs-12 col-sm-4 wow fadeInDown">
                    <div class="testimonial">
                        <h2>Testimonials</h2>
                         <div class="media testimonial-inner">
                            <div class="pull-left">
                                <img class="img-responsive img-circle" src="images/Samia.jpg">
                            </div>
                            <div class="media-body">
                                <p>-------------------------------------------------</p>
                                <span><strong>Prof. Samia Nefti Meziani/</strong>Robotics and Automation, Salford University</span>
                            </div>
                         </div>

                         <div class="media testimonial-inner">
                            <div class="pull-left">
                                <img class="img-responsive img-circle" src="images/Brugali.jpg">
                            </div>
                            <div class="media-body">
                                <p>--------------------------------------------------</p>
                                <span><strong>Prof. Davide Brugali/</strong> Robotics, Universita degli Studi di Bergamo </span>
                            </div>
                         </div>

                    </div>
                </div>

            </div><!--/.row-->
        </div><!--/.container-->
    </section><!--/#content-->

    <section id="partner">
        <div class="container">
            <div class="center wow fadeInDown">
                <h2>Partners</h2>
                <p class="lead">In the quest of enabling function robots in our lives, trustful Partners shared the road to impacting solutions.</p>
            </div>    

            <div class="partners">
                <ul>
                    <li> <a href="https://www.osaka-u.ac.jp/en"><img width=50% class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms" src="images/partners/partnerOsaka.png"></a></li>
                    <li> <a href="https://www.salford.ac.uk/"><img class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms" src="images/partners/partner7.png"></a></li>
                    <li> <a href="https://www.uleth.ca/"><img class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="900ms" src="images/partners/partner8.png"></a></li>
                    <li> <a href="https://www.uni-bielefeld.de/(en)/"><img width=80% class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="1200ms" src="images/partners/partnerUnibi.png"></a></li>
					<li> <a href="https://www.unibg.it/"><img width=120%  class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="1500ms" src="images/partners/partnerUnibg.png"></a></li>
					<li> <a href="http://www.his.se/en/"><img width=250% style="border:50px solid transparent" class="img-responsive wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="1200ms" src="images/partners/partner4.gif"></a></li>
                </ul>    
            </div>        
        </div><!--/.container-->
    </section><!--/#partner-->

    <section id="conatcat-info">
        <div class="container">
            <div class="row">
                <div class="col-sm-8">
                    <div class="media contact-info wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
                        <div class="pull-left">
                            <i class="fa fa-phone"></i>
                        </div>
                        <div class="media-body">
                            <h2>Phone</h2>
                            <p>t:+39 010 71781420</p>
                        </div>
                    </div>
                </div>
            </div>
        </div><!--/.container-->    
    </section><!--/#conatcat-info-->

    <section id="bottom">
        <div class="container wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
            <div class="row">
                
				<div class="col-md-3 col-sm-6">
                    <div class="widget">
                        <h3>Personal</h3>
                        <ul>
                            <li><a href="underDevelopment.html">Ambition</a></li>
                            <li><a href="publications.html">Publications</a></li>
                            <li><a href="research.html">Research</a></li>
                            <li><a href="underDevelopment.html">Technology</a></li>
                        </ul>
                    </div>    
                </div><!--/.col-md-3-->
				
				
                <div class="col-md-3 col-sm-6">
                    <div class="widget">
                        <h3>STAY TUNED</h3>
                        <ul>
                            <li><a href="blog.html">Blog</a></li>
							<li><a href="gallery.html">Photo Gallery</a></li>
                        </ul>
                    </div>    
                </div><!--/.col-md-3-->

                <div class="col-md-3 col-sm-6">
                    <div class="widget">
                        <h3>Activities</h3>
                        <ul>
                            <li><a href="#">Social Robotics</a></li>
                            <li><a href="#">Cognitive Robotics</a></li>
                            <li><a href="#">Patents</a></li>
                            <li><a href="#">Teaching</a></li>
                            <li><a href="#">Invited talks</a></li>
                        </ul>
                    </div>    
                </div><!--/.col-md-3-->

                <div class="col-md-3 col-sm-6">
                    <div class="widget">
                        <h3>Partners</h3>
                        <ul>
                            <li><a href="https://www.osaka-u.ac.jp/en">Osaka University</a></li>
							<li><a href="https://www.salford.ac.uk/">Salford University</a></li>
							<li><a href="https://www.uni-bielefeld.de/(en)/">Bielefeld University</a></li>
                            <li><a href="https://www.uleth.ca/">University of Lethbridge</a></li>
							<li><a href="http://www.his.se/en/">Skovde University</a></li>
                            <li><a href="https://www.unibg.it/">Universita degli Studi di Bergamo</a></li>                          
                        </ul>
                    </div>    
                </div><!--/.col-md-3-->
            </div>
        </div>
    </section><!--/#bottom-->

    <footer id="footer" class="midnight-blue">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    &copy; 2013 <a target="_blank" href="http://shapebootstrap.net/" title="Free Twitter Bootstrap WordPress Themes and HTML templates">ShapeBootstrap</a>. All Rights Reserved.
                </div>
                <div class="col-sm-6">
                    <ul class="pull-right">
                        <li><a href="index.php">Home</a></li>
                        <li><a href="curriculum.html">Curriculum</a></li>
                        <li><a href="blog.html">Blog</a></li>
                        <li><a href="contact.html">Contact</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </footer><!--/#footer-->

    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.prettyPhoto.js"></script>
    <script src="js/jquery.isotope.min.js"></script>
    <script src="js/main.js"></script>
    <script src="js/wow.min.js"></script>
</body>
</html>