<!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="">
    <title>Blog | 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.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>

    <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="#"><i class="fa fa-skype"></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.html"><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="underDevelopment.html">Ambition</a></li>
                        <li><a href="publications.html">Publications</a></li>
                        <li><a href="research.html">Research</a></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="blog-item.html">Patents</a></li>
                                <li><a href="pricing.html">Collaboration</a></li>
                                <li><a href="404.html">Investment</a></li>
                                <li><a href="shortcodes.html">Pre-commercial Procurement</a></li>
                            </ul>
                        </li>
                        <li><a href="curriculum.html">Curriculum Vitae</a></li> 
                        <li><a href="blog.html">Blog</a></li> 
                        <li><a href="contact-us.html">Contact</a></li>                        
                    </ul>
                </div>
            </div><!--/.container-->
        </nav><!--/nav-->
        
    </header><!--/header-->

    <section id="blog" class="container">
        <div class="center">
            <h2>Blogs</h2>
            <p class="lead">News and curiosities concerning personal research and technology</p>
        </div>              

        <div class="blog">
            <div class="row">
                 <div class="col-md-8">
                    <div class="blog-item">
                        <div class="row">
                            <div class="col-xs-12 col-sm-2 text-center">
                                <div class="entry-meta"> 
                                    <span id="publish_date">21 MAY 2018</span>
                                    <span><i class="fa fa-user"></i> <a href="#">Francesco Rea</a></span>
                                    <span><i class="fa fa-comment"></i> <a href="comment.html">0 Comments</a></span>
                                    <span><i class="fa fa-heart"></i><a href="#">0 Likes</a></span>
                                </div>
                            </div>
                            <a name="blog21MAY2018"> </a>  
                            <div class="col-xs-12 col-sm-10 blog-content">
                                <img src="images/blog/blog21MAY2018.png" alt="21MAY2018" width=50%>
                                <h2><a href="blog-item.html">Visit of the Ass. Promozione Sociale Progetto Coronata</a></h2>
				<h3>We had the opportunity to spend an interesting afternoon with this association promoting social activities. What a wonderful experience.  </h3>
                                <a class="btn btn-primary readmore" href="blog-item.html">Read More<i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>    
                    </div><!--/.blog-item-->

		<div class="blog-item">
                        <div class="row">
                            <div class="col-xs-12 col-sm-2 text-center">
                                <div class="entry-meta"> 
                                    <span id="publish_date">26 MAY 2018</span>
                                    <span><i class="fa fa-user"></i> <a href="#">Francesco Rea</a></span>
                                    <span><i class="fa fa-comment"></i> <a href="comment.html">0 Comments</a></span>
                                    <span><i class="fa fa-heart"></i><a href="#">0 Likes</a></span>
                                </div>
                            </div>
                            <a name="blog26MAY2018"> </a>  
                            <div class="col-xs-12 col-sm-10 blog-content">
                                <img src="images/blog/blog26MAY2018.jpg" alt="26MAY2018" width=50%>
                                <h2><a href="blog-item.html">Lecture on Robots, ieri oggi e domani at the Istituto Comprensivo Fara Gera d Adda</a></h2>
				<h3>An interactive lecture with the children of the secondary school of Pontirolo Nuovo (Bergamo). The young students showed
				a vivid interest in the robotics and the skills of the humanoid robot iCub.</h3>
                                <a class="btn btn-primary readmore" href="blog-item.html">Read More<i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>    
                    </div><!--/.blog-item-->




		<div class="blog-item">
                        <div class="row">
                            <div class="col-xs-12 col-sm-2 text-center">
                                <div class="entry-meta"> 
                                    <span id="publish_date">30 MAY 2018</span>
                                    <span><i class="fa fa-user"></i> <a href="#">Francesco Rea</a></span>
                                    <span><i class="fa fa-comment"></i> <a href="comment.html">0 Comments</a></span>
                                    <span><i class="fa fa-heart"></i><a href="#">0 Likes</a></span>
                                </div>
                            </div>
                            <a name="blog30MAY2018"> </a>  
                            <div class="col-xs-12 col-sm-10 blog-content">
                                <img src="images/blog/blog30May2018.png" alt="30MAY2018" width=50%>
                                <h2><a href="blog-item.html">FederManager association visiting Great Campus stopped by to say hello to iCub</a></h2>
				<h3>Two groups of the FederManager association visited our laboratories and spent time with the iCub. The questions regarded 
				the technology enabled by the humanoid robot iCub and the possible innovative strategies for the future of IIT humanoid robot iCub. </h3>
                                <a class="btn btn-primary readmore" href="blog-item.html">Read More<i class="fa fa-angle-right"></i></a>
                            </div>
                        </div>    
                    </div><!--/.blog-item-->

										 
		    <ul class="pagination pagination-lg">
                        <li><a href="#"><i class="fa fa-long-arrow-left"></i>Previous Page</a></li>
                        <li class="active"><a href="#">1</a></li>                     
                        <li><a href="#">Next Page<i class="fa fa-long-arrow-right"></i></a></li>
                    </ul><!--/.pagination-->
                </div><!--/.col-md-8-->

                <aside class="col-md-4">
                    <div class="widget search">
                        <form role="form">
                                <input type="text" class="form-control search_box" autocomplete="off" placeholder="Search Here">
                        </form>
                    </div><!--/.search-->
    				
    				<div class="widget categories">
                        <h3>Recent Comments</h3>
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="single_comments">
                                    <img src="images/blog/avatar3.png" alt=""  />
                                    <p>----------- </p>
                                    <div class="entry-meta small muted">
                                        <span>By <a href="#">Alex</a></span ><span>On <a href="#">Cognitive Interaction Lab (RBCS)</a></span>
                                    </div>
                                </div>
                            </div>
                        </div>                     
                    </div><!--/.recent comments-->
                     

                    <div class="widget categories">
                        <h3>Categories</h3>
                        <div class="row">
                            <div class="col-sm-6">
                                <ul class="blog_category">
                                    <li><a href="#">HRI <span class="badge">04</span></a></li>
                                    <li><a href="#">robots <span class="badge">10</span></a></li>
                                    <li><a href="#">Interaction <span class="badge">06</span></a></li>
                                    <li><a href="#">Development <span class="badge">25</span></a></li>
                                </ul>
                            </div>
                        </div>                     
                    </div><!--/.categories-->
    				
    				<div class="widget archieve">
                        <h3>Archieve</h3>
                        <div class="row">
                            <div class="col-sm-12">
                                <ul class="blog_archieve">
                                    <li><a href="blogAugust2017.html"><i class="fa fa-angle-double-right"></i> August 2017 <span class="pull-right">(1)</span></a></li>
                                    <li><a href="blogFebbruary2018.html"><i class="fa fa-angle-double-right"></i> June 2016 <span class="pull-right">(1)</a></li>
                                    <li><a href="blogJuly2016.html"><i class="fa fa-angle-double-right"></i> July 2016 <span class="pull-right">(1)</a></li>
                                    <li><a href="blogMay2017.html"><i class="fa fa-angle-double-right"></i> May 2017 <span class="pull-right">(2)</a></li>
                                </ul>
                            </div>
                        </div>                     
                    </div><!--/.archieve-->
    				
                    <div class="widget tags">
                        <h3>Tag Cloud</h3>
                        <ul class="tag-cloud">
                            <li><a class="btn btn-xs btn-primary" href="#">HRI</a></li>
                            <li><a class="btn btn-xs btn-primary" href="#">Conference</a></li>
                            <li><a class="btn btn-xs btn-primary" href="#">Lab</a></li>
                            <li><a class="btn btn-xs btn-primary" href="#">Robot</a></li>
                            <li><a class="btn btn-xs btn-primary" href="#">iCub</a></li>
                            <li><a class="btn btn-xs btn-primary" href="#">interaction</a></li>
                            <li><a class="btn btn-xs btn-primary" href="#">learning</a></li>
                            <li><a class="btn btn-xs btn-primary" href="#">intelligence</a></li>
                            <li><a class="btn btn-xs btn-primary" href="#">development</a></li>
                            <li><a class="btn btn-xs btn-primary" href="#">attention</a></li>
                        </ul>
                    </div><!--/.tags-->
    				
    				<div class="widget blog_gallery">
                        <h3>My personal Gallery</h3>
                        <ul class="sidebar-gallery">
                            <li><a href="images/blog/gallery1.png"><img src="images/blog/gallery1.png" width="107" height="63" alt="" /></a></li>
                            <li><a href="images/blog/gallery2.png"><img src="images/blog/gallery2.png" width="107" height="63" alt="" /></a></li>
                            <li><a href="images/blog/gallery3.jpg"><img src="images/blog/gallery3.jpg" width="107" height="63" alt="" /></a></li>
                            <li><a href="images/blog/gallery4.jpg"><img src="images/blog/gallery4.jpg" width="63" height="63" alt="" /></a></li>
                            <li><a href="images/blog/gallery5.jpg"><img src="images/blog/gallery5.jpg" width="107" height="63" alt="" /></a></li>
                            <li><a href="images/blog/gallery6.jpg"><img src="images/blog/gallery6.jpg" width="107" height="63"alt="" /></a></li>
                        </ul>
                    </div><!--/.blog_gallery-->
    			</aside>  
            </div><!--/.row-->
        </div>
    </section><!--/#blog-->

    <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="#">Ambition</a></li>
                            <li><a href="#">Publications</a></li>
                            <li><a href="#">Research</a></li>
                            <li><a href="#">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</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="#">Bielefeld University</a></li>
                            <li><a href="#">University of Lethbridge</a></li>
                            <li><a href="#">Osaka University</a></li>
                            <li><a href="#">Skovde University</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="#">Home</a></li>
                        <li><a href="#">Curriculum</a></li>
                        <li><a href="#">Blog</a></li>
                        <li><a href="#">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>